@layer layout {
 .profile-entry { display:grid; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr); border:1px solid var(--border); border-radius:var(--radius-card); overflow:hidden; background:var(--surface); box-shadow:var(--shadow-card); }
 .profile-entry-free { padding:28px; min-width:0; }
 .profile-entry-intro h2 { font-size:25px; line-height:1.25; margin:12px 0 10px; }
 .profile-entry-intro p { color:var(--text-muted); max-width:58ch; font-size:14px; line-height:1.65; margin:0; }
 .profile-free-entry { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:24px; }
 .profile-entry-card { min-width:0; padding:16px; border:1px solid var(--border); border-radius:var(--radius-card); background:var(--surface-muted); display:flex; flex-direction:column; gap:12px; }
 .profile-entry-identity { display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px 4px; }
 .profile-entry-identity { --profile-logo-size:42px; --profile-logo-padding:5px; }
 .profile-entry-identity h3 { font-size:15px; line-height:1.3; margin:0; grid-column:1 / -1; grid-row:2; }
 .profile-entry-card p { font-size:13px; line-height:1.6; margin:0 0 4px; color:var(--text-muted); }
 .profile-entry-card .btn { width:100%; margin-top:auto; font-size:13px; }
 .profile-entry-features { display:flex; flex-wrap:wrap; gap:10px 18px; margin:24px 0 0; padding:0; list-style:none; }
 .profile-entry-features li { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--text-muted); }
 .profile-entry-plus { --profile-motif:var(--accent-text); position:relative; isolation:isolate; min-width:0; border-left:1px solid var(--gold-border); background:linear-gradient(145deg,var(--gold-soft),var(--surface)); }
 .profile-entry-plus-content { position:relative; padding:28px; }
 .profile-entry-plus h2 { font-size:25px; line-height:1.3; margin:18px 0 12px; max-width:18ch; }
 .profile-entry-plus p { font-size:14px; line-height:1.7; margin:0 0 20px; }
 .profile-entry-plus small { display:block; margin:12px 0 0; color:var(--text-muted); font-size:11px; }
 .profile-entry-topics { display:grid; gap:10px; padding:16px 0; margin-bottom:16px; border-block:1px solid var(--gold-border); }
 .profile-entry-topics span { display:flex; gap:8px; align-items:center; font-size:12px; }
 .profile-entry-art { position:absolute; z-index:-1; width:220px; top:-30px; right:-55px; opacity:.25; }
 .profile-entry-art .profile-art { width:100%; height:auto; color:var(--accent-text); stroke:currentColor; stroke-width:1.5; }
 @media(max-width:900px) { .profile-entry { grid-template-columns:minmax(0,1fr); } .profile-entry-plus { border-left:0; border-top:1px solid var(--gold-border); } .profile-entry-plus h2 { max-width:30ch; } }
 @media(max-width:520px) {
  .profile-entry-free,.profile-entry-plus-content { padding:20px; } .profile-entry-intro h2,.profile-entry-plus h2 { font-size:23px; }
  .profile-free-entry { grid-template-columns:minmax(0,1fr); gap:10px; margin-top:20px; }
  .profile-entry-card { padding:14px; gap:8px; } .profile-entry-identity { grid-template-columns:36px minmax(0,1fr) auto; gap:10px; --profile-logo-size:36px; }
  .profile-entry-identity h3 { grid-column:auto; grid-row:auto; font-size:15px; }
  .profile-entry-card p { font-size:12px; } .profile-entry-features { display:grid; gap:10px; }
 }

 .profile-icon { width:18px; height:18px; flex-shrink:0; }
 .profile-tool-nav a { display:flex; align-items:center; justify-content:center; gap:var(--s2); padding:10px var(--s3); min-height:44px; text-decoration:none; font-size:var(--s3); border-radius:var(--radius-button); }
 .profile-filter-panel { border-block:1px solid var(--border); padding:var(--s3) 0; }
 .profile-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
 .profile-theme-payments { --profile-motif:var(--category-markets); }
 .profile-theme-contracts { --profile-motif:var(--category-technology); }
 .profile-theme-networks { --profile-motif:var(--category-infrastructure); }
 .profile-theme-defi { --profile-motif:var(--category-defi); }
 .profile-theme-security { --profile-motif:var(--category-security); }
 .profile-theme-collectibles { --profile-motif:var(--category-nft); }
 .profile-card { min-width:0; border:1px solid var(--border); border-radius:var(--radius-card); overflow:hidden; background:var(--surface); box-shadow:var(--shadow-card); display:flex; flex-direction:column; }
 .profile-card-visual { position:relative; overflow:hidden; height:138px; flex-shrink:0; padding:var(--s4) 20px; border-bottom:1px solid color-mix(in srgb,var(--profile-motif) 25%,var(--border-soft)); background:radial-gradient(ellipse at 86% 40%,color-mix(in srgb,var(--profile-motif) 26%,transparent),transparent 66%),linear-gradient(115deg,var(--surface),color-mix(in srgb,var(--profile-motif) 14%,var(--surface))); }
 .profile-category { font-size:.72rem; letter-spacing:.095em; text-transform:uppercase; font-weight:750; color:var(--text-muted); position:relative; z-index:1; }
 .profile-art { display:block; color:var(--profile-motif); stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
 .profile-art-line { stroke:currentColor; }
 .profile-art-faint { stroke:currentColor; opacity:.28; }
 .profile-art-plane { fill:color-mix(in srgb,var(--profile-motif) 11%,var(--surface)); stroke:currentColor; }
 .profile-art-tile { fill:color-mix(in srgb,var(--profile-motif) 26%,var(--surface)); stroke:currentColor; }
 .profile-art-dot { fill:currentColor; stroke:none; }
 .profile-card-visual .profile-art { position:absolute; width:226px; height:155px; right:calc(-1*var(--s3)); top:var(--s1); opacity:.72; }
 .profile-logo { width:var(--profile-logo-size,58px); height:var(--profile-logo-size,58px); padding:var(--profile-logo-padding,var(--s2)); object-fit:contain; border:1px solid var(--tool-border); border-radius:var(--radius-card); background:var(--profile-logo-surface,var(--tool-surface)); flex-shrink:0; }
 .profile-logo-dark { --profile-logo-surface:var(--brand-page); }
 .profile-card-visual .profile-logo { position:absolute; left:20px; bottom:var(--s4); z-index:1; }
 .profile-card-content { padding:20px; display:flex; flex-direction:column; flex:1; gap:var(--s3); }
 .profile-card-heading { display:flex; align-items:center; gap:var(--s2); justify-content:space-between; }
 .profile-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s2); }
 .profile-card-facts { display:flex; flex-wrap:wrap; gap:var(--s2); margin:0 0 var(--s1); }
 .profile-card-facts span { display:flex; align-items:center; gap:6px; font-size:.75rem; line-height:1.5; padding:6px var(--s2); border:1px solid var(--border-soft); border-radius:var(--radius-button); background:var(--surface-muted); }
 .profile-card-facts .profile-icon { width:14px; height:14px; color:var(--text-muted); }
 .profile-card-controls { margin:var(--s1) -20px -20px; margin-top:auto; padding:var(--s4) 20px 6px; border-top:1px solid var(--border); background:var(--surface-muted); }
 .profile-card-utilities { display:flex; align-items:center; justify-content:space-between; gap:var(--s2); font-size:11px; margin-top:var(--s1); min-height:44px; }
 .profile-card-utilities .profile-icon { width:15px; height:15px; }
 .profile-links-popover { width:min(440px,calc(100vw - var(--s6))); max-height:calc(100dvh - var(--s7)); margin:auto; padding:20px; border:1px solid var(--border); border-radius:var(--radius-card); background:var(--surface); color:var(--text); box-shadow:var(--shadow-elevated); overflow:auto; }
 .profile-links-popover::backdrop { background:var(--overlay); }
 .profile-links-heading { display:flex; align-items:center; justify-content:space-between; gap:var(--s4); padding-bottom:var(--s4); margin-bottom:var(--s3); border-bottom:1px solid var(--border-soft); }
 .profile-links-heading h2 { font-size:18px; line-height:1.4; }
 /* UI-050: the lock line of a Plus card ("Mit Plus verfügbar"); the general explanation sits above the overview. */
