:root{
    --brand:#A9503F;
    --brand-deep:#863E31;
    --gold:#D9A15B;
    --ink:#241F1D;
    --text:#332E2B;
    --muted:#746B65;
    --paper:#F8F5F1;
    --soft:#EFE8E1;
    --accent:#E07A3F;
    --line:#DDD2C8;
    --white:#FFFDFC;
    --max:1180px;
    --reading:780px;
    --radius:22px;
    --shadow:0 18px 55px rgba(36,31,29,.09);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{
    margin:0;
    color:var(--text);
    background:var(--paper);
    font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
body.modal-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--brand)}
button,input{font:inherit}
button{cursor:pointer}
p{margin:0 0 1em}
h1,h2,h3{margin:0;color:var(--ink);line-height:1.18;letter-spacing:-.025em}
h1{font-size:clamp(2.35rem,5vw,5.1rem)}
h2{font-size:clamp(1.7rem,3vw,2.8rem)}
h3{font-size:clamp(1.08rem,1.8vw,1.35rem)}

.skip-link{
    position:fixed;
    left:18px;
    top:10px;
    z-index:9999;
    transform:translateY(-150%);
    padding:10px 14px;
    background:var(--ink);
    color:#fff;
    border-radius:8px;
}
.skip-link:focus{transform:none}

.site-header{
    position:sticky;
    top:0;
    z-index:90;
    border-bottom:1px solid rgba(221,210,200,.72);
    background:rgba(248,245,241,.94);
    backdrop-filter:blur(14px);
}
.header-inner{
    width:min(calc(100% - 40px),var(--max));
    min-height:78px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:26px;
}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.brand img{width:44px;height:44px;object-fit:contain;border-radius:12px}
.brand span{display:flex;flex-direction:column;line-height:1.2}
.brand strong{font-size:1.06rem;color:var(--ink)}
.brand small{margin-top:5px;color:var(--muted);font-size:.73rem}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.site-nav a{
    padding:9px 10px;
    border-radius:999px;
    color:#514943;
    font-size:.92rem;
    white-space:nowrap;
}
.site-nav a:hover,.site-nav a[aria-current="page"]{background:var(--soft);color:var(--brand)}
.search-trigger,.menu-toggle{
    border:1px solid var(--line);
    border-radius:999px;
    background:var(--white);
    color:var(--ink);
    padding:9px 15px;
}
.search-trigger:hover,.menu-toggle:hover{border-color:var(--brand);color:var(--brand)}
.menu-toggle{display:none}

.search-modal[hidden]{display:none!important}
.search-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:start center;padding:11vh 18px 30px}
.search-backdrop{position:absolute;inset:0;background:rgba(36,31,29,.62);backdrop-filter:blur(4px)}
.search-dialog{
    position:relative;
    z-index:2;
    width:min(680px,100%);
    border-radius:26px;
    padding:38px;
    background:var(--white);
    box-shadow:0 35px 100px rgba(0,0,0,.28);
}
.search-dialog h2{margin:5px 0 12px}
.search-dialog p{color:var(--muted)}
.modal-close{position:absolute;right:20px;top:18px;border:0;background:transparent;color:var(--muted)}
.search-form label{display:block;margin:0 0 8px;font-size:.86rem;color:var(--muted)}
.search-row{display:flex;gap:9px}
.search-row input{
    min-width:0;
    flex:1;
    border:1px solid var(--line);
    background:#fff;
    color:var(--text);
    padding:13px 15px;
    border-radius:12px;
    outline:none;
}
.search-row input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(169,80,63,.12)}
.search-row button{
    border:0;
    border-radius:12px;
    padding:12px 19px;
    background:var(--brand);
    color:#fff;
    font-weight:700;
}
.search-row button:hover{background:var(--brand-deep)}

