.term-card .visual-hierarchy-card-preview{background:var(--soft);border-color:var(--line);color:var(--muted)}.visual-hierarchy-card-stage{gap:4px;margin:0;padding:0;list-style:none;display:grid}.visual-hierarchy-card-stage li{align-items:center;gap:6px;min-width:0;display:flex}.visual-hierarchy-card-stage b{background:var(--soft);width:15px;height:15px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:8px;font-weight:700;display:grid}.visual-hierarchy-card-stage li.is-rank-1 b{background:var(--ink);color:var(--color-white)}.visual-hierarchy-card-stage li.is-rank-1 span{color:var(--ink);font-size:12px;font-weight:800}.visual-hierarchy-card-stage li.is-rank-2 b{color:var(--ink)}.visual-hierarchy-card-stage li.is-rank-2 span{color:var(--ink);font-size:10px;font-weight:700}.visual-hierarchy-card-stage li.is-rank-3 span{color:var(--muted);font-size:9px;font-weight:500}.visual-hierarchy-card-stage li.is-rank-4 span{color:var(--muted);opacity:.85;font-size:8px;font-weight:400}.visual-hierarchy-card-conclusion{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:4px;margin:0;font-size:9px;line-height:1.4;display:flex}.visual-hierarchy-card-conclusion strong{color:var(--ink);font-weight:800}@media (max-width:780px){.visual-hierarchy-card-stage{gap:2px}}.term-card .term-preview.visual-hierarchy-card-preview{background:var(--soft);border-color:var(--line)}.term-interactive-demo.visual-hierarchy-interaction-demo{border-color:var(--line);background:var(--color-white)}.term-interactive-demo.visual-hierarchy-interaction-demo button{color:var(--ink);background:var(--color-white);border-color:var(--line)}.term-interactive-demo.visual-hierarchy-interaction-demo button:hover{border-color:var(--ink);color:var(--ink);background:var(--soft)}.term-interactive-demo.visual-hierarchy-interaction-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.visual-hierarchy-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.visual-hierarchy-demo-brief strong{color:var(--ink)}.visual-hierarchy-picker{flex-wrap:wrap;gap:7px;display:flex}.visual-hierarchy-stage{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:8px;padding:14px;display:grid}.visual-hierarchy-stage-elem{border-radius:6px;align-items:center;gap:8px;min-width:0;padding:4px 6px;display:flex}.visual-hierarchy-stage-elem[data-selected=true]{outline:1px dashed var(--ink);outline-offset:2px}.visual-hierarchy-stage-badge{border:1px solid var(--line);background:var(--color-white);width:22px;height:22px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.visual-hierarchy-stage-elem[data-rank="1"] .visual-hierarchy-stage-badge{background:var(--ink);border-color:var(--ink);color:var(--color-white)}.visual-hierarchy-stage-text{min-width:0}.visual-hierarchy-stage-cta{background:var(--color-rausch);color:var(--color-white);border-radius:7px;justify-content:center;align-items:center;padding:7px 14px;font-weight:700;line-height:1.2;display:inline-flex}.visual-hierarchy-levers{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:10px;padding:12px;display:grid}.visual-hierarchy-lever{gap:5px;display:grid}.visual-hierarchy-lever-name{color:var(--muted);font-size:12px;font-weight:700}.visual-hierarchy-lever-levels{flex-wrap:wrap;gap:5px;display:flex}.visual-hierarchy-lever-note{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.visual-hierarchy-actions{gap:8px;display:flex}.visual-hierarchy-demo-status{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-left-width:4px;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.visual-hierarchy-demo-status[data-state=pass]{border-left-color:var(--ink);background:var(--color-white);font-weight:700}.visual-hierarchy-demo-status[data-state=fail]{border-left-style:dashed;border-left-color:var(--line);background:var(--soft)}.visual-hierarchy-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.visual-hierarchy-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:6px;padding:12px;display:grid}.visual-hierarchy-examples header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.visual-hierarchy-examples header strong{color:var(--ink);font-size:13px}.visual-hierarchy-examples header small{color:var(--muted);font-size:11px}.visual-hierarchy-examples p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.visual-hierarchy-examples span{color:var(--ink);font-size:12px;font-weight:600}.visual-hierarchy-examples article.is-good{background:#f2fbf4;border-color:#bfe6cd}.visual-hierarchy-examples article.is-bad{background:#fdf3f4;border-color:#ecc9ce}.visual-hierarchy-examples article.is-good small{color:#2f7a4a}.visual-hierarchy-examples article.is-bad small{color:#a83a44}@media (max-width:640px){.visual-hierarchy-examples{grid-template-columns:1fr}}.term-card .term-preview.visual-hierarchy-card-preview{color:#2c1424;background:#eee5df;border-color:#d8bfc9;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;gap:9px;min-height:142px;padding:10px;display:grid}.visual-hierarchy-card-poster{color:#fff8ef;background:#321027;border:1px solid #2d1026;border-radius:3px;grid-template-rows:auto 1fr auto auto;gap:4px;min-width:0;padding:10px;display:grid;box-shadow:5px 5px #e6d34a}.visual-hierarchy-card-kicker{color:#e6d34a;letter-spacing:.08em;font-size:7px;font-weight:850}.visual-hierarchy-card-poster>strong{color:#fff8ef;letter-spacing:-.06em;align-self:end;font-size:27px;font-weight:900;line-height:.9}.visual-hierarchy-card-meta{color:#e5ced8;font-size:7.5px;font-weight:700}.visual-hierarchy-card-ticket{color:#25131f;background:#e6d34a;justify-self:start;padding:3px 6px;font-size:7.5px;font-weight:900}.visual-hierarchy-card-conclusion{color:#634958;align-self:center;gap:7px;margin:0;font-size:9px;line-height:1.48;display:grid}.visual-hierarchy-card-conclusion strong{color:#321027;font-size:10px;line-height:1.35}.visual-hierarchy-card-conclusion span{color:#634958}.term-interactive-demo.visual-hierarchy-demo{--vh-paper:#eee5df;--vh-ink:#321027;--vh-muted:#6e5361;--vh-ticket:#e6d34a;background:radial-gradient(circle at 90% 8%, #e6d34a33, transparent 29%), linear-gradient(145deg, #f6f0eb 0%, var(--vh-paper) 100%);color:var(--vh-ink);border-color:#d6bfc8;gap:16px;padding:18px;display:grid}.visual-hierarchy-demo-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.visual-hierarchy-demo-heading p{max-width:640px;color:var(--vh-muted);margin:0;font-size:13px;line-height:1.62}.visual-hierarchy-demo-heading p strong{color:var(--vh-ink)}.visual-hierarchy-demo-heading>span{color:#764653;background:#fffaf5;border:1px solid #a88796;border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:850}.visual-hierarchy-demo-heading>span[data-state=pass]{color:#28543a;background:#eff7ef;border-color:#4e765f}.visual-hierarchy-poster{background:var(--vh-ink);min-height:390px;box-shadow:10px 11px 0 var(--vh-ticket), 0 24px 55px #3210272e;color:#fff8ef;border:1px solid #250d1e;border-radius:5px;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);gap:22px 28px;padding:26px;display:grid;position:relative;overflow:hidden}.visual-hierarchy-poster:after{content:"";pointer-events:none;border:34px solid #e6d34a24;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-72px;right:-54px}.visual-hierarchy-poster header{color:#e6d34a;letter-spacing:.08em;border-bottom:1px solid #fff8ef47;grid-column:1/-1;justify-content:space-between;gap:16px;padding-bottom:11px;font-size:11px;font-weight:850;display:flex}.visual-hierarchy-poster-copy{align-self:end;min-width:0}.visual-hierarchy-poster-copy p{margin:0}.visual-hierarchy-poster-eyebrow{color:#e6d34a;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:850}.visual-hierarchy-poster-copy h3{color:#fff8ef;letter-spacing:-.075em;margin:10px 0 13px;font-size:clamp(48px,8vw,92px);font-weight:950;line-height:.86}.visual-hierarchy-poster-tagline{color:#e5ced8;max-width:34ch;font-size:14px;line-height:1.65}.visual-hierarchy-poster-meta{align-self:end;gap:15px;margin:0;display:grid}.visual-hierarchy-poster-meta>div{border-top:1px solid #fff8ef40;padding-top:9px}.visual-hierarchy-poster-meta dt{color:#d9aeba;letter-spacing:.08em;font-size:10px;font-weight:850}.visual-hierarchy-poster-meta dd{color:#fff8ef;margin:4px 0 0;font-size:14px;font-weight:750}.visual-hierarchy-poster-action{grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;display:flex}.visual-hierarchy-poster-action span{color:#e5ced8;font-size:11px;font-weight:750}.visual-hierarchy-poster-action b{z-index:1;background:var(--vh-ticket);color:#25131f;padding:11px 16px;font-size:13px;font-weight:900;display:inline-flex;position:relative}.visual-hierarchy-poster[data-layout=flat]{grid-template-columns:1fr 1fr;gap:13px}.visual-hierarchy-poster[data-layout=flat] .visual-hierarchy-poster-copy{align-self:start}.visual-hierarchy-poster[data-layout=flat] .visual-hierarchy-poster-copy h3{letter-spacing:0;margin:8px 0;font-size:22px;font-weight:700;line-height:1.35}.visual-hierarchy-poster[data-layout=flat] .visual-hierarchy-poster-tagline,.visual-hierarchy-poster[data-layout=flat] .visual-hierarchy-poster-meta dd,.visual-hierarchy-poster[data-layout=flat] .visual-hierarchy-poster-action b{color:#fff8ef;font-size:13px;font-weight:650}.visual-hierarchy-poster[data-layout=flat] .visual-hierarchy-poster-action b{background:0 0;border:1px solid #fff8ef40;padding:7px 10px}.visual-hierarchy-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.visual-hierarchy-demo .visual-hierarchy-demo-actions button{min-height:40px;color:var(--vh-ink);background:#fffaf5;border-color:#7a5968}.term-interactive-demo.visual-hierarchy-demo .visual-hierarchy-demo-actions button:hover:not(:disabled){border-color:var(--vh-ink);color:var(--vh-ink);background:#f9eddf}.term-interactive-demo.visual-hierarchy-demo .visual-hierarchy-demo-actions .visual-hierarchy-demo-primary{border-color:var(--vh-ink);background:var(--vh-ink);color:#fff8ef;font-weight:850}.term-interactive-demo.visual-hierarchy-demo .visual-hierarchy-demo-actions .visual-hierarchy-demo-primary:hover:not(:disabled){color:#fff8ef;background:#4d1c3d;border-color:#4d1c3d}.term-interactive-demo.visual-hierarchy-demo .visual-hierarchy-demo-actions button:focus-visible{outline-offset:3px;outline:3px solid #b09000}.term-interactive-demo.visual-hierarchy-demo .visual-hierarchy-demo-actions button:disabled{cursor:not-allowed;color:#7f6b74;opacity:1;background:#e3d9d4;border-color:#c8b8bf}.visual-hierarchy-demo-status{color:var(--vh-muted);border-left:3px solid #8c5161;margin:0;padding-left:12px;font-size:12.5px;line-height:1.58}.visual-hierarchy-examples article{border-radius:6px}@media (max-width:640px){.term-card .term-preview.visual-hierarchy-card-preview{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:7px;min-height:138px;padding:8px}.visual-hierarchy-card-poster{padding:8px;box-shadow:4px 4px #e6d34a}.visual-hierarchy-card-poster>strong{font-size:23px}.term-interactive-demo.visual-hierarchy-demo{padding:13px}.visual-hierarchy-demo-heading{gap:10px;display:grid}.visual-hierarchy-demo-heading>span{justify-self:start}.visual-hierarchy-poster{min-height:0;box-shadow:6px 7px 0 var(--vh-ticket);grid-template-rows:auto auto auto auto;grid-template-columns:1fr;gap:18px;padding:20px 17px}.visual-hierarchy-poster-copy h3{font-size:clamp(48px,18vw,72px)}.visual-hierarchy-poster-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-hierarchy-poster-action{grid-column:1;align-items:flex-end}.visual-hierarchy-poster[data-layout=flat]{grid-template-columns:1fr}.visual-hierarchy-poster[data-layout=flat] .visual-hierarchy-poster-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-hierarchy-demo-actions{grid-template-columns:1fr;display:grid}.term-interactive-demo.visual-hierarchy-demo .visual-hierarchy-demo-actions button{width:100%}}