.profile-card-lock { display:flex; align-items:center; gap:var(--s2); margin:0; color:var(--accent-text); font-weight:600; }
 .profile-maturity { padding:9px 10px; border:1px solid var(--border-soft); border-radius:var(--radius-button); background:var(--surface-muted); }
 .profile-maturity-line { display:flex; align-items:center; gap:var(--s2); font-size:.8125rem; line-height:1.5; }
 .profile-maturity-line > .profile-icon { width:15px; height:15px; color:var(--info); }
 .profile-maturity-line strong { margin-left:6px; font-weight:700; }
 .profile-maturity-track { display:flex; gap:3px; width:54px; margin-left:auto; flex-shrink:0; }
 .profile-maturity-track i { width:var(--s3); height:5px; border-radius:var(--radius-badge); background:var(--border); }
 .profile-maturity-track .is-current { background:var(--info); }
 .profile-profile-hero { margin-bottom:var(--s4); position:relative; overflow:hidden; isolation:isolate; border:1px solid color-mix(in srgb,var(--profile-motif) 28%,var(--border)); border-radius:var(--radius-card); padding:var(--s5) 28px; background:radial-gradient(ellipse at 82% 50%,color-mix(in srgb,var(--profile-motif) 18%,transparent),transparent 65%),linear-gradient(105deg,var(--surface),color-mix(in srgb,var(--profile-motif) 12%,var(--surface))); }
 .profile-profile-art { position:absolute; z-index:-1; width:360px; right:120px; top:0; bottom:0; display:flex; align-items:center; opacity:.50; }
 .profile-profile-art .profile-art { width:100%; }
 .profile-profile-topline { display:flex; align-items:center; justify-content:space-between; gap:var(--s4); }
 .profile-profile-identity { display:flex; gap:18px; align-items:center; margin:10px 0 var(--s3); }
 /* UI-053 final: learning layer built from the central learningSection roles; the definition leads at reading size,
    the three follow-up roles share one row, sources sit as a quiet line under each text. */
 .profile-learning { display:grid; gap:var(--s4); }
 .profile-learning-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s4); }
 .profile-learning .learning-section { display:flex; flex-direction:column; min-width:0; }
 .profile-detail-body .profile-portrait-sources { display:flex; flex-wrap:wrap; align-items:center; gap:0 var(--s2); margin:auto 0 0; padding-top:var(--s2); color:var(--text-muted); font-size:.75rem; line-height:1.5; }
 .profile-portrait-sources .profile-icon { width:var(--s3); height:var(--s3); }
 .profile-portrait-sources a { display:inline-flex; align-items:center; min-height:var(--touch-target); color:var(--text-muted); }
 .profile-portrait-sources a + a::before { content:'·'; margin-inline-end:var(--s2); color:var(--text-faint); }
 .profile-history { padding:var(--s5); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--surface-muted); }
 .profile-history__title { display:flex; align-items:center; gap:var(--s2); margin:0; color:var(--text-muted); font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
 .profile-timeline { display:flex; margin:var(--s5) 0 0; padding:0; list-style:none; }
 .profile-timeline li { position:relative; display:flex; flex-direction:column; flex:1; min-width:0; padding:var(--s5) var(--s5) 0 0; border-top:2px solid color-mix(in srgb,var(--profile-motif) 45%,var(--border)); }
 .profile-timeline li::before { content:''; position:absolute; top:calc(-1*var(--s2)); left:0; width:var(--s3); height:var(--s3); border:3px solid var(--surface-muted); border-radius:var(--radius-pill); background:var(--profile-motif); }
 .profile-timeline time { display:block; color:color-mix(in srgb,var(--profile-motif) 70%,var(--text)); font-size:1.25rem; font-weight:700; line-height:1.2; font-variant-numeric:tabular-nums; }
 .profile-timeline h5 { margin:var(--s2) 0 0; font-size:1rem; line-height:1.4; }
 .profile-detail-body .profile-timeline p { max-width:38ch; margin:var(--s1) 0 0; font-size:.875rem; line-height:1.65; color:var(--text-muted); }
 .profile-panel { scroll-margin-top:var(--s8); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--surface); padding:var(--s5); min-width:0; }
 .profile-topic { display:flex; align-items:center; gap:var(--s3); margin-bottom:var(--s4); padding-bottom:14px; border-bottom:1px solid var(--border-soft); }
 .profile-topic-icon { width:34px; height:34px; display:grid; place-items:center; flex-shrink:0; border:1px solid var(--info-border); border-radius:var(--radius-control); background:var(--info-soft); color:var(--info); }
 .profile-detail-body p,.profile-detail-body li { font-size:14px; line-height:1.85; max-width:72ch; }
 .profile-detail-body ul,.profile-detail-body ol { padding-left:20px; }
 .profile-detail-body li+li { margin-top:6px; }
 .profile-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:20px 0 var(--s3); gap:10px; }
 .profile-features > div { min-width:0; padding:14px; border:1px solid var(--border-soft); border-radius:var(--radius-control); background:var(--surface-muted); }
 .profile-features dt { display:flex; gap:var(--s2); align-items:center; font-size:.75rem; color:var(--text-muted); }
 .profile-features dt .profile-icon { width:15px; height:15px; color:var(--info); }
 .profile-features dd { font-size:13px; line-height:1.6; margin:7px 0 0; font-weight:650; overflow-wrap:break-word; }
 /* Paket P: the Web3 data context is Plus content (gold frame, decision Daniel 13.10.2026). */
 .profile-panel-web3 { border-color:var(--gold-border); background:linear-gradient(160deg,var(--gold-soft),var(--surface) 42%); box-shadow:var(--shadow-card); }
 .profile-panel-web3 .profile-topic-icon { border-color:var(--gold-border); background:var(--gold-soft); color:var(--accent-text); }
 .profile-panel-warning { background:color-mix(in srgb,var(--warning-soft),var(--surface) 50%); border-color:var(--warning); }
 .profile-panel-warning .profile-topic-icon { color:var(--warning); border-color:var(--warning); background:var(--warning-soft); }
 .profile-detail-body .profile-steps { list-style:none; padding:0; margin:var(--s4) 0; counter-reset:step; display:grid; gap:10px; }
 .profile-steps li { counter-increment:step; display:flex; align-items:flex-start; gap:14px; padding:14px; border:1px solid var(--border-soft); border-radius:var(--radius-control); background:var(--surface-muted); }
 .profile-detail-body .profile-steps li+li { margin:0; }
 .profile-steps li::before { content:counter(step,decimal-leading-zero); display:grid; place-items:center; width:30px; height:30px; flex-shrink:0; background:var(--info-soft); color:var(--info); border:1px solid var(--info-border); border-radius:var(--radius-button); font-size:var(--s3); font-weight:750; font-variant-numeric:tabular-nums; }
 .profile-steps li span { align-self:center; min-width:0; }
 .profile-link-list { display:grid; gap:var(--s2); }
 .profile-link-list a { display:flex; align-items:center; gap:10px; min-height:56px; padding:10px; border:1px solid var(--border-soft); border-radius:var(--radius-control); background:var(--surface-muted); text-decoration:none; }
 .profile-link-list a:hover { border-color:var(--info-border); background:var(--info-soft); }
 .profile-link-list a > span:nth-child(2) { flex:1; min-width:0; }
 .profile-link-list strong { display:block; font-size:var(--s3); }
 .profile-link-list small { display:block; color:var(--text-muted); font-size:.72rem; margin-top:3px; overflow-wrap:anywhere; }
 html[data-theme='dark'] .profile-card-visual { background:radial-gradient(ellipse at 86% 40%,color-mix(in srgb,var(--profile-motif) 23%,transparent),transparent 66%),linear-gradient(115deg,var(--surface),color-mix(in srgb,var(--profile-motif) 13%,var(--surface))); }
 html[data-theme='dark'] .profile-art { color:color-mix(in srgb,var(--profile-motif) 65%,var(--text)); }
 .profiles-page { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; gap:var(--s5); }
 .profiles-page > [data-profile-status]:empty,.profiles-page > [data-profile-recent]:empty,.profiles-page > [data-profile-compare-bar]:empty { display:none; }
 .profile-hero-main { min-width:0; max-width:100%; font-size:.875rem; }
 .profile-hero { display:flex; align-items:center; justify-content:space-between; gap:var(--s5); }
 .profile-hero p { max-width:var(--reading-max); color:var(--text-muted); line-height:1.5; margin-block:var(--s2); }
 .profile-search-controls { min-width:0; }
 .profile-selection-filters > summary { min-height:var(--touch-target); display:flex; align-items:center; padding-block:var(--s2); cursor:pointer; font-size:.875rem; }
 .profile-selection-filters > summary::before { content:'+'; margin-right:var(--s2); }
 .profile-selection-filters[open] > summary::before { content:'−'; }
 .profile-title { display:flex; align-items:center; gap:var(--s4); }
 .profile-title h1 { font-size:clamp(1.75rem,3vw,2.5rem); min-width:0; }
 .profile-tool-nav { display:flex; flex-shrink:0; border:1px solid var(--border); border-radius:var(--radius-control); padding:var(--s1); background:var(--surface); }
 .profile-tool-nav [aria-current] { background:var(--gold-soft); color:var(--accent-text); }
 .profile-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,.3fr); gap:var(--s4); }
 .profile-filter-group { border:0; margin:var(--s4) 0; padding:0; min-width:0; }
 .profile-filter-group legend { font-size:.875rem; font-weight:650; }
 .profile-tags { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s2); margin-block:var(--s3); }
 .profile-logo-fallback { display:grid; place-items:center; color:var(--tool-text); }
 .profile-card-heading h2 { font-size:1.25rem; overflow-wrap:break-word; margin:0; }
 .profile-card-content > p { font-size:.875rem; line-height:1.7; margin:0; }
 .profile-card-utilities .btn { font-size:.75rem; padding-inline:0; }
 .profile-links-heading > .btn { flex-shrink:0; }
 .profile-dialog { --profile-dialog-pad:var(--s5); width:min(calc(var(--desktop-max) - var(--s8)*4),calc(100% - var(--s6))); max-height:calc(100dvh - var(--s6)); padding:var(--profile-dialog-pad); }
 .profile-detail-heading { display:flex; justify-content:space-between; gap:var(--s4); margin-bottom:var(--s4); }
 .profile-detail-title { font-size:clamp(1.75rem,3vw,2.625rem); margin:0; min-width:0; overflow-wrap:break-word; }
 .profile-detail-body { display:grid; gap:var(--s5); overflow-wrap:break-word; }
 .profile-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s5); }
 .profile-topic h4 { font-size:1rem; margin:0; }
 /* Paket P (B4 b): loaded Web3 data as one data card: head (Plus, source, time), key figures, graphic, r337 text. */
 .profile-web3-data { display:grid; gap:var(--s4); min-width:0; }
 .profile-web3-data__head { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s2) var(--s3); padding-bottom:var(--s3); border-bottom:1px solid var(--border-soft); color:var(--text-muted); font-size:.8125rem; }
 .profile-web3-data__source { font-weight:700; color:var(--text); }
 .profile-web3-data__time { margin-inline-start:auto; font-variant-numeric:tabular-nums; }
 .profile-web3-data__metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr)); gap:var(--s3); }
 .profile-web3-data__metric { position:relative; display:grid; align-content:start; gap:var(--s1); min-width:0; padding:var(--s4); border:1px solid var(--gold-border); border-radius:var(--radius-card); background:var(--surface); overflow:hidden; }
 .profile-web3-data__metric::before { content:''; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,var(--gold-deep),var(--gold)); }
 .profile-web3-data__icon { display:grid; place-items:center; width:var(--s6); height:var(--s6); margin-bottom:var(--s1); border:1px solid var(--gold-border); border-radius:var(--radius-control); background:var(--gold-soft); color:var(--accent-text); }
 .profile-web3-data__icon svg { width:18px; height:18px; }
 .profile-web3-data__label { color:var(--text-muted); font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
 .profile-web3-data__metric strong { font-size:clamp(1.125rem,.9rem + 1.2vw,1.5rem); line-height:1.2; font-variant-numeric:tabular-nums; overflow-wrap:break-word; }
 @media (max-width:520px) { .profile-web3-data__metric { padding:var(--s3); } }
 .profile-web3-data__metric small { color:var(--text-muted); font-size:.75rem; line-height:1.45; }
 .profile-web3-data__graphic { padding:var(--s4); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--surface); }
 .profile-web3-data__copy { padding:var(--s4); border-left:3px solid var(--gold); border-radius:var(--radius-control); background:var(--surface-muted); }
 .profile-web3-data__copy > p:last-child { margin-bottom:0; }
 .profile-web3-data__eyebrow { margin:0 0 var(--s2); color:var(--accent-text); font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
 .profile-web3-data > :is(ul,.profile-web3-stamp,.profile-actions) { margin:0; }
/* BUG-040 (Daniel 13.10.2026): Web3 data box for guests and Free: allowance line and the choice between one check and Plus. */
.profile-web3-quota { display:flex; align-items:center; gap:var(--s3); }
.profile-web3-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap:var(--s3); margin-block-start:var(--s3); }
.profile-web3-option { display:grid; align-content:start; justify-items:start; gap:var(--s2); min-width:0; padding:var(--s4); border:1px solid var(--border); border-radius:var(--radius-card); background:var(--surface); }
.profile-web3-option--plus { border-color:var(--gold-border); }
.profile-web3-option h5 { margin:0; font-size:1rem; }
.profile-web3-option p { margin:0; }
.profile-web3-stamp { color:var(--text-muted); font-size:.85rem; }
 .profile-compare-bar { position:sticky; bottom:calc(var(--bottom-nav-space,0px) + var(--s4)); z-index:var(--z-sticky); }
 @media(max-width:900px) {
  .profile-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .profile-hero { align-items:start; flex-direction:column; }
  .profile-learning-grid { grid-template-columns:minmax(0,1fr); }
 }
 @media(max-width:600px) {
  .profiles-page { gap:var(--s4); }
  .profile-hero { gap:var(--s3); }
  .profile-controls,.profile-grid,.profile-detail-grid { grid-template-columns:1fr; }
  .profile-title { align-items:start; }
  .profile-card-visual { height:calc(var(--s8) + var(--s7)); }
  .profile-card-content { padding:var(--s4); }
  .profile-card-controls { margin-inline:calc(-1*var(--s4)); margin-bottom:calc(-1*var(--s4)); padding-inline:var(--s4); }
  .profile-dialog { --profile-dialog-pad:var(--s3); width:calc(100% - var(--s4)); max-height:calc(100dvh - var(--s4)); }
  .profile-panel,.profile-history { padding:var(--s4); }
  .profile-features { gap:var(--s2); }
  .profile-features > div { padding:var(--s3); }
  .profile-timeline { display:block; margin-left:var(--s1); }
  .profile-timeline li { padding:0 0 var(--s5) var(--s5); border-top:0; border-left:1px solid var(--border); }
  .profile-timeline li::before { top:var(--s1); left:calc(-1*var(--s1)); }
 }
 /* UI-053 / BUG-028 / BUG-029: readable V3 profile hierarchy for both tools. Overview with a large maturity scale and
    key facts, jump links, a learning layer, use-case cards, contrasting arguments, wallet tiles and one safety block. */
 .profile-overview { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:stretch; overflow:hidden; border:1px solid var(--border); border-radius:var(--radius-card); background:var(--surface); box-shadow:var(--shadow-card); }
 .profile-overview--facts { grid-template-columns:minmax(0,1fr); }
 .profile-maturity-meter { display:grid; align-content:start; gap:var(--s2); padding:var(--s5); border-inline-end:1px solid var(--border-soft); background:linear-gradient(135deg,var(--info-soft),transparent 70%); }
 .profile-maturity-meter > p { margin:0; }
 .profile-maturity-meter .profile-maturity-meter__label { display:flex; align-items:center; gap:var(--s2); color:var(--text-muted); font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
 .profile-maturity-meter__label .profile-icon { color:var(--info); }
 .profile-maturity-meter .profile-maturity-meter__value { font-size:clamp(1.5rem,1.2rem + 1vw,2rem); font-weight:700; line-height:1.15; }
 .profile-maturity-scale { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s1); margin:var(--s1) 0 0; padding:0; list-style:none; }
 .profile-detail-body .profile-maturity-scale li { display:grid; gap:var(--s2); margin:0; color:var(--text-muted); font-size:.8125rem; line-height:1.3; }
 .profile-maturity-scale li::before { content:''; height:6px; border-radius:var(--radius-pill); background:var(--border); }
 .profile-maturity-scale li.is-reached::before { background:color-mix(in srgb,var(--info) 55%,var(--border)); }
 .profile-maturity-scale li[aria-current='step'] { color:var(--text); font-weight:700; }
 .profile-maturity-scale li[aria-current='step']::before { background:var(--info); }
 .profile-maturity-meter .profile-maturity-meter__note { color:var(--text-muted); font-size:.75rem; line-height:1.55; }
 .profile-quickfacts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:0; background:var(--border-soft); }
 .profile-quickfacts > div { min-width:0; padding:var(--s4) var(--s5); background:var(--surface); }
 .profile-quickfacts dt { display:flex; align-items:center; gap:var(--s2); color:var(--text-muted); font-size:.75rem; }
 .profile-quickfacts dt .profile-icon { width:15px; height:15px; color:var(--info); }
 .profile-quickfacts dd { margin:var(--s1) 0 0; font-size:1.125rem; font-weight:700; overflow-wrap:anywhere; }
 /* The chapter bar stays at the top edge of the dialog while reading; it scrolls sideways on narrow screens. */
 .profile-jump { position:sticky; top:calc(-1*var(--profile-dialog-pad)); z-index:var(--z-sticky); display:flex; gap:var(--s2); overflow-x:auto; margin-inline:calc(-1*var(--profile-dialog-pad)); padding:var(--s3) var(--profile-dialog-pad); border-bottom:1px solid var(--border-soft); background:var(--surface); scrollbar-width:thin; }
 .profile-jump__link { display:inline-flex; flex:none; align-items:center; gap:var(--s2); min-height:var(--touch-target); padding:var(--s2) var(--s3); border:1px solid var(--border); border-radius:var(--radius-pill); background:var(--surface); color:var(--text); font:600 .8125rem/1.2 var(--font-body); cursor:pointer; }
 .profile-jump__link span { color:color-mix(in srgb,var(--profile-motif,var(--info)) 70%,var(--text)); font-variant-numeric:tabular-nums; }
 .profile-jump__link:is(:hover,:focus-visible) { border-color:color-mix(in srgb,var(--profile-motif,var(--info)) 60%,var(--border)); background:var(--surface-muted); }
 .profile-usecases { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap:var(--s3); margin:0; padding:0; list-style:none; }
 .profile-usecase { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; align-content:start; gap:var(--s2); padding:var(--s4); border:1px solid var(--border); border-radius:var(--radius-control); background:var(--surface-muted); }
 .profile-usecase > * { margin:0; }
 .profile-usecase__icon { display:grid; place-items:center; width:var(--s7); height:var(--s7); border:1px solid color-mix(in srgb,var(--profile-motif,var(--info)) 40%,var(--border)); border-radius:var(--radius-control); background:color-mix(in srgb,var(--profile-motif,var(--info)) 10%,var(--surface)); color:color-mix(in srgb,var(--profile-motif,var(--info)) 75%,var(--text)); }
 .profile-usecase__icon .profile-icon { width:var(--s5); height:var(--s5); }
 .profile-usecase h4 { font-size:1rem; line-height:1.35; }
 .profile-detail-body .profile-usecase p { font-size:.875rem; line-height:1.6; }
 .profile-detail-body .profile-usecase__goal { display:flex; gap:var(--s2); align-items:flex-start; padding-top:var(--s2); border-top:1px solid var(--border-soft); color:var(--text-muted); }
 .profile-usecase__goal .profile-icon { width:15px; height:15px; margin-top:3px; color:var(--success); }
 /* Text beside an icon in flex rows may shrink below its longest word; long German compounds then wrap (overflow-wrap from .profile-detail-body). */
 :is(.profile-usecase__goal,.profile-benefits li,.profile-domains li,.profile-wallet,.profile-risks li) > :not(.profile-icon,.profile-wallet__icon) { min-width:0; }
 .profile-detail-body .profile-token-use { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s2); margin:var(--s4) 0 0; font-size:.875rem; }
 .profile-token-use span { padding:2px var(--s2); border:1px solid var(--border-soft); border-radius:var(--radius-badge); background:var(--surface-muted); }
 .profile-fit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s4); scroll-margin-top:var(--s8); }
 .profile-fit { --fit-color:var(--success); --fit-soft:var(--success-soft); --fit-border:var(--success-border); padding:var(--s5); border:1px solid var(--fit-border); border-top:4px solid var(--fit-color); border-radius:var(--radius-card); background:linear-gradient(180deg,var(--fit-soft),transparent 60%),var(--surface); }
 .profile-fit--against { --fit-color:var(--warning); --fit-soft:var(--warning-soft); --fit-border:color-mix(in srgb,var(--warning) 45%,var(--border)); }
 .profile-fit > * { margin:0; }
 .profile-fit__eyebrow { display:flex; align-items:center; gap:var(--s2); color:var(--fit-color); font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
 .profile-fit h4 { margin-block:var(--s2); font-size:1.0625rem; }
 .profile-wallets { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr)); gap:var(--s3); }
 .profile-wallet { display:flex; gap:var(--s3); align-items:flex-start; padding:var(--s4); border:1px solid var(--border); border-radius:var(--radius-control); background:var(--surface-muted); }
 .profile-wallet--main { border-color:var(--gold-border); background:linear-gradient(135deg,var(--gold-soft),transparent 70%),var(--surface-muted); }
 .profile-wallet__icon { display:grid; place-items:center; width:var(--s6); height:var(--s6); flex:none; border-radius:var(--radius-pill); background:var(--surface); color:var(--text-muted); }
 .profile-wallet--main .profile-wallet__icon { color:var(--accent-text); }
 .profile-wallet h4 { margin:0; color:var(--text-muted); font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
 .profile-detail-body .profile-wallet p { margin:var(--s1) 0 0; font-size:.875rem; line-height:1.6; }
 .profile-detail-body .profile-wallet .profile-wallet__name { font-size:1.0625rem; font-weight:700; }
 .profile-benefits,.profile-domains { display:grid; gap:var(--s2); margin:0; padding:0; list-style:none; }
 .profile-detail-body .profile-benefits li,.profile-detail-body .profile-domains li { display:flex; gap:var(--s2); align-items:flex-start; margin:0; padding:var(--s2) var(--s3); border:1px solid var(--border-soft); border-radius:var(--radius-control); background:var(--surface-muted); }
 .profile-benefits .profile-icon { margin-top:5px; width:15px; height:15px; color:var(--success); }
 .profile-domains .profile-icon { margin-top:5px; width:15px; height:15px; color:var(--success); }
 .profile-domains span { font-weight:650; overflow-wrap:anywhere; }
 .profile-safety-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); }
 .profile-safety-item { min-width:0; padding:var(--s3); border:1px solid color-mix(in srgb,var(--warning) 25%,var(--border)); border-radius:var(--radius-control); background:var(--surface); }
 .profile-safety-item h4 { display:flex; align-items:center; gap:var(--s2); margin:0 0 var(--s2); font-size:.875rem; }
 .profile-safety-item h4 .profile-icon { color:var(--warning); }
 .profile-detail-body .profile-safety-item p { margin:0; font-size:.875rem; line-height:1.65; }
 [data-profile-section] { scroll-margin-top:calc(var(--touch-target) + var(--s6)); }
 .profile-detail-body :is(.profile-timeline,.profile-usecases,.profile-benefits,.profile-domains) li+li { margin-top:0; }
 .profile-detail-body :is(.profile-usecases,.profile-benefits,.profile-domains,.profile-maturity-scale) { padding:0; }
 .profile-detail-grid { align-items:stretch; }
 @media(max-width:900px) { .profile-overview,.profile-fit-grid,.profile-safety-grid { grid-template-columns:minmax(0,1fr); } .profile-maturity-meter { border-inline-end:0; border-bottom:1px solid var(--border-soft); } }
 @media(max-width:600px) { .profile-maturity-meter,.profile-fit { padding:var(--s4); } .profile-quickfacts > div { padding:var(--s3) var(--s4); } .profile-detail-body .profile-maturity-scale li { font-size:.75rem; } }

 /* UI-053 final: numbered chapters (one question each) on the central sectionHead; risk cards, narrative/relevance
    roles and a benefit grid. The chapter is a frame; panels inside keep their own surfaces. */
 .profile-chapter { --section-head-accent:var(--profile-motif,var(--info)); display:grid; gap:var(--s5); padding-top:var(--s6); }
 .profile-chapter--warning { --section-head-accent:var(--warning); }
 .profile-chapter__body { display:grid; gap:var(--s4); min-width:0; }
 .profile-chapter__body > .profile-subhead { margin:0 0 calc(-1*var(--s2)); color:var(--text-muted); font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
 .profile-risks { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap:var(--s3); margin:var(--s3) 0; padding:0; list-style:none; }
 .profile-detail-body .profile-risks li { display:flex; gap:var(--s3); align-items:flex-start; margin:0; padding:var(--s3) var(--s4); border:1px solid color-mix(in srgb,var(--warning) 30%,var(--border)); border-radius:var(--radius-control); background:var(--surface); }
 .profile-risks .profile-icon { width:var(--s4); height:var(--s4); margin-top:var(--s1); color:var(--warning); }
 .profile-risks strong,.profile-risks span { display:block; }
 .profile-risks span { color:var(--text-muted); font-size:.875rem; line-height:1.6; }
 .profile-textcards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr)); gap:var(--s4); }
 .profile-chapter__body > .profile-features { grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr)); margin:0; }
 .profile-benefits { grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr)); }
 .profile-detail-body .profile-panel-warning > ul:first-child { margin-top:0; }
 .profile-detail-body .profile-panel-warning > h4 { margin:var(--s4) 0 0; }
 .profile-hero-lead { position:relative; max-width:60ch; margin:var(--s3) 0 0; color:var(--text); font-size:1.125rem; line-height:1.6; }
 @media(max-width:600px) { .profile-chapter { gap:var(--s4); padding-top:var(--s5); } .profile-hero-lead { font-size:1rem; } .profile-profile-art { width:calc(var(--s8)*3); right:calc(-1*var(--s8)); opacity:.22; } }
 /* Colour legend for the profile cards (category motif per card). */
 .profile-list-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s2) var(--s4); }
 .profile-list-head [data-profile-count] { margin:0; }
 .profile-legend { display:flex; flex-wrap:wrap; gap:var(--s2) var(--s4); margin:0; padding:0; list-style:none; color:var(--text-muted); font-size:.75rem; }
 .profile-legend li { display:inline-flex; align-items:center; gap:var(--s2); }
 .profile-legend__swatch { width:var(--s3); height:var(--s3); border-radius:var(--radius-pill); background:var(--profile-motif); box-shadow:0 0 0 1px color-mix(in srgb,var(--profile-motif) 45%,var(--border)); }

 /* UI-053: Plus preview of a locked profile, gold accent, parts of the full profile behind a lock. */
 .profile-plus-preview { padding:var(--s4) var(--s5); border:1px solid var(--gold-border); border-radius:var(--radius-card); background:linear-gradient(135deg,var(--gold-soft),transparent 70%),var(--surface); }
 .profile-plus-preview__eyebrow { display:flex; align-items:center; gap:var(--s2); margin:0 0 var(--s3); color:var(--accent-text); font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
 .profile-detail-body .profile-plus-preview ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); gap:var(--s2); margin:0; padding:0; list-style:none; }
 .profile-detail-body .profile-plus-preview li { display:flex; align-items:center; gap:var(--s2); margin:0; padding:var(--s2) var(--s3); border:1px dashed var(--gold-border); border-radius:var(--radius-control); color:var(--text-muted); font-size:.875rem; }
 .profile-plus-preview li .profile-icon { width:15px; height:15px; color:var(--accent-text); } /* BUG-030: filter area with clear groups; chips wrap on every width with even spacing, the reset is a quiet text
    action beside the quick toggles, and the sort field keeps a readable width. */
 .profile-controls { grid-template-columns:minmax(0,20rem); }
 .profile-actions { row-gap:var(--s2); }
 .profile-selection-filters .profile-actions { padding-block:var(--s2); }
 .profile-selection-filters .profile-actions [data-profile-action='reset'] { margin-inline-start:auto; }
 .profile-tags { gap:var(--s2); row-gap:var(--s2); }
 .profile-filter-group { padding-top:var(--s3); border-top:1px solid var(--border-soft); }
 .profile-filter-group .chip { max-width:100%; white-space:normal; text-align:start; }
}