.eyebrow{
    display:inline-block;
    margin-bottom:10px;
    color:var(--brand);
    font-size:.76rem;
    line-height:1;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.lead{font-size:clamp(1.04rem,1.8vw,1.22rem);line-height:1.8;color:#514943}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:750}
.text-link::after{content:"→";transition:transform .2s ease}
.text-link:hover::after{transform:translateX(4px)}
.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:45px;
    padding:11px 18px;
    border-radius:999px;
    background:var(--accent);
    color:#fff!important;
    font-weight:800;
    box-shadow:0 9px 24px rgba(224,122,63,.2);
}
.button:hover{background:#c96431}
.action-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:26px}
.section-wrap,.page-shell{width:min(calc(100% - 40px),var(--max));margin-left:auto;margin-right:auto}
.page-shell{padding:34px 0 72px}
.narrow-shell{width:min(calc(100% - 40px),920px)}
.section-wrap{padding:76px 0}
.section-block{margin-top:76px}
.section-heading{margin-bottom:28px}
.section-heading h2{max-width:780px}
.split-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}
.split-heading>p{max-width:430px;margin:0;color:var(--muted)}
.compact-heading{max-width:780px}

/* Home editorial cover */
.cover-stage{width:min(calc(100% - 40px),1320px);margin:26px auto 0}
.cover-grid{
    min-height:610px;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);
    align-items:stretch;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:32px;
    background:var(--white);
    box-shadow:var(--shadow);
}
.cover-copy{padding:clamp(42px,6vw,78px);display:flex;flex-direction:column;justify-content:center}
.cover-copy h1{max-width:730px;font-size:clamp(2.6rem,5.1vw,5.4rem)}
.cover-copy .lead{max-width:690px;margin-top:24px}
.cover-visual{position:relative;min-height:100%;margin:0;background:var(--soft)}
.cover-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,252,.08),transparent 36%)}
.cover-visual img{width:100%;height:100%;object-fit:cover}
.hero-search{margin-top:28px;max-width:640px}
.quick-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
.quick-paths a{padding:13px 12px;border-top:1px solid var(--line)}
.quick-paths strong,.quick-paths span{display:block}
.quick-paths strong{font-size:.9rem;color:var(--ink)}
.quick-paths span{margin-top:4px;font-size:.76rem;line-height:1.45;color:var(--muted)}

