/* hls-h5.cloud editorial content stylesheet */
:root{
    --wine:#7A1F2B;
    --wine-deep:#5f1721;
    --gold:#C88A3D;
    --ink:#171719;
    --paper:#F5F2EE;
    --paper-2:#E9E3DC;
    --text:#252326;
    --muted:#716B68;
    --alert:#D94A3A;
    --line:#d8d0c7;
    --white:#fffdf9;
    --shadow:0 18px 50px rgba(23,23,25,.08);
    --radius:18px;
    --radius-sm:10px;
    --max:1180px;
    --narrow:780px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:var(--paper);
    color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
    line-height:1.72;
    text-rendering:optimizeLegibility;
}
body.modal-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}
button,input{font:inherit}
button{cursor:pointer}
.skip-link{
    position:fixed;left:16px;top:12px;z-index:9999;
    transform:translateY(-160%);
    background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;
}
.skip-link:focus{transform:translateY(0)}
.section-shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.section-shell--narrow{width:min(calc(100% - 40px),var(--narrow))}
.section-shell--wide{width:min(calc(100% - 40px),1320px)}
.eyebrow{
    margin:0 0 10px;
    color:var(--wine);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}
.section-heading{max-width:820px;margin-bottom:30px}
.section-heading h2{margin:0 0 12px;font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.18;letter-spacing:-.03em}
.section-heading p:last-child{margin:0;color:var(--muted)}
.section-heading--split{max-width:none;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:end}
.section-heading--split>p{font-size:1.03rem}
.section-heading--light .eyebrow{color:#e0ad67}
.section-heading--light h2,.section-heading--light p{color:#fff}
.button{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:44px;padding:11px 18px;border-radius:999px;
    border:1px solid transparent;text-decoration:none;font-weight:750;
    transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.button:hover{transform:translateY(-2px)}
.button--solid{background:var(--wine);color:#fff}
.button--solid:hover{background:var(--wine-deep)}
.button--ghost{border-color:#bdb3aa;background:transparent}
.button--ghost:hover{border-color:var(--wine);color:var(--wine)}
.button--light{background:#fff;color:var(--ink)}
.text-link{display:inline-block;color:var(--wine);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(122,31,43,.35)}
.text-link:hover{border-color:var(--wine)}
.text-link--strong{font-weight:800}
.status{
    display:inline-flex;align-items:center;min-height:24px;
    padding:2px 9px;border-radius:999px;background:rgba(122,31,43,.1);
    color:var(--wine);font-size:.72rem;font-weight:800;letter-spacing:.03em;
}
/* header */
.site-header{
    position:sticky;top:0;z-index:1000;
    background:rgba(23,23,25,.96);color:#fff;
    border-bottom:1px solid rgba(255,255,255,.08);
    backdrop-filter:saturate(120%) blur(12px);
}
.header-shell{
    width:min(calc(100% - 32px),1240px);margin:auto;min-height:76px;
    display:flex;align-items:center;justify-content:space-between;gap:26px;
}
.brand-mark{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand-mark img{width:42px;height:42px;object-fit:contain;border-radius:9px}
.brand-mark span{display:grid;line-height:1.18}
.brand-mark strong{font-size:1.15rem;letter-spacing:.02em}
.brand-mark small{margin-top:4px;color:#bdb9b6;font-size:.68rem}
.primary-nav{display:flex;align-items:center;gap:4px}
.primary-nav a,.search-open{
    border:0;background:transparent;color:#ddd8d5;text-decoration:none;
    padding:9px 11px;border-radius:8px;font-size:.9rem;
}
.primary-nav a:hover,.primary-nav a[aria-current="page"],.search-open:hover{background:rgba(255,255,255,.08);color:#fff}
.search-open{border:1px solid rgba(255,255,255,.15);margin-left:5px}
.menu-toggle{
    display:none;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;
    border-radius:8px;padding:8px 11px;
}
/* search modal */
.search-modal[hidden]{display:none!important}
.search-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:start center;padding-top:min(16vh,140px)}
.search-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72)}
.search-dialog{
    position:relative;width:min(calc(100% - 32px),680px);background:var(--white);border-radius:20px;
    box-shadow:0 30px 90px rgba(0,0,0,.4);padding:28px;
}
.search-dialog__top{display:flex;justify-content:space-between;gap:20px;align-items:center}
.search-dialog__top h2{margin:0;font-size:1.35rem}
.icon-button{border:1px solid var(--line);background:transparent;border-radius:8px;padding:7px 10px}
.search-form{margin-top:22px}
.search-form label,.inline-search label{display:block;margin-bottom:8px;font-size:.84rem;font-weight:700;color:var(--muted)}
.search-form__row,.inline-search>div{display:flex;gap:8px}
.search-form input,.inline-search input{
    min-width:0;flex:1;border:1px solid #aaa09a;background:#fff;border-radius:10px;padding:12px 13px;
}
.search-form button,.inline-search button{
    border:0;background:var(--wine);color:#fff;border-radius:10px;padding:10px 18px;font-weight:750;
}
.search-note{margin:12px 0 0;color:var(--muted);font-size:.82rem}
/* home lead */
.home-lead{background:var(--ink);color:#fff;padding:54px 0 42px}
.home-lead__inner{
    width:min(calc(100% - 40px),1240px);margin:auto;
    display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center;
}
.lead-copy h1{
    margin:0 0 20px;font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.055em;
    max-width:10.8em;
}
.lead-copy .eyebrow{color:#e0ad67}
.lead-intro{margin:0;color:#cbc7c3;font-size:1.05rem;max-width:620px}
.lead-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.home-lead .button--ghost{border-color:#575357;color:#fff}
.lead-visual{margin:0;position:relative}
.lead-visual img{
    width:100%;aspect-ratio:1.38/1;object-fit:cover;border-radius:2px;
    filter:saturate(.82) contrast(1.04);
}
.lead-visual:after{
    content:"";position:absolute;inset:0 0 48px;
    background:linear-gradient(to top,rgba(23,23,25,.2),transparent 45%);
    pointer-events:none;
}
.lead-visual figcaption{margin-top:12px;color:#9f9a97;font-size:.78rem}
.signal-strip{
    width:min(calc(100% - 40px),1180px);margin:0 auto;
    display:grid;grid-template-columns:repeat(4,1fr);
    border:1px solid var(--line);border-top:0;background:var(--white);
}
.signal-strip>div{padding:17px 18px;border-right:1px solid var(--line)}
.signal-strip>div:last-child{border-right:0}
.signal-strip strong{display:block;color:var(--wine);font-size:.8rem}
.signal-strip span{display:block;color:var(--muted);font-size:.74rem;line-height:1.45;margin-top:4px}
/* home sections */
.editorial-feature{padding:86px 0 80px}
.feature-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:34px;align-items:stretch}
.feature-image{display:block;overflow:hidden;background:#d8d1ca}
.feature-image img{width:100%;height:100%;min-height:420px;object-fit:cover;transition:transform .35s ease}
.feature-image:hover img{transform:scale(1.015)}
.feature-notes{border-top:3px solid var(--wine);padding:24px 0 0}
.feature-notes>p{margin:0 0 24px;color:var(--muted)}
.mini-definition{margin:0 0 24px;border-top:1px solid var(--line)}
.mini-definition div{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:11px 0;border-bottom:1px solid var(--line)}
.mini-definition dt{color:var(--muted);font-size:.76rem}
.mini-definition dd{margin:0;font-weight:700;font-size:.86rem}
.home-stream{padding:20px 0 90px}
.mixed-feed{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:52px;align-items:start}
.mixed-feed__aside{position:sticky;top:104px;background:var(--paper-2);padding:24px;border-radius:var(--radius-sm)}
.mixed-feed__aside h3{margin:0 0 18px;font-size:1.1rem}
.numbered-notes{list-style:none;padding:0;margin:0 0 20px}
.numbered-notes li{display:grid;grid-template-columns:36px 1fr;gap:11px;padding:13px 0;border-top:1px solid #d1c7bd}
.numbered-notes span{color:var(--gold);font-weight:850;font-size:.75rem}
.numbered-notes p{margin:0;font-size:.84rem;line-height:1.55}
.numbered-notes strong{display:block;margin-bottom:2px}
.story-list{border-top:1px solid var(--line)}
.story-row{padding:24px 0;border-bottom:1px solid var(--line)}
.story-row__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:.72rem}
.story-row h3{margin:8px 0 8px;font-size:1.2rem;line-height:1.3}
.story-row h3 a{text-decoration:none}
.story-row h3 a:hover{color:var(--wine)}
.story-row p{margin:0 0 10px;color:var(--muted);font-size:.9rem}
.story-list--dense .story-row{display:grid;grid-template-columns:1fr auto;column-gap:24px}
.story-list--dense .story-row__meta,.story-list--dense .story-row p{grid-column:1/-1}
.story-list--dense .text-link{font-size:.8rem;align-self:end}
.story-list--expanded .story-row{padding:28px 0}
.story-list--expanded .story-row h3{font-size:1.35rem}
.story-list--compact{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;border-top:0}
.story-list--compact .story-row{border-top:1px solid #cfc6bd}
.topic-ribbon{background:var(--wine);color:#fff;padding:70px 0}
.topic-index{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.25)}
.topic-index a{min-height:150px;padding:20px;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);text-decoration:none}
.topic-index a:hover{background:rgba(255,255,255,.07)}
.topic-index span{display:block;font-size:1.08rem;font-weight:800}
.topic-index small{display:block;margin-top:8px;color:#ead8d7;font-size:.78rem;line-height:1.55}
.home-deep{padding:90px 0}
.deep-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
.deep-card{background:var(--white);box-shadow:var(--shadow);overflow:hidden}
.deep-card:first-child{grid-row:span 2}
.deep-card img{width:100%;height:230px;object-fit:cover}
.deep-card:first-child img{height:430px}
.deep-card>div{padding:22px}
.deep-card h3{margin:10px 0 9px;line-height:1.28;font-size:1.25rem}
.deep-card h3 a{text-decoration:none}
.deep-card p{margin:0;color:var(--muted);font-size:.88rem}
.latest-band{background:var(--ink);color:#fff;padding:78px 0}
.latest-band__layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}
.latest-band__intro h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.13;margin:0 0 16px}
.latest-band__intro .eyebrow{color:#e0ad67}
.latest-band__intro p{color:#b9b5b2}
.latest-band__list{border-top:1px solid #434045}
.latest-band__list a{display:grid;grid-template-columns:105px 1fr 100px;gap:16px;padding:16px 0;border-bottom:1px solid #434045;text-decoration:none;align-items:start}
.latest-band__list a:hover strong{color:#f3c88f}
.latest-band__list time,.latest-band__list span{color:#8f8b8f;font-size:.75rem}
.latest-band__list strong{font-size:.92rem;line-height:1.5}
.source-method{padding:90px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.source-method__visual img{width:100%;aspect-ratio:1.35/1;object-fit:cover}
.source-method__copy h2{margin:0 0 18px;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.1;letter-spacing:-.04em}
.source-method__copy p{color:var(--muted)}
.app-aside{margin-bottom:90px;background:var(--paper-2);display:grid;grid-template-columns:1fr .72fr;gap:40px;padding:34px}
.app-aside__copy{align-self:center;padding:10px}
.app-aside h2{margin:0 0 14px;font-size:1.8rem}
.app-aside p{color:var(--muted)}
.app-aside img{width:100%;height:100%;max-height:330px;object-fit:cover}
.closing-links{padding:0 0 100px;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}
.closing-links h2{font-size:2.2rem;line-height:1.15;margin:0}
.closing-links__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.closing-links__grid a{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none}
.closing-links__grid a:hover{background:var(--white)}
.closing-links__grid strong{display:block;color:var(--wine)}
.closing-links__grid span{display:block;margin-top:5px;color:var(--muted);font-size:.8rem}
/* generic page hero */
.page-hero{padding:62px 0 56px;background:var(--paper-2);border-bottom:1px solid var(--line)}
.page-hero h1{margin:14px 0 15px;max-width:880px;font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.05em}
.page-hero p:last-child{max-width:820px;margin:0;color:var(--muted);font-size:1.02rem}
.page-hero--dark{background:var(--ink);color:#fff}
.page-hero--dark p:last-child{color:#b7b3b0}
.page-hero--dark .eyebrow{color:#e0ad67}
.page-hero--editorial{background:#efe9e2}
.page-hero--method{background:#e7ded6}
.page-hero--search{background:#efe8e0}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px 9px;align-items:center;color:var(--muted);font-size:.75rem;margin-bottom:18px}
.breadcrumbs a{text-decoration:none}
.page-hero--dark .breadcrumbs{color:#a7a3a1}
/* content index */
.content-index-layout{padding:70px 0 90px;display:grid;grid-template-columns:240px 1fr;gap:55px;align-items:start}
.filter-rail{position:sticky;top:100px}
.filter-rail h2{font-size:1rem;margin:0 0 10px}
.filter-rail>a{display:block;padding:8px 10px;border-left:2px solid transparent;text-decoration:none;color:var(--muted);font-size:.86rem}
.filter-rail>a:hover,.filter-rail>a[aria-current="page"]{border-color:var(--wine);color:var(--wine);background:rgba(122,31,43,.06)}
.filter-note{margin-top:24px;padding:16px;background:var(--paper-2);font-size:.78rem}
.filter-note p{margin:5px 0 0;color:var(--muted)}
.index-summary,.search-results__top{display:flex;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:20px}
.index-summary>div,.search-results__top>div{flex:1;background:var(--white);padding:12px 14px}
.index-summary span,.search-results__top span{display:block;color:var(--muted);font-size:.7rem}
.index-summary strong,.search-results__top strong{display:block;margin-top:2px}
.pagination{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}
.pagination a{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--line);border-radius:7px;text-decoration:none;background:var(--white)}
.pagination a[aria-current="page"]{background:var(--wine);color:#fff;border-color:var(--wine)}
.note-panel{margin-bottom:90px;padding:30px;background:var(--paper-2);border-left:4px solid var(--gold)}
.note-panel h2{margin:0 0 8px}
.note-panel p{margin:0;color:var(--muted)}
.note-panel--split{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.inline-links{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px}
.inline-links a{color:var(--wine);font-weight:700}
.empty-state{padding:40px;background:var(--paper-2);border:1px solid var(--line)}
.empty-state h2{margin-top:0}
/* article */
.article-header{padding:58px 0 36px}
.article-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 13px;color:var(--muted);font-size:.78rem}
.article-kicker a{color:var(--wine)}
.article-header h1{margin:16px 0 18px;font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.08;letter-spacing:-.045em}
.article-deck{margin:0;color:var(--muted);font-size:1.08rem}
.article-cover{margin-top:10px}
.article-cover img{width:100%;max-height:650px;object-fit:cover;background:#d7cfc7}
.article-cover figcaption{font-size:.74rem;color:var(--muted);margin-top:9px}
.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:54px;justify-content:center;padding:56px 0 90px}
.article-toc{position:sticky;top:105px;align-self:start;border-top:2px solid var(--wine);padding-top:14px}
.article-toc>p{margin:0 0 10px;font-weight:800;font-size:.82rem}
.article-toc ol{padding:0;margin:0;list-style:none}
.article-toc li{border-top:1px solid var(--line)}
.article-toc a{display:block;padding:8px 0;text-decoration:none;color:var(--muted);font-size:.78rem;line-height:1.4}
.article-toc a:hover{color:var(--wine)}
.article-state{margin-top:20px;background:var(--paper-2);padding:14px;font-size:.74rem}
.article-state p{margin:5px 0 0;color:var(--muted)}
.article-body section{scroll-margin-top:110px;margin-bottom:42px}
.article-body h2{margin:0 0 18px;font-size:1.7rem;line-height:1.2}
.article-body p{font-size:1.02rem;margin:0 0 16px}
.article-bullet{position:relative;padding-left:22px}
.article-bullet:before{content:"";position:absolute;left:2px;top:.75em;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.article-bottom-note{background:var(--paper-2);padding:28px;border-left:4px solid var(--wine)}
.related-section{padding:70px 0;background:#e9e3dc}
.related-section .section-heading{margin-bottom:18px}
/* latest */
.timeline-listing{padding:70px 0 95px}
.timeline-listing__intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding-bottom:28px;border-bottom:2px solid var(--ink)}
.timeline-listing__intro h2{margin:0;font-size:1.5rem}
.timeline-listing__intro p{margin:0;color:var(--muted)}
.timeline-row{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--line)}
.timeline-row>time{font-size:.78rem;color:var(--muted);padding-top:5px}
.timeline-row h2{margin:7px 0 8px;font-size:1.3rem;line-height:1.25}
.timeline-row h2 a{text-decoration:none}
.timeline-row p{margin:0 0 8px;color:var(--muted)}
/* topic directory */
.topic-directory{padding:72px 0 100px}
.topic-directory__item{
    display:grid;grid-template-columns:70px 280px 1fr;gap:30px;align-items:start;
    padding:32px 0;border-top:1px solid var(--line);
}
.topic-directory__number{font-size:2rem;font-weight:850;color:#c7bdb4;line-height:1}
.topic-directory__item img{width:100%;aspect-ratio:1.5/1;object-fit:cover}
.topic-directory__item h2{margin:0 0 8px;font-size:1.55rem}
.topic-directory__item p{margin:0;color:var(--muted)}
.topic-directory__item ul{margin:14px 0 12px;padding-left:18px}
.topic-directory__item li{margin:5px 0}
.topic-directory__item li a{text-decoration:none}
.topic-directory__item li a:hover{color:var(--wine)}
/* method */
.method-overview{padding:80px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.method-overview h2{margin-top:0;font-size:2rem}
.level-list{border-top:1px solid var(--line)}
.level-list>div{display:grid;grid-template-columns:45px 115px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.level-list span{color:var(--gold);font-size:.75rem;font-weight:800}
.level-list strong{font-size:.9rem}
.level-list p{margin:0;color:var(--muted);font-size:.84rem}
.method-overview figure{margin:0}
.method-overview img{width:100%;aspect-ratio:1.3/1;object-fit:cover}
.method-steps{background:var(--ink);color:#fff;padding:76px 0}
.method-step-list{list-style:none;padding:0;margin:0;border-top:1px solid #454146}
.method-step-list li{display:grid;grid-template-columns:70px 1fr;gap:26px;padding:24px 0;border-bottom:1px solid #454146}
.method-step-list>li>span{color:#dca761;font-weight:850}
.method-step-list h3{margin:0 0 5px;font-size:1.2rem}
.method-step-list p{margin:0;color:#aaa6a3}
.evidence-table-section{padding:80px 0}
.responsive-table{overflow-x:auto;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;background:var(--white);font-size:.84rem;min-width:760px}
th,td{text-align:left;vertical-align:top;padding:13px 14px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
th{background:var(--paper-2);font-size:.78rem}
.method-scenarios{padding:10px 0 80px}
.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.scenario-grid article{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.scenario-grid h3{margin:0 0 8px}
.scenario-grid p{color:var(--muted);font-size:.82rem}
.scenario-grid a{font-size:.8rem;color:var(--wine);font-weight:700}
.privacy-reminder{padding:30px;margin-bottom:90px;background:var(--paper-2);display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}
.privacy-reminder img{width:100%;height:100%;min-height:330px;object-fit:cover}
.privacy-reminder h2{font-size:2rem;line-height:1.2;margin:0 0 15px}
.privacy-reminder p{color:var(--muted)}
/* guide */
.guide-map{padding:76px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.guide-map figure{margin:0}
.guide-map img{width:100%;aspect-ratio:1.4/1;object-fit:cover}
.guide-map h2{font-size:2rem;margin-top:0}
.guide-definition{margin:0;border-top:1px solid var(--line)}
.guide-definition div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}
.guide-definition dt{font-weight:800;color:var(--wine)}
.guide-definition dd{margin:0;color:var(--muted)}
.guide-status{padding:0 0 76px}
.status-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.status-explainer article{padding:22px;background:var(--white);border-top:3px solid var(--wine)}
.status-explainer strong{color:var(--wine)}
.status-explainer p{margin-bottom:0;color:var(--muted);font-size:.86rem}
.guide-reading{padding:65px 0;background:var(--paper-2);width:100%;max-width:none}
.guide-reading>.section-heading,.guide-reading>.guide-columns{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.guide-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.guide-columns h3{margin:0 0 8px}
.guide-columns p{margin:0;color:var(--muted);font-size:.86rem}
.guide-search{padding:80px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.guide-search h2{font-size:2rem;margin:0 0 12px}
.guide-search p{color:var(--muted)}
.guide-search img{width:100%;height:100%;max-height:360px;object-fit:cover}
.inline-search{margin-top:22px}
/* app */
.app-hero-grid,.safety-hero-grid,.about-hero,.privacy-hero,.contact-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.app-hero-grid img,.safety-hero-grid img,.about-hero img,.privacy-hero img,.contact-hero img{width:100%;max-height:390px;object-fit:cover}
.app-notice{padding:72px 0 90px}
.notice-strong{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;padding:23px 0 35px;border-bottom:2px solid var(--wine)}
.notice-strong strong{font-size:1.45rem;line-height:1.25}
.notice-strong p{margin:0;color:var(--muted)}
.app-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-left:1px solid var(--line)}
.app-checks article{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.app-checks span{color:var(--gold);font-weight:850;font-size:.75rem}
.app-checks h2{font-size:1.08rem;margin:14px 0 8px}
.app-checks p{font-size:.82rem;color:var(--muted);margin:0}
.mobile-reading{margin-bottom:90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.mobile-reading img{width:100%;max-height:390px;object-fit:cover}
.mobile-reading h2{font-size:2rem;margin:0 0 12px}
.mobile-reading p{color:var(--muted)}
/* faq */
.faq-layout{padding:75px 0 95px;display:grid;grid-template-columns:340px 1fr;gap:60px;align-items:start}
.faq-intro{position:sticky;top:104px}
.faq-intro img{width:100%;aspect-ratio:1.48/1;object-fit:cover;margin-bottom:22px}
.faq-intro h2{font-size:1.4rem;line-height:1.2}
.faq-intro p{color:var(--muted)}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item h2{margin:0;font-size:1rem}
.faq-item button{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;padding:18px 0;border:0;background:transparent;font-weight:800;color:var(--text)}
.faq-item button[aria-expanded="true"]{color:var(--wine)}
.faq-panel{padding:0 40px 18px 0;color:var(--muted)}
.faq-panel[hidden]{display:none}
/* safety */
.boundary-grid{padding:74px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.boundary-grid article{background:var(--white);padding:24px;border-top:3px solid var(--wine)}
.boundary-grid span{font-size:.72rem;font-weight:850;color:var(--alert)}
.boundary-grid h2{font-size:1.15rem;margin:10px 0 8px}
.boundary-grid p{margin:0;color:var(--muted);font-size:.86rem}
.safety-principles{padding:20px 0 80px}
.safety-principles ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.safety-principles li{display:grid;grid-template-columns:220px 1fr;gap:35px;padding:18px 0;border-bottom:1px solid var(--line)}
.safety-principles p{margin:0;color:var(--muted)}
/* about */
.about-principles{padding:76px 0;display:grid;grid-template-columns:1fr 1fr;gap:30px 60px}
.about-principles article{border-top:2px solid var(--wine);padding-top:16px}
.about-principles h2{font-size:1.25rem}
.about-principles p{color:var(--muted)}
.about-path{background:var(--ink);color:#fff;padding:70px 0}
.about-path__links{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #454146;border-left:1px solid #454146}
.about-path__links a{padding:20px;border-right:1px solid #454146;border-bottom:1px solid #454146;text-decoration:none}
.about-path__links a:hover{background:#222225}
.about-path__links strong{display:block}
.about-path__links span{display:block;color:#aaa6a3;font-size:.78rem;margin-top:5px}
/* privacy / policies */
.policy-prose{padding:70px 0 100px;max-width:850px}
.policy-prose h2{font-size:1.45rem;margin:38px 0 8px;border-top:1px solid var(--line);padding-top:20px}
.policy-prose h2:first-child{margin-top:0}
.policy-prose p{color:var(--muted)}
/* corrections */
.correction-grid{padding:74px 0 45px;display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}
.correction-grid article{padding:23px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.correction-grid span{color:var(--gold);font-size:.76rem;font-weight:850}
.correction-grid h2{font-size:1.1rem}
.correction-grid p{color:var(--muted);font-size:.84rem}
.correction-note{padding:20px 0 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.correction-note h2{font-size:1.3rem}
.correction-note p{color:var(--muted)}
/* search */
.inline-search--hero{max-width:700px;margin-top:24px}
.search-results{padding:70px 0 100px}
/* error */
.error-page{min-height:58vh;padding:90px 0}
.error-page h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.05;margin:12px 0 18px}
.error-page>p:not(.eyebrow){max-width:700px;color:var(--muted)}
.error-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
/* footer */
.site-footer{background:#111113;color:#fff;padding:60px 0 0}
.footer-shell{width:min(calc(100% - 40px),1180px);margin:auto;display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:60px}
.footer-intro{max-width:520px}
.footer-brand{font-size:1.5rem;font-weight:850;text-decoration:none}
.footer-intro p{color:#918d8b;font-size:.84rem}
.footer-shell nav{display:grid;align-content:start;gap:6px}
.footer-shell nav h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#8f8a88;margin:0 0 8px}
.footer-shell nav a{color:#d0ccca;font-size:.8rem;text-decoration:none}
.footer-shell nav a:hover{color:#fff}
.footer-bottom{width:min(calc(100% - 40px),1180px);margin:44px auto 0;padding:17px 0;border-top:1px solid #2a292c;display:flex;justify-content:space-between;color:#6f6c6c;font-size:.72rem}
.back-to-top{
    position:fixed;right:18px;bottom:18px;z-index:900;width:42px;height:42px;border-radius:50%;
    border:0;background:var(--wine);color:#fff;box-shadow:var(--shadow);
}
.back-to-top[hidden]{display:none}
/* focus */
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(217,74,58,.45);outline-offset:3px}
/* responsive */
@media (max-width:1100px){
    .home-lead__inner{grid-template-columns:1fr 1fr;gap:34px}
    .lead-copy h1{font-size:clamp(2.2rem,4.8vw,4rem)}
    .mixed-feed{grid-template-columns:minmax(0,1fr) 280px;gap:35px}
    .topic-index{grid-template-columns:repeat(2,1fr)}
    .method-overview{grid-template-columns:1fr 1fr}
    .scenario-grid,.app-checks,.about-path__links,.correction-grid{grid-template-columns:repeat(2,1fr)}
    .guide-columns{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
    .menu-toggle{display:inline-flex}
    .primary-nav{
        position:absolute;top:76px;left:0;right:0;background:var(--ink);
        display:none;flex-direction:column;align-items:stretch;padding:10px 16px 18px;border-top:1px solid #343237;
    }
    .primary-nav.is-open{display:flex}
    .primary-nav a,.search-open{padding:11px 12px;margin:0;text-align:left}
    .home-lead__inner,.feature-grid,.source-method,.latest-band__layout,.closing-links,
    .app-aside,.method-overview,.privacy-reminder,.guide-map,.guide-search,.mobile-reading,
    .faq-layout,.app-hero-grid,.safety-hero-grid,.about-hero,.privacy-hero,.contact-hero{
        grid-template-columns:1fr;
    }
    .lead-copy{order:1}
    .lead-visual{order:2}
    .signal-strip{grid-template-columns:1fr 1fr}
    .signal-strip>div:nth-child(2){border-right:0}
    .signal-strip>div{border-bottom:1px solid var(--line)}
    .section-heading--split{grid-template-columns:1fr;gap:12px}
    .mixed-feed{grid-template-columns:1fr}
    .mixed-feed__aside,.faq-intro{position:static}
    .deep-grid{grid-template-columns:1fr 1fr}
    .deep-card:first-child{grid-column:1/-1;grid-row:auto}
    .latest-band__layout{gap:35px}
    .source-method__copy{order:1}.source-method__visual{order:2}
    .content-index-layout{grid-template-columns:1fr;gap:28px}
    .filter-rail{position:static;display:flex;flex-wrap:wrap;gap:6px}
    .filter-rail h2,.filter-note{width:100%}
    .filter-rail>a{border:1px solid var(--line);border-radius:999px;padding:6px 10px}
    .article-layout{grid-template-columns:1fr;gap:24px}
    .article-toc{position:static;border:1px solid var(--line);padding:16px}
    .article-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
    .timeline-listing__intro{grid-template-columns:1fr}
    .topic-directory__item{grid-template-columns:50px 220px 1fr}
    .boundary-grid{grid-template-columns:1fr 1fr}
    .footer-shell{grid-template-columns:1fr 1fr}
    .footer-intro{grid-column:1/-1}
}
@media (max-width:700px){
    .section-shell,.section-shell--narrow,.section-shell--wide{width:min(calc(100% - 28px),var(--max))}
    .header-shell{width:calc(100% - 24px);min-height:68px}
    .primary-nav{top:68px}
    .brand-mark small{display:none}
    .home-lead{padding-top:38px}
    .home-lead__inner{width:calc(100% - 28px)}
    .lead-copy h1{font-size:2.45rem}
    .lead-visual img{aspect-ratio:1.2/1}
    .signal-strip{width:calc(100% - 28px);grid-template-columns:1fr}
    .signal-strip>div{border-right:0}
    .editorial-feature,.home-deep,.timeline-listing,.topic-directory{padding:58px 0}
    .deep-grid{grid-template-columns:1fr}
    .deep-card:first-child{grid-column:auto}
    .deep-card:first-child img,.deep-card img{height:240px}
    .topic-index{grid-template-columns:1fr}
    .latest-band__list a{grid-template-columns:90px 1fr}
    .latest-band__list span{grid-column:2}
    .story-list--dense .story-row{display:block}
    .story-list--compact{grid-template-columns:1fr}
    .app-aside{padding:22px}
    .closing-links__grid{grid-template-columns:1fr}
    .page-hero{padding:46px 0 42px}
    .page-hero h1{font-size:2.45rem}
    .index-summary,.search-results__top{display:grid;grid-template-columns:1fr 1fr}
    .article-header{padding-top:40px}
    .article-header h1{font-size:2.25rem}
    .article-layout{padding-top:34px}
    .article-toc ol{grid-template-columns:1fr}
    .article-body h2{font-size:1.45rem}
    .timeline-row{grid-template-columns:1fr;gap:5px}
    .topic-directory__item{grid-template-columns:42px 1fr}
    .topic-directory__item img{grid-column:2}
    .level-list>div{grid-template-columns:35px 1fr}
    .level-list p{grid-column:2}
    .method-step-list li{grid-template-columns:45px 1fr}
    .scenario-grid,.status-explainer,.guide-columns,.app-checks,.boundary-grid,
    .about-principles,.about-path__links,.correction-grid,.correction-note,.note-panel--split{
        grid-template-columns:1fr;
    }
    .privacy-reminder{padding:20px}
    .guide-reading>.section-heading,.guide-reading>.guide-columns{width:calc(100% - 28px)}
    .safety-principles li{grid-template-columns:1fr;gap:4px}
    .footer-shell{width:calc(100% - 28px);grid-template-columns:1fr;gap:34px}
    .footer-intro{grid-column:auto}
    .footer-bottom{width:calc(100% - 28px);flex-direction:column;gap:4px}
}
@media (max-width:420px){
    .lead-copy h1,.page-hero h1{font-size:2.1rem}
    .lead-actions,.error-actions{display:grid}
    .lead-actions .button,.error-actions .button{width:100%}
    .signal-strip{width:calc(100% - 20px)}
    .section-shell,.section-shell--narrow,.section-shell--wide{width:calc(100% - 24px)}
    .search-dialog{padding:20px}
    .search-form__row,.inline-search>div{display:grid}
    .index-summary,.search-results__top{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}