/* mtsp-web.cloud - content-first editorial layout */
:root{
--brand:#C85C7A;--brand2:#AA4564;--peach:#E7B7A8;--ink:#2B2228;--text:#342F32;--muted:#746A6F;
--bg:#FBF7F5;--soft:#F3E9E6;--accent:#D9913D;--white:#fff;--line:#E7DAD6;--line-dark:#4E4148;
--shadow:0 24px 70px rgba(68,38,51,.11);--lg:32px;--md:22px;--sm:14px;--shell:1180px;--reading:820px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.75;text-rendering:optimizeLegibility}
body.modal-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}
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.5rem,5vw,5.4rem)}h2{font-size:clamp(1.8rem,3vw,3.05rem)}h3{font-size:clamp(1.08rem,1.6vw,1.36rem)}
.shell{width:min(var(--shell),calc(100% - 48px));margin:0 auto}.shell--reading{width:min(var(--reading),calc(100% - 48px))}
.section{padding:92px 0}.section--tight{padding-top:56px;padding-bottom:72px}.section--warm{background:#F0DED7}.section--soft{background:var(--soft)}
.section--dark{background:var(--ink);color:#F8EFEC}.section--bordered{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section--closing{padding-top:32px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:12px;z-index:9999;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;transform:translateY(-160%);transition:.2s}.skip-link:focus{transform:translateY(0)}
.eyebrow{margin:0 0 14px;color:var(--brand);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section--dark .eyebrow,.closing-panel .eyebrow,.not-found .eyebrow{color:#F0B4C4}
.page-lead,.home-cover__lead,.article-deck{font-size:clamp(1.08rem,1.8vw,1.28rem);line-height:1.82;color:var(--muted)}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand2);font-weight:800;border-bottom:1px solid transparent;transition:.2s}.text-link:hover,.text-link:focus-visible{border-color:currentColor}
.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:999px;font-weight:800;transition:.2s}
.button-link:hover,.button-link:focus-visible{background:var(--brand2);border-color:var(--brand2);transform:translateY(-1px)}.button-link--ghost{background:transparent;color:var(--brand2);border-color:#D6A0B0}
.button-link--light{background:#fff;color:var(--ink);border-color:#fff}.button-link--ghost-light{background:transparent;color:#fff;border-color:#84737C}
.inline-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.inline-links a{display:inline-flex;padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-weight:700;font-size:.92rem;background:rgba(255,255,255,.35)}
.inline-links a:hover{border-color:var(--brand);color:var(--brand2)}.section--dark .inline-links a{border-color:var(--line-dark);background:rgba(255,255,255,.04)}.section--dark .text-link{color:#F1BCCB}

/* header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(251,247,245,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,194,188,.75)}
.header-shell{min-height:78px;display:flex;align-items:center;gap:24px}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:205px}.brand-mark{width:44px;height:44px;border-radius:14px;overflow:hidden;background:var(--soft);flex:0 0 44px}
.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:1.03rem;color:var(--ink)}.brand-copy small{margin-top:5px;color:var(--muted);font-size:.7rem}
.primary-nav{margin-left:auto;display:flex;align-items:center;gap:4px}.primary-nav a{padding:9px 11px;border-radius:999px;font-size:.9rem;color:#5F555A;white-space:nowrap}.primary-nav a:hover,.primary-nav a:focus-visible{background:var(--soft);color:var(--ink)}
.primary-nav a[aria-current="page"]{background:var(--ink);color:#fff}.search-button{border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:9px 0 9px 10px;cursor:pointer;font-weight:800}.search-button span:first-child{font-size:1.25rem}
.menu-button{display:none;margin-left:auto;width:42px;height:42px;border:0;background:transparent;cursor:pointer}.menu-button__bars,.menu-button__bars::before,.menu-button__bars::after{content:"";display:block;width:22px;height:2px;background:var(--ink);position:relative;margin:auto;transition:.2s}
.menu-button__bars::before{position:absolute;top:-7px}.menu-button__bars::after{position:absolute;top:7px}

/* breadcrumbs */
.breadcrumbs{padding:22px 0 10px;font-size:.78rem;color:var(--muted)}.breadcrumbs ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:8px;color:#B5A9AD}.breadcrumbs a:hover{color:var(--brand2)}

/* home */
.home-cover{padding:38px 0 64px}.home-cover__grid{display:grid;grid-template-columns:1.13fr .87fr;gap:54px;align-items:stretch}.home-cover__content{padding:54px 0 0}
.home-cover h1{max-width:760px;font-size:clamp(3rem,5.5vw,5.85rem)}.home-cover__lead{max-width:720px;margin:28px 0 0}.home-cover__paths{margin-top:44px;border-top:1px solid var(--line)}
.home-cover__paths a{display:grid;grid-template-columns:48px 1fr;gap:2px 12px;padding:18px 6px;border-bottom:1px solid var(--line);transition:.2s}.home-cover__paths a:hover{padding-left:12px;background:rgba(200,92,122,.045)}
.home-cover__paths span{grid-row:1/3;color:var(--brand);font-weight:900}.home-cover__paths strong{color:var(--ink)}.home-cover__paths small{color:var(--muted)}
.home-cover__visual{position:relative;min-height:650px}.cover-frame{height:100%;border-radius:var(--lg);overflow:hidden;background:var(--soft);box-shadow:var(--shadow)}.cover-frame img{width:100%;height:100%;object-fit:cover}
.cover-note{position:absolute;left:-48px;bottom:34px;width:270px;padding:20px;border-radius:20px;background:rgba(43,34,40,.94);color:#fff;box-shadow:0 18px 50px rgba(44,28,37,.28)}
.cover-note span{display:block;color:#EAB6C4;font-size:.72rem;font-weight:800;letter-spacing:.15em}.cover-note strong{display:block;margin:7px 0 4px;font-size:1.05rem}.cover-note p{margin:0;color:#D9CDD1;font-size:.82rem;line-height:1.55}
.split-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:end;margin-bottom:32px}.split-heading>p{margin:0;color:var(--muted);max-width:630px}
.intent-pair{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--lg);overflow:hidden;background:#fff}.intent-panel{padding:38px 42px;min-height:300px}.intent-panel+.intent-panel{border-left:1px solid var(--line)}
.intent-panel h3{font-size:1.65rem;margin-bottom:18px}.intent-panel p:not(.eyebrow){color:var(--muted)}
.editorial-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:0;align-items:stretch}.editorial-feature__media{min-height:500px;border-radius:28px 0 0 28px;overflow:hidden}.editorial-feature__media img{width:100%;height:100%;object-fit:cover}
.editorial-feature__copy{padding:54px;background:#FFF9F6;border-radius:0 28px 28px 0}.editorial-feature__copy h2{margin-bottom:24px}.editorial-feature__copy p{color:#66595F}
.index-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.index-layout__intro{position:sticky;top:120px;align-self:start}.index-layout__intro p:not(.eyebrow){color:var(--muted)}.index-layout__list{border-top:1px solid var(--line)}
.topic-line{display:grid;grid-template-columns:58px 1fr 32px;gap:18px;padding:30px 8px;border-bottom:1px solid var(--line);align-items:start}.topic-line__num{color:var(--brand);font-weight:900}.topic-line h3{margin-bottom:8px}.topic-line h3 a:hover{color:var(--brand2)}.topic-line p{margin:0;color:var(--muted)}.topic-line__arrow{font-size:1.5rem;color:#AA909A}
.dark-editorial{display:grid;grid-template-columns:.72fr 1.28fr;gap:78px}.dark-editorial__heading h2{color:#fff;margin-bottom:20px}.dark-editorial__heading p:not(.eyebrow){color:#CFC1C7}.dark-editorial__list{border-top:1px solid var(--line-dark)}
.dark-editorial__list article{padding:24px 0;border-bottom:1px solid var(--line-dark)}.dark-editorial__list h3{color:#fff;margin-bottom:10px}.dark-editorial__list h3 a:hover{color:#F0B4C4}.dark-editorial__list p:not(.eyebrow){color:#C9BAC0;margin:0}
.guide-ribbon{display:grid;grid-template-columns:.78fr 1.22fr;gap:44px;align-items:start}.guide-ribbon__image{position:sticky;top:120px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.guide-ribbon__image img{width:100%;aspect-ratio:4/5;object-fit:cover}
.guide-ribbon__content h2{margin-bottom:28px}.step-list{border-top:1px solid var(--line);margin-bottom:26px}.step-item{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.step-item>span{color:var(--brand);font-weight:900}.step-item h3{margin-bottom:6px}.step-item p{margin:0;color:var(--muted)}
.app-aside{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.app-aside__copy p:not(.eyebrow){color:var(--muted);max-width:590px}.app-aside__images{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.app-aside__images>div{border-radius:22px;overflow:hidden;background:#fff}.app-aside__images>div:first-child{transform:translateY(-20px)}.app-aside__images img{aspect-ratio:4/5;object-fit:cover}
.text-led{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.text-led__columns{display:grid;grid-template-columns:1fr 1fr;gap:34px 46px}.text-led__columns>div:last-child{grid-column:1/3;padding-top:26px;border-top:1px solid var(--line)}.text-led__columns h3{margin-bottom:10px}.text-led__columns p{margin:0;color:var(--muted)}
.related-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px}.related-strip__notes{display:grid;gap:18px}.related-strip__notes>div{padding:22px 0;border-top:1px solid var(--line)}.related-strip__notes strong{display:inline-block;font-size:1.25rem;margin-right:10px}.related-strip__notes span{color:var(--brand2);font-size:.8rem;font-weight:800}.related-strip__notes p{margin:10px 0 0;color:var(--muted)}.related-strip>.text-link{grid-column:2}
.home-faq{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px}.home-faq__intro{position:sticky;top:120px;align-self:start}.home-faq__intro p:not(.eyebrow){color:var(--muted)}.faq-stack{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;font-weight:800;color:var(--ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";position:absolute;right:6px;top:17px;font-size:1.4rem;color:var(--brand)}.faq-item[open] summary::after{content:"−"}.faq-item div{padding:0 34px 18px 0;color:var(--muted)}
.closing-panel{background:var(--ink);border-radius:var(--lg);padding:54px;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;color:#fff}.closing-panel h2{color:#fff;max-width:700px}.closing-panel p:not(.eyebrow){color:#CFC1C7;max-width:720px}.closing-actions{display:flex;gap:10px;flex-wrap:wrap}

/* shared pages */
.page-intro,.category-head,.guide-head,.search-page-head{padding:28px 0 58px}.page-intro__grid,.category-head__layout,.guide-head__layout{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center}
.page-intro__image,.category-head__layout>div:last-child,.guide-head__layout>div:last-child{border-radius:28px;overflow:hidden;background:var(--soft)}.page-intro__image img,.category-head__layout img,.guide-head__layout img{width:100%;aspect-ratio:5/4;object-fit:cover}.page-intro--minimal{padding-bottom:28px}.page-intro--minimal .page-lead{max-width:830px}
.prose-grid{display:grid;grid-template-columns:1fr 340px;gap:78px;align-items:start}.prose-main{max-width:760px}.prose-main h2,.prose-narrow h2{margin:46px 0 16px;font-size:2rem}.prose-main h2:first-child,.prose-narrow h2:first-child{margin-top:0}.prose-main p,.prose-narrow p{color:#5F555A;font-size:1.02rem}.prose-aside{position:sticky;top:120px}
.aside-box{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff}.aside-box h2{font-size:1.4rem;margin-bottom:10px}.aside-box a{display:block;padding:16px 0;border-top:1px solid var(--line)}.aside-box a strong{display:block}.aside-box a span{display:block;margin-top:5px;color:var(--muted);font-size:.85rem}.aside-box a:hover strong{color:var(--brand2)}
.definition-list{margin:20px 0 36px;border-top:1px solid var(--line)}.definition-list>div{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.definition-list dt{font-weight:900;color:var(--ink)}.definition-list dd{margin:0;color:var(--muted)}
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-heading--light h2{color:#fff}
.article-list{display:grid;gap:0;border-top:1px solid var(--line)}.article-list--two{grid-template-columns:1fr 1fr;gap:0 38px;border-top:0}.article-row{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.article-list--two .article-row{grid-template-columns:1fr}.article-list--two .article-thumb{margin-bottom:10px}
.article-thumb{display:block;border-radius:16px;overflow:hidden}.article-thumb img{width:100%;height:130px;object-fit:cover}.article-list--two .article-thumb img{height:auto;aspect-ratio:16/9}.article-row h3{margin-bottom:10px}.article-row h3 a:hover{color:var(--brand2)}.article-row__body>p:not(.eyebrow){color:var(--muted)}
.article-list--dark{border-color:var(--line-dark)}.article-list--dark .article-row{border-color:var(--line-dark)}.article-list--dark .article-row h3{color:#fff}.article-list--dark .article-row__body>p:not(.eyebrow){color:#C8BBC0}.article-list--dark .text-link{color:#F0B4C4}
.compact-note{display:grid;grid-template-columns:.7fr 1.3fr;gap:46px;align-items:center}.compact-note--reverse{grid-template-columns:.85fr 1.15fr}.compact-note>div:first-child{border-radius:24px;overflow:hidden}.compact-note img{width:100%;aspect-ratio:4/3;object-fit:cover}.compact-note h2{margin-bottom:16px}.compact-note p:not(.eyebrow){color:var(--muted)}.prose-narrow{max-width:820px;margin:0 auto}

/* watch */
.watch-intro{padding:28px 0 58px}.watch-intro__layout{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:end}.watch-intro__visual{border-radius:30px;overflow:hidden;min-height:520px}.watch-intro__visual img{width:100%;height:100%;object-fit:cover}.watch-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.watch-index a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.86rem}.watch-index a:hover{border-color:var(--brand);color:var(--brand2)}
.editorial-columns{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px}.editorial-columns__lead p:not(.eyebrow){color:var(--muted)}.editorial-columns__body{border-top:1px solid var(--line)}.numbered-note{display:grid;grid-template-columns:58px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.numbered-note>span{color:var(--brand);font-weight:900}.numbered-note h3{margin-bottom:6px}.numbered-note p{margin:0;color:var(--muted)}
.discovery-board{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.discovery-board__image{border-radius:28px;overflow:hidden}.discovery-board__image img{width:100%;aspect-ratio:4/3;object-fit:cover}.discovery-board__content>p:not(.eyebrow){color:#675A5F}.discovery-links{margin-top:28px;border-top:1px solid #D6C0B8}.discovery-links a{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #D6C0B8}.discovery-links strong{color:var(--ink)}.discovery-links span{color:var(--muted);font-size:.86rem;text-align:right}
.device-rail{display:grid;grid-template-columns:.62fr 1.38fr;gap:70px}.device-rail__items{display:grid;grid-template-columns:1fr 1fr;gap:26px}.device-rail__items article{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff}.mini-image{border-radius:14px;overflow:hidden;margin-bottom:18px}.mini-image img{width:100%;aspect-ratio:16/10;object-fit:cover}.device-rail__items h3{margin-bottom:8px}.device-rail__items p{color:var(--muted)}.closing-copy{max-width:900px}.closing-copy p:not(.eyebrow){color:var(--muted)}

/* app related topics guide */
.app-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.app-intro__visuals{display:grid;grid-template-columns:1fr 1fr;gap:16px}.app-intro__visuals>div{border-radius:22px;overflow:hidden}.app-intro__visuals>div:first-child{transform:translateY(22px)}.app-intro__visuals img{width:100%;aspect-ratio:4/5;object-fit:cover}
.app-principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.app-principles article{padding:30px}.app-principles article+article{border-left:1px solid var(--line)}.app-principles span{color:var(--brand);font-weight:900}.app-principles h2{font-size:1.5rem;margin:14px 0 10px}.app-principles p{color:var(--muted)}.app-principles a{font-weight:800;color:var(--brand2)}
.relation-ledger{max-width:900px}.relation-ledger article{padding:28px 0;border-bottom:1px solid var(--line)}.relation-ledger__head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.relation-ledger__head h2{font-size:2rem}.relation-ledger__head span{padding:5px 10px;border-radius:999px;background:var(--soft);color:var(--brand2);font-size:.78rem;font-weight:800}.relation-ledger p{margin:0;color:var(--muted)}
.topics-hero{padding:28px 0 46px}.topics-hero__grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end}.topics-hero__grid>div:last-child{border-radius:32px;overflow:hidden}.topics-hero__grid img{width:100%;aspect-ratio:5/4;object-fit:cover}
.topic-feature{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.topic-feature--reverse{grid-template-columns:.8fr 1.2fr}.topic-feature__visual{border-radius:26px;overflow:hidden}.topic-feature__visual img{width:100%;aspect-ratio:4/3;object-fit:cover}.topic-feature p:not(.eyebrow){color:var(--muted)}
.link-list{padding:0;margin:26px 0 0;list-style:none;border-top:1px solid var(--line)}.link-list li{border-bottom:1px solid var(--line)}.link-list a{display:block;padding:14px 0;font-weight:800}.link-list a:hover{color:var(--brand2)}
.topic-matrix{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.topic-matrix__intro p:not(.eyebrow){color:var(--muted)}.topic-matrix__items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topic-matrix__items a{min-height:155px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.topic-matrix__items a:hover{border-color:#D1A0AF;transform:translateY(-2px)}.topic-matrix__items span{color:var(--brand);font-weight:800;font-size:.82rem}.topic-matrix__items strong{font-size:1.12rem}
.topic-closing{display:flex;justify-content:space-between;gap:50px;align-items:end}.topic-closing h2{color:#fff}.topic-closing__links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.topic-closing__links a{padding:10px 14px;border:1px solid var(--line-dark);border-radius:999px;text-align:center}.topic-closing__links a:hover{border-color:#F0B4C4;color:#F0B4C4}
.guide-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-steps article{padding:26px 24px}.guide-steps article+article{border-left:1px solid var(--line)}.guide-steps span{color:var(--brand);font-weight:900}.guide-steps h2{font-size:1.35rem;margin:14px 0 10px}.guide-steps p{margin:0;color:var(--muted)}
.scenario-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px}.scenario-grid__intro p:not(.eyebrow){color:#675A5F}.scenario-grid__items{border-top:1px solid #D6C0B8}.scenario-grid__items a{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid #D6C0B8}.scenario-grid__items strong{color:var(--ink)}.scenario-grid__items span{color:var(--muted);font-size:.86rem}
.guide-visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.guide-visual-pair>div{padding-bottom:22px;border-bottom:1px solid var(--line)}.guide-visual-pair img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:22px;margin-bottom:22px}.guide-visual-pair h2{font-size:1.55rem;margin-bottom:8px}.guide-visual-pair p{color:var(--muted);margin:0}

/* faq/category/article/search/contact */
.faq-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.faq-hero>div:last-child{border-radius:28px;overflow:hidden}.faq-hero img{width:100%;aspect-ratio:5/4;object-fit:cover}.faq-page{max-width:920px}.faq-item--large summary{font-size:1.08rem;padding:24px 46px 24px 0;display:flex;gap:18px}.faq-item--large summary>span{color:var(--brand);min-width:30px}.faq-item--large div{padding-left:48px}.faq-item--large div p{color:var(--muted)}
.category-summary{display:flex;justify-content:space-between;gap:44px;align-items:center;padding:24px 28px;border:1px solid var(--line);border-radius:20px;background:#fff}.category-summary>div{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.category-summary strong{font-size:2rem;color:var(--brand)}.category-summary p{margin:0;color:var(--muted);max-width:760px}.category-summary a{color:var(--brand2);font-weight:800}.article-list--wide .article-row{grid-template-columns:220px 1fr;padding:32px 0}.article-list--wide .article-thumb img{height:160px}
.article-header{padding:24px 0 32px}.article-header h1{font-size:clamp(2.7rem,5vw,4.7rem);margin-bottom:24px}.article-deck{max-width:780px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 290px;gap:70px;align-items:start;padding-bottom:84px}.article-main{min-width:0}.article-cover{margin:0 0 42px}.article-cover img{width:100%;max-height:520px;object-fit:cover;border-radius:28px}.article-cover figcaption{margin-top:9px;color:var(--muted);font-size:.78rem}
.article-section{margin:0 0 44px}.article-section h2{font-size:2rem;margin-bottom:18px}.article-section p{font-size:1.04rem;color:#53494E}.article-end{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--soft)}.article-end p{color:var(--muted)}.article-side{position:sticky;top:110px;display:grid;gap:16px}.article-side__box{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.article-side__box>strong{display:block;font-size:1.25rem;margin-bottom:8px}.article-side__box p:not(.eyebrow){color:var(--muted);font-size:.86rem;margin:0}.article-side__box ul{margin:0;padding:0;list-style:none}.article-side__box li+li{border-top:1px solid var(--line)}.article-side__box a{display:block;padding:12px 0;font-size:.88rem;font-weight:700}.article-side__box a:hover{color:var(--brand2)}.article-next{display:flex;justify-content:space-between;gap:40px;align-items:end}
.search-page-head{background:var(--soft)}.search-page-head h1{font-size:clamp(2.5rem,5vw,4.8rem)}.search-form{margin-top:24px}.search-form label{display:block;margin-bottom:8px;font-weight:800}.search-field{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}.search-field input{flex:1;min-width:0;border:0;outline:0;padding:13px 18px;background:transparent;color:var(--ink)}.search-field button{border:0;background:var(--brand);color:#fff;padding:0 22px;font-weight:800;cursor:pointer}.search-field button:hover{background:var(--brand2)}.search-form--page{max-width:680px}.empty-state{padding:36px;border:1px solid var(--line);border-radius:22px;background:#fff}.empty-state h2{font-size:1.8rem;margin-bottom:12px}.empty-state p{color:var(--muted)}.search-count{display:flex;gap:9px;align-items:baseline;margin-bottom:18px}.search-count strong{font-size:2rem;color:var(--brand)}.search-count span{color:var(--muted)}
.contact-routes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-routes article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.contact-routes h2{font-size:1.5rem;margin-bottom:10px}.contact-routes p{color:var(--muted)}.contact-routes a{font-weight:800;color:var(--brand2)}
.not-found{min-height:70vh;background:var(--ink);color:#fff;display:flex;align-items:center;padding:80px 0}.not-found__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.not-found h1{color:#fff}.not-found .page-lead{color:#D3C6CB}.not-found__grid>div:last-child{border-radius:28px;overflow:hidden}.not-found__grid img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* modal footer */
.search-modal[hidden]{display:none!important}.search-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}.search-modal__backdrop{position:absolute;inset:0;background:rgba(28,20,25,.68);backdrop-filter:blur(6px)}.search-modal__dialog{position:relative;width:min(620px,100%);padding:34px;border-radius:26px;background:var(--bg);box-shadow:0 36px 100px rgba(0,0,0,.28)}.search-modal__dialog h2{margin-bottom:12px}.search-modal__dialog>p:not(.eyebrow){color:var(--muted)}.modal-close{position:absolute;right:18px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:var(--soft);font-size:1.5rem;cursor:pointer}
.back-top{position:fixed;right:20px;bottom:20px;z-index:60;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;box-shadow:0 8px 26px rgba(40,25,33,.15);cursor:pointer}
.site-footer{background:#211A1E;color:#D6C8CE}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,.8fr);gap:48px;padding:64px 0 42px}.footer-brand{font-size:1.45rem;font-weight:900;color:#fff}.footer-intro p{margin-top:14px;color:#AA9CA2;max-width:360px;font-size:.9rem}.footer-domain{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.footer-group h2{font-size:.9rem;color:#F5EDF0;margin-bottom:12px}.footer-group ul{list-style:none;padding:0;margin:0}.footer-group li+li{margin-top:7px}.footer-group a{font-size:.88rem;color:#AA9CA2}.footer-group a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding:18px 0 28px;border-top:1px solid #3B3036;font-size:.78rem;color:#8F8087}.footer-bottom p{margin:0}.footer-bottom a:hover{color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(217,145,61,.45);outline-offset:3px}

/* responsive */
@media(max-width:1180px){.primary-nav a{padding:8px 7px;font-size:.82rem}.brand-lockup{min-width:180px}.brand-copy small{display:none}.home-cover__visual{min-height:560px}.article-layout{grid-template-columns:minmax(0,1fr) 260px;gap:42px}}
@media(max-width:1024px){
.shell,.shell--reading{width:min(100% - 36px,var(--shell))}.menu-button{display:block}.primary-nav{position:fixed;left:18px;right:18px;top:76px;display:none;flex-direction:column;align-items:stretch;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.primary-nav.is-open{display:flex}.primary-nav a{padding:10px 12px}.search-button{margin-left:0}
.home-cover__grid,.page-intro__grid,.watch-intro__layout,.app-intro,.topics-hero__grid,.category-head__layout,.guide-head__layout{grid-template-columns:1fr}.home-cover__content{padding-top:20px}.home-cover__visual{min-height:520px}.cover-note{left:20px}
.split-heading,.index-layout,.dark-editorial,.guide-ribbon,.text-led,.home-faq,.prose-grid,.editorial-columns,.device-rail,.topic-matrix,.scenario-grid,.article-layout{grid-template-columns:1fr;gap:42px}.index-layout__intro,.guide-ribbon__image,.home-faq__intro,.prose-aside,.article-side{position:static}.guide-ribbon__image img{aspect-ratio:16/9}.article-side{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-group:last-child{grid-column:2}
}
@media(max-width:768px){
.section{padding:72px 0}.section--tight{padding-top:42px;padding-bottom:56px}.header-shell{min-height:70px}.brand-mark{width:40px;height:40px;flex-basis:40px}.search-button span:last-child{display:none}.home-cover{padding-top:16px}.home-cover h1{font-size:clamp(2.65rem,12vw,4.7rem)}.home-cover__visual{min-height:auto}.cover-frame img{aspect-ratio:4/5}.cover-note{position:relative;left:auto;bottom:auto;width:auto;margin:-72px 16px 0}
.intent-pair,.editorial-feature,.app-aside,.related-strip,.compact-note,.topic-feature,.topic-feature--reverse,.topic-closing,.faq-hero,.not-found__grid{grid-template-columns:1fr}.intent-panel+.intent-panel{border-left:0;border-top:1px solid var(--line)}.editorial-feature__media{min-height:0;border-radius:24px 24px 0 0}.editorial-feature__media img{aspect-ratio:16/10}.editorial-feature__copy{padding:32px;border-radius:0 0 24px 24px}.app-aside__images{max-width:560px}.related-strip>.text-link{grid-column:auto}.closing-panel{grid-template-columns:1fr;padding:34px}.definition-list>div{grid-template-columns:1fr;gap:5px}.article-list--two{grid-template-columns:1fr}.article-row,.article-list--wide .article-row{grid-template-columns:150px 1fr}.device-rail__items,.guide-visual-pair,.contact-routes{grid-template-columns:1fr}
.app-principles,.guide-steps{grid-template-columns:1fr 1fr}.app-principles article:nth-child(3){grid-column:1/3;border-top:1px solid var(--line)}.guide-steps article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.guide-steps article:nth-child(4){border-top:1px solid var(--line)}.topic-closing{align-items:start}.category-summary,.article-next{align-items:flex-start;flex-direction:column}.article-side{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/3}.footer-group:last-child{grid-column:auto}
}
@media(max-width:600px){
.shell,.shell--reading{width:calc(100% - 28px)}.section{padding:58px 0}.brand-lockup{min-width:0}.brand-copy strong{font-size:.96rem}.home-cover__paths a{grid-template-columns:38px 1fr}.split-heading,.index-layout,.dark-editorial,.guide-ribbon,.text-led,.home-faq{gap:30px}.split-heading{grid-template-columns:1fr}.intent-panel{padding:28px}.topic-line{grid-template-columns:40px 1fr}.topic-line__arrow{display:none}.text-led__columns{grid-template-columns:1fr}.text-led__columns>div:last-child{grid-column:auto}.app-aside__images{gap:10px}.app-aside__images>div:first-child{transform:none}
.device-rail__items{grid-template-columns:1fr}.app-principles,.guide-steps,.topic-matrix__items{grid-template-columns:1fr}.app-principles article+article{border-left:0;border-top:1px solid var(--line)}.app-principles article:nth-child(3){grid-column:auto}.guide-steps article+article{border-left:0;border-top:1px solid var(--line)}.topic-closing__links{grid-template-columns:1fr}.article-row,.article-list--wide .article-row{grid-template-columns:1fr}.article-thumb img,.article-list--wide .article-thumb img{height:auto;aspect-ratio:16/9}.faq-item--large summary{font-size:1rem}.faq-item--large div{padding-left:0}.search-field{border-radius:18px;flex-direction:column}.search-field input{min-height:48px}.search-field button{min-height:46px}.footer-grid{grid-template-columns:1fr}.footer-intro{grid-column:auto}.footer-bottom{flex-direction:column}
}
@media(max-width:375px){.shell,.shell--reading{width:calc(100% - 22px)}.header-shell{gap:8px}.brand-mark{width:36px;height:36px;flex-basis:36px}.brand-copy strong{font-size:.88rem}.home-cover h1{font-size:2.5rem}.home-cover__lead,.page-lead,.article-deck{font-size:1rem}.cover-note{margin:-50px 10px 0}.intent-panel,.editorial-feature__copy,.closing-panel,.search-modal__dialog{padding:24px}.inline-links{gap:7px}.inline-links a{font-size:.82rem}.app-intro__visuals{gap:8px}.app-intro__visuals>div:first-child{transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}