.editorial-mix{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:36px}
.feature-story{border-radius:var(--radius);overflow:hidden;background:var(--soft)}
.feature-story img{width:100%;aspect-ratio:16/9;object-fit:cover}
.story-body{padding:28px 30px 32px}
.story-body h3{font-size:clamp(1.35rem,2.2vw,2rem);margin-bottom:10px}
.story-body p{margin:0;color:var(--muted)}
.side-stories{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.side-stories article{padding:20px 5px 22px;border-bottom:1px solid var(--line)}
.side-stories article span{font-size:.72rem;color:var(--brand);font-weight:800}
.side-stories h3{margin:6px 0 8px}
.side-stories p{margin:0;color:var(--muted);font-size:.91rem}

.warm-band{background:var(--soft);border-block:1px solid var(--line)}
.media-strip{display:grid;grid-template-columns:1.35fr 1fr .9fr 1fr;gap:14px;align-items:end}
.media-tile{position:relative;overflow:hidden;border-radius:18px;min-height:310px;background:var(--ink);color:#fff}
.media-tile.wide{min-height:370px}
.media-tile.tall{min-height:410px}
.media-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transition:transform .35s ease,opacity .35s ease}
.media-tile::after{content:"";position:absolute;inset:34% 0 0;background:linear-gradient(transparent,rgba(28,22,20,.9))}
.media-tile span,.media-tile strong{position:absolute;z-index:2;left:20px;right:18px}
.media-tile span{bottom:78px;font-size:.72rem;font-weight:800;letter-spacing:.08em}
.media-tile strong{bottom:20px;line-height:1.45;font-size:1rem}
.media-tile:hover{color:#fff}.media-tile:hover img{transform:scale(1.03);opacity:.9}

.device-ribbon{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:60px}
.device-copy p{margin:18px 0 24px;color:var(--muted);max-width:590px}
.device-visuals{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:12px}
.device-visuals img{width:100%;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
.device-visuals img:last-child{margin-bottom:-28px}

.story-board-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px}
.story-card{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:var(--white);border:1px solid var(--line)}
.story-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.story-card>div{padding:20px}
.story-card h3{margin-bottom:10px}.story-card p{font-size:.91rem;color:var(--muted);margin:0}
.story-card-large{grid-row:span 2}.story-card-large h3{font-size:1.55rem}

.dark-feature{background:var(--ink);color:#e9dfd8}
.dark-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.dark-feature h2{color:#fff}.dark-feature .eyebrow{color:#e5ad70}.dark-feature p{color:#c9bbb2}
.topic-index{border-top:1px solid rgba(255,255,255,.18)}
.topic-index a{display:grid;grid-template-columns:.45fr 1fr;gap:28px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18);color:#fff}
.topic-index span{color:#c8bcb4;font-size:.9rem}
.topic-index a:hover strong{color:#efb276}

.brand-context{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:center}
.brand-context-copy p{margin:17px 0;color:var(--muted)}
.brand-context img{border-radius:22px;box-shadow:var(--shadow)}
.directory-columns{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.directory-columns>div{padding:23px 28px 8px 0}
.directory-columns>div+div{border-left:1px solid var(--line);padding-left:34px}
.directory-columns h3{margin-bottom:12px}
.directory-columns a{display:block;padding:8px 0;color:#514943}
.directory-columns a:hover{color:var(--brand)}

/* shared page intros */
.page-intro,.device-hero{display:grid;grid-template-columns:1fr .72fr;gap:50px;align-items:center;padding:46px 0 28px}
.page-intro img,.device-hero img{border-radius:22px;object-fit:cover;box-shadow:var(--shadow)}
.page-intro .lead,.device-hero .lead{margin-top:20px;max-width:760px}
.magazine-intro{grid-template-columns:1fr .78fr}
.reverse-intro{grid-template-columns:.8fr 1.05fr}
.reverse-intro>img{order:-1}
.slim-intro{grid-template-columns:1fr .55fr}
.news-intro,.topic-intro{border-bottom:1px solid var(--line)}

.filter-rail{margin-top:34px;border-block:1px solid var(--line);padding:13px 0}
.filter-rail>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.filter-rail strong{margin-right:10px;font-size:.85rem;color:var(--muted)}
.filter-rail a{padding:6px 12px;border-radius:999px;background:var(--soft);font-size:.88rem}
.filter-rail a:hover{background:#e3d8cf}

.two-column-reading{display:grid;grid-template-columns:1fr .55fr;gap:70px}
.reading-note,.sidebar-panel,.inline-note{
    border-radius:18px;
    background:var(--soft);
    padding:26px;
}
.reading-note h3,.sidebar-panel h2{margin-bottom:14px}
.reading-note a{display:block;padding:12px 0;border-top:1px solid var(--line);font-weight:650}
.content-lanes .lane-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.lane{overflow:hidden;border-radius:22px;background:var(--white);border:1px solid var(--line)}
.lane img{width:100%;aspect-ratio:16/10;object-fit:cover}
.lane>div{padding:25px}.lane h3{margin-bottom:10px}.lane p{color:var(--muted)}

.wide-topic-callout,.troubleshooting-band{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    overflow:hidden;
    border-radius:26px;
    background:var(--ink);
    color:#e7dcd4;
}
.wide-topic-callout>img{width:100%;height:100%;object-fit:cover;min-height:390px}
.wide-topic-callout>div{padding:50px;display:flex;flex-direction:column;justify-content:center}
.wide-topic-callout h2,.troubleshooting-band h2{color:#fff;margin-bottom:14px}
.wide-topic-callout p,.troubleshooting-band p{color:#c8bbb3}
.wide-topic-callout .button,.troubleshooting-band .button{align-self:flex-start;margin-top:8px}

.list-with-aside{display:grid;grid-template-columns:1fr 320px;gap:50px;align-items:start}
.article-list{border-top:1px solid var(--line)}
.article-list>a{display:grid;grid-template-columns:100px 1fr;gap:6px 20px;padding:19px 0;border-bottom:1px solid var(--line)}
.article-list>a>span{grid-row:1/3;color:var(--brand);font-size:.78rem;font-weight:800;padding-top:4px}
.article-list p{margin:0;color:var(--muted);font-size:.9rem}
.sidebar-panel{position:sticky;top:108px}.sidebar-panel p{color:var(--muted)}

/* device page */
.device-hero{padding-top:38px;grid-template-columns:1fr .88fr}
.stacked-devices{position:relative;min-height:500px}
.stacked-devices img:first-child{position:absolute;right:0;top:0;width:83%}
.stacked-devices img:last-child{position:absolute;left:0;bottom:0;width:45%;border:8px solid var(--paper)}
.device-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:55px;border-top:1px solid var(--line);padding-top:40px}
.device-columns article{position:relative;padding-left:74px}
.number{position:absolute;left:0;top:2px;font-weight:900;font-size:2.3rem;color:#d7c8bd;line-height:1}
.device-columns h2{font-size:1.6rem;margin-bottom:13px}.device-columns p{color:var(--muted)}
.device-columns article>a{color:var(--brand);font-weight:750}
.troubleshooting-band{grid-template-columns:1fr .78fr}
.troubleshooting-band>div{padding:48px}
.troubleshooting-band img{width:100%;height:100%;object-fit:cover;min-height:350px}

/* category groups */
.staggered-groups,.series-grid,.topic-sections,.prose-sections{display:flex;flex-direction:column;gap:0}
.group-row{display:grid;grid-template-columns:.62fr 1fr;gap:60px;padding:42px 0;border-top:1px solid var(--line);align-items:start}
.group-row.offset-row{grid-template-columns:1fr .62fr}
.group-row.offset-row .group-copy{order:2}
.group-copy span{font-size:.74rem;color:var(--brand);font-weight:800}
.group-copy h2{margin:7px 0 12px;font-size:1.7rem}
.group-copy p{color:var(--muted)}
.compact-links,.link-stack{display:flex;flex-direction:column}
.compact-links a{padding:12px 0;border-bottom:1px solid var(--line);font-weight:650}
.update-feed{border-top:1px solid var(--line)}
.update-feed article{display:grid;grid-template-columns:125px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.update-feed time,.update-feed span{color:var(--muted);font-size:.82rem}
.update-feed h2{font-size:1.25rem;margin-bottom:5px}.update-feed p{margin:0;color:var(--muted)}

.topic-feature{display:grid;grid-template-columns:.65fr 1fr;gap:55px;padding:42px 0;border-top:1px solid var(--line)}
.topic-feature-alt{grid-template-columns:1fr .65fr}.topic-feature-alt .topic-summary{order:2}
.topic-summary h2{font-size:1.65rem;margin:8px 0 12px}.topic-summary p{color:var(--muted)}
.topic-feature .compact-links a{display:block;padding:10px 0}

/* details and long reading */
.breadcrumbs{width:min(calc(100% - 40px),var(--max));margin:20px auto 0;font-size:.8rem;color:var(--muted)}
.breadcrumbs ol{display:flex;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:8px;color:#a9998f}
.article-detail>header,.guide-detail>header{text-align:left;padding:48px 0 34px;border-bottom:1px solid var(--line)}
.article-detail>header h1,.guide-detail>header h1{max-width:850px;font-size:clamp(2.2rem,5vw,4.4rem)}
.article-deck{font-size:1.18rem;color:#5c534d;max-width:790px;margin:20px 0 12px}
.article-meta{display:flex;gap:18px;color:var(--muted);font-size:.84rem;margin:16px 0 28px}
.status-label{display:inline-flex;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--brand);font-size:.73rem;font-weight:800;margin-bottom:14px}
.article-detail>header img,.guide-detail>header img{width:100%;margin-top:24px;border-radius:22px;max-height:560px;object-fit:cover}
.article-body{max-width:var(--reading);margin:42px auto;font-size:1.04rem;line-height:2}
.article-body p{margin-bottom:1.65em}
.inline-note{margin:32px 0;display:flex;flex-direction:column;gap:5px;border-left:4px solid var(--gold)}
.inline-note span{color:var(--muted)}
.tag-row{max-width:var(--reading);margin:0 auto 42px;display:flex;gap:8px;flex-wrap:wrap}
.tag-row span,.tag-links a{padding:6px 11px;border-radius:999px;background:var(--soft);font-size:.82rem}
.related-panel{margin-top:42px;padding:34px;border-radius:22px;background:var(--soft)}
.related-panel h2{font-size:1.55rem;margin-bottom:15px}
.link-stack a{display:grid;grid-template-columns:.45fr 1fr;gap:20px;padding:13px 0;border-top:1px solid var(--line)}
.link-stack span{font-size:.88rem;color:var(--muted)}
.guide-detail>section{max-width:var(--reading);margin:46px auto}
.guide-detail>section>h2{font-size:1.75rem;margin-bottom:20px}
.step-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.step-list li{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}
.step-list li>span{font-weight:900;color:var(--brand)}
.step-list p{margin:0}
.note-list{padding-left:1.3em}.note-list li{margin:.7em 0}

/* FAQ/search/policies */
.faq-list{margin-top:44px;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;padding:22px 0;font-size:1.05rem;font-weight:750;color:var(--ink)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{display:inline-block;width:46px;color:var(--brand);font-size:.8rem}
.faq-list details>div{padding:0 0 22px 46px;color:var(--muted)}
.search-page-head{padding:48px 0 34px;border-bottom:1px solid var(--line)}
.search-page-head h1{font-size:clamp(2.2rem,5vw,4rem)}
.search-page-head>p{color:var(--muted);margin:17px 0 24px}
.search-form-page{max-width:700px}
.search-suggestions{padding:30px 0;border-bottom:1px solid var(--line)}
.search-suggestions h2{font-size:1.05rem;margin-bottom:12px}
.tag-links{display:flex;gap:8px;flex-wrap:wrap}
.no-results{padding:42px 0}.no-results h2{font-size:1.55rem}.no-results p{color:var(--muted)}
.result-count{padding:18px 0;color:var(--muted);font-size:.86rem}
.search-results article{padding:22px 0;border-top:1px solid var(--line)}
.search-results article>span{font-size:.75rem;color:var(--brand);font-weight:800}
.search-results h2{font-size:1.35rem;margin:5px 0}.search-results p{margin:0;color:var(--muted)}
.prose-sections{margin-top:38px;border-top:1px solid var(--line)}
.prose-sections>section{padding:32px 0;border-bottom:1px solid var(--line)}
.prose-sections h2{font-size:1.55rem;margin-bottom:12px}.prose-sections p{max-width:760px;color:#514943}
.safety-checks,.feedback-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:38px;border-top:1px solid var(--line)}
.safety-checks article,.feedback-grid article{padding:30px 35px 30px 0;border-bottom:1px solid var(--line)}
.safety-checks article:nth-child(even),.feedback-grid article:nth-child(even){padding-left:35px;border-left:1px solid var(--line)}
.safety-checks article>span,.feedback-grid article>span{color:var(--brand);font-size:.76rem;font-weight:800}
.safety-checks h2,.feedback-grid h2{font-size:1.4rem;margin:8px 0}.safety-checks p,.feedback-grid p{color:var(--muted)}
.error-panel{min-height:55vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:720px}
.error-panel h1{font-size:clamp(3rem,9vw,7rem)}
.error-panel p{font-size:1.1rem;color:var(--muted);max-width:640px}

/* footer */
.site-footer{background:#2b2522;color:#cfc2ba;margin-top:32px}
.footer-grid{width:min(calc(100% - 40px),var(--max));margin:auto;padding:58px 0 44px;display:grid;grid-template-columns:1.6fr repeat(3,.75fr);gap:50px}
.footer-grid h2{color:#fff;font-size:1rem;margin-bottom:12px}.footer-grid a{display:block;padding:5px 0;font-size:.87rem}
.footer-grid a:hover{color:#efb276}.footer-about strong{display:block;color:#fff;font-size:1.25rem;margin-bottom:12px}.footer-about p{max-width:410px}
.footer-bottom{width:min(calc(100% - 40px),var(--max));margin:auto;padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:20px;font-size:.82rem}
.footer-bottom p{margin:0}
.back-top{position:fixed;right:22px;bottom:22px;z-index:70;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink);box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}
.back-top.is-visible{opacity:1;pointer-events:auto;transform:none}

/* breakpoint: compact desktop */
@media (max-width:1200px){
    .header-inner{gap:14px}.site-nav a{padding:8px 7px;font-size:.86rem}
    .cover-grid{grid-template-columns:1.1fr .9fr}.cover-copy{padding:48px}
    .media-strip{grid-template-columns:1.2fr 1fr 1fr}.media-tile:last-child{display:none}
}

/* tablet / navigation switch */
@media (max-width:1024px){
    .header-inner{min-height:70px}.menu-toggle{display:inline-flex;margin-left:auto}.search-trigger{margin-left:0}
    .site-nav{
        display:none;
        position:absolute;
        left:20px;right:20px;top:72px;
        padding:14px;
        border:1px solid var(--line);
        border-radius:18px;
        background:var(--white);
        box-shadow:var(--shadow);
        flex-wrap:wrap;
    }
    .site-nav.is-open{display:flex}.site-nav a{padding:9px 12px}
    .cover-grid{grid-template-columns:1fr}.cover-visual{height:460px;min-height:0}.cover-copy h1{font-size:4rem}
    .editorial-mix{grid-template-columns:1fr}.side-stories{display:grid;grid-template-columns:repeat(3,1fr)}.side-stories article{padding-right:20px}
    .media-strip{grid-template-columns:1.2fr 1fr 1fr}.media-tile{min-height:290px}.media-tile.tall{min-height:350px}
    .device-ribbon,.brand-context{grid-template-columns:1fr 1fr;gap:38px}
    .story-board-grid{grid-template-columns:1fr 1fr}.story-card-large{grid-row:auto;grid-column:span 2}
    .dark-grid{grid-template-columns:1fr;gap:30px}.topic-index a{grid-template-columns:.4fr 1fr}
    .page-intro,.device-hero{grid-template-columns:1fr .72fr}.two-column-reading{gap:40px}
    .list-with-aside{grid-template-columns:1fr 270px;gap:35px}
    .footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:28px}
}

@media (max-width:768px){
    h1{font-size:2.8rem}.section-wrap{padding:58px 0}.section-block{margin-top:58px}
    .split-heading{display:block}.split-heading>p{margin-top:14px;max-width:700px}
    .cover-stage{width:min(calc(100% - 24px),1320px)}.cover-grid{border-radius:24px}.cover-copy{padding:38px 28px}.cover-copy h1{font-size:3.25rem}.cover-visual{height:360px}
    .quick-paths{grid-template-columns:1fr}.quick-paths a{display:grid;grid-template-columns:.45fr 1fr;gap:10px}
    .side-stories{grid-template-columns:1fr}.side-stories article{padding:18px 0}
    .media-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.media-tile,.media-tile.wide,.media-tile.tall{flex:0 0 76vw;min-height:320px;scroll-snap-align:start}.media-tile:last-child{display:block}
    .device-ribbon,.brand-context,.page-intro,.device-hero,.magazine-intro,.reverse-intro,.slim-intro{grid-template-columns:1fr}.reverse-intro>img{order:0}
    .device-ribbon{gap:28px}.device-visuals img:last-child{margin-bottom:0}.brand-context img{max-height:380px;width:100%;object-fit:cover}
    .story-board-grid{grid-template-columns:1fr}.story-card-large{grid-column:auto}
    .directory-columns{grid-template-columns:1fr}.directory-columns>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.directory-columns>div{padding-right:0}
    .topic-index a{grid-template-columns:1fr;gap:4px}
    .filter-rail>div{align-items:flex-start}.two-column-reading,.content-lanes .lane-grid,.list-with-aside{grid-template-columns:1fr}.sidebar-panel{position:static}
    .wide-topic-callout,.troubleshooting-band{grid-template-columns:1fr}.wide-topic-callout>img,.troubleshooting-band img{min-height:260px;max-height:360px}.wide-topic-callout>div,.troubleshooting-band>div{padding:34px}
    .stacked-devices{min-height:430px}.device-columns{grid-template-columns:1fr;gap:40px}.device-columns article{padding-left:64px}
    .group-row,.group-row.offset-row,.topic-feature,.topic-feature-alt{grid-template-columns:1fr;gap:16px}.group-row.offset-row .group-copy,.topic-feature-alt .topic-summary{order:0}
    .update-feed article{grid-template-columns:1fr;gap:5px}
    .article-list>a{grid-template-columns:80px 1fr}
    .safety-checks,.feedback-grid{grid-template-columns:1fr}.safety-checks article:nth-child(even),.feedback-grid article:nth-child(even){padding-left:0;border-left:0}
    .footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-about{grid-column:1/-1}.footer-bottom{align-items:center}
}

@media (max-width:600px){
    .header-inner,.section-wrap,.page-shell,.breadcrumbs,.footer-grid,.footer-bottom{width:calc(100% - 28px)}
    .brand small{display:none}.brand img{width:38px;height:38px}.brand strong{font-size:.96rem}.search-trigger,.menu-toggle{font-size:.82rem;padding:8px 11px}
    .site-nav{left:14px;right:14px}
    .search-modal{padding-top:7vh}.search-dialog{padding:32px 22px}.search-row{flex-direction:column}.search-row button{width:100%}
    .cover-stage{width:calc(100% - 16px);margin-top:12px}.cover-grid{border-radius:18px}.cover-copy{padding:32px 22px}.cover-copy h1{font-size:2.65rem}.cover-copy .lead{font-size:1rem}.cover-visual{height:290px}
    .hero-search{margin-top:18px}.quick-paths{margin-top:16px}.quick-paths a{grid-template-columns:1fr;padding:10px 0}
    .section-wrap{padding:48px 0}.page-shell{padding-top:16px}.section-block{margin-top:48px}
    .editorial-mix{gap:20px}.story-body{padding:22px}.story-body h3{font-size:1.35rem}
    .media-tile,.media-tile.wide,.media-tile.tall{flex-basis:82vw;min-height:300px}
    .device-visuals{grid-template-columns:1fr 1fr}.device-ribbon{padding-top:48px;padding-bottom:48px}
    .topic-index a{padding:17px 0}.dark-grid{padding-top:48px;padding-bottom:48px}
    .page-intro,.device-hero{gap:24px;padding-top:30px}.page-intro img{max-height:330px;width:100%;object-fit:cover}
    .filter-rail{overflow:auto}.filter-rail>div{min-width:max-content;flex-wrap:nowrap}
    .wide-topic-callout,.troubleshooting-band{border-radius:19px}.wide-topic-callout>div,.troubleshooting-band>div{padding:26px}
    .article-list>a{display:block}.article-list>a>span{display:block;margin-bottom:4px}
    .stacked-devices{min-height:360px}.stacked-devices img:first-child{width:88%}.stacked-devices img:last-child{width:44%}
    .article-detail>header,.guide-detail>header{padding-top:30px}.article-detail>header h1,.guide-detail>header h1{font-size:2.35rem}.article-body{font-size:1rem}.article-meta{flex-direction:column;gap:3px}
    .link-stack a{grid-template-columns:1fr;gap:2px}.related-panel{padding:24px}
    .faq-list summary{padding:18px 0}.faq-list summary span{width:36px}.faq-list details>div{padding-left:36px}
    .footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom a{display:inline-block;margin-top:8px}
    .back-top{right:14px;bottom:14px}
}

@media (max-width:375px){
    .header-inner{width:calc(100% - 20px)}.brand img{width:34px;height:34px}.brand span strong{font-size:.9rem}.search-trigger,.menu-toggle{padding:7px 9px}
    .cover-copy h1{font-size:2.28rem}.cover-visual{height:250px}.media-tile,.media-tile.wide,.media-tile.tall{flex-basis:86vw}
    .page-intro h1,.device-hero h1{font-size:2.35rem}.stacked-devices{min-height:320px}.device-columns article{padding-left:54px}.number{font-size:1.9rem}
    .footer-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}