:root{--bg:#eef6f2;--ink:#17352b;--accent:#176b55;--soft:#c9e5d9;--panel:#fff;--line:#d5d6d3;--on-accent:#fff;}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.72 system-ui,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}
h1,h2,h3,p,ol,ul{margin-top:0}
h1,h2,h3{line-height:1.22}
h1{font-size:clamp(2.35rem,6.1vw,5.4rem);letter-spacing:-.045em;margin-bottom:1rem}
h2{font-size:clamp(1.35rem,3vw,2.15rem);margin-bottom:.8rem}
h3{font-size:1.12rem;margin-bottom:.6rem}
p:last-child{margin-bottom:0}
a{color:var(--accent);text-underline-offset:.25em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
[id]{scroll-margin-top:1.25rem}
body>header{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.85rem max(4vw,calc((100vw - 1300px)/2));border-bottom:1px solid var(--line);background:var(--panel)}
body>header .brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink)}
.brand span{display:grid;place-items:center;background:var(--accent);color:var(--on-accent);width:2.45rem;height:2.45rem;border-radius:.5rem;font-weight:800}
body>header nav{display:flex;gap:clamp(.65rem,3vw,2rem);flex-wrap:wrap}
body>header nav a{color:var(--ink);text-decoration:none;padding:.35rem 0}
body>header nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px}
.menu{display:none;color:var(--ink);background:transparent;border:1px solid var(--line);padding:.4rem .65rem;border-radius:.35rem;font:inherit;cursor:pointer}
.homepage,.interior{width:min(92%,1300px);margin-inline:auto}
.homepage{padding-block:clamp(1.7rem,5vw,4rem) clamp(3rem,7vw,6rem)}
.homepage>*+*{margin-top:clamp(1.5rem,4vw,3.5rem)}
.eyebrow,.ordinal,.breadcrumb{color:var(--accent);font-size:.88rem;font-weight:750}
.eyebrow{margin-bottom:.85rem}
.ordinal{font-variant-numeric:tabular-nums;letter-spacing:.12em}
.lede{max-width:44rem;font-size:clamp(1rem,2vw,1.16rem);line-height:1.85}
.intro{padding:clamp(1.25rem,4vw,3.7rem);min-width:0}
.actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:1.6rem}
.button{background:var(--accent);color:var(--on-accent);padding:.65rem 1.1rem;border-radius:.35rem;text-decoration:none;font-weight:700}
.button:hover{text-decoration:underline}
.tile-grid,.story-row,.steps-body,.journal-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.tile-grid article,.feature,.highlights,.site-panel,.side-index,.chapter-index,.page-index{background:var(--panel);border:1px solid var(--line);padding:clamp(1rem,3vw,1.65rem);min-width:0}
.tile-grid article .ordinal{display:block;margin-bottom:.65rem}
.tile-grid article h3 a{color:var(--ink)}
.tile-link{display:inline-block;margin-top:.45rem}
.feature{display:flex;gap:1.25rem}
.feature .ordinal{font-size:clamp(1.25rem,3vw,2.1rem)}
.site-panel a,.minimal-panel a{display:block;width:max-content;max-width:100%;margin-top:.3rem}
.homepage nav ol,.page-index ol,.highlights ul,.headline-side ul,.news-strip ul,.tag-links ul{list-style:none;padding:0;margin:0}
.homepage nav li,.page-index li,.highlights li,.headline-side li{padding:.45rem 0;border-top:1px solid var(--line)}
.homepage nav li span{margin-right:.7rem;color:var(--accent);font-size:.8rem;font-weight:750}
.line-tiles .tile-grid,.timeline .tile-grid{grid-template-columns:minmax(0,1fr);gap:0}
.line-tiles .tile-grid article,.timeline .tile-grid article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:1rem;border:0;border-top:1px solid var(--line);background:transparent}
.index-table table{width:100%;border-collapse:collapse;background:var(--panel)}
.index-table th,.index-table td{text-align:left;padding:.85rem .75rem;border-bottom:1px solid var(--line)}
.index-table thead{background:var(--soft)}
.index-table td:nth-child(2){min-width:6em;width:24%}
.rail-grid,.book-grid,.edition,.edition-body,.headlines,.archive,.index-end,.route-body,.console,.tag-body,.board-top,.board-body,.toolbox,.matrix{display:grid;gap:clamp(1rem,3vw,2rem);align-items:start}
.rail-grid{grid-template-columns:minmax(0,1fr) minmax(0,3.4fr)}
.rail-grid .intro{background:var(--soft);padding-bottom:2rem;margin-bottom:2.1rem}
.side-index h2{font-size:1.2rem}
.timeline-intro{max-width:52rem;margin:auto;text-align:center}
.timeline-intro .actions{justify-content:center}
.timeline{max-width:52rem;margin-inline:auto;padding-left:clamp(1rem,3vw,2rem);border-left:3px solid var(--accent)}
.timeline .tile-grid article{position:relative}
.timeline .tile-grid article::before{content:"";position:absolute;left:calc(-1 * clamp(1rem,3vw,2rem) - .4rem);top:1.5rem;background:var(--accent);width:.64rem;height:.64rem;border-radius:50%}
.design-02 .site-panel{max-width:52rem;margin-inline:auto}
.edition{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:0;align-items:stretch;border-block:3px double var(--accent)}
.edition h1,.headlines h1,.book-grid h1,.dark-journal h1,.archive h1{font-family:"Noto Serif CJK SC",Songti SC,SimSun,serif}
.cover-story,.journal-pick{padding:clamp(1.3rem,4vw,3rem);background:var(--soft);display:flex;flex-direction:column;justify-content:end}
.cover-story .ordinal,.journal-pick .ordinal{font-size:clamp(2rem,6vw,5rem);line-height:1;margin-bottom:1rem}
.edition-body{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.wide-banner{background:var(--accent);color:var(--on-accent);display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);align-items:end}
.wide-banner .eyebrow,.wide-banner a,.wide-banner nav li span{color:inherit}
.wide-banner .button{background:var(--panel);color:var(--accent)}
.banner-index{padding:1.25rem}
.news-strip{display:flex;gap:1rem;align-items:baseline;border-bottom:2px solid var(--accent);padding-bottom:.9rem}
.news-strip h2{font-size:1rem;margin:0;flex:none}
.news-strip ul{display:flex;flex-wrap:wrap;gap:.3rem 1rem}
.mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;align-items:stretch}
.mosaic .intro{grid-column:span 2;background:var(--accent);color:var(--on-accent)}
.mosaic .intro .eyebrow{color:inherit}
.mosaic .feature:nth-child(2),.mosaic .feature:nth-child(5){background:var(--soft)}
.mosaic .site-panel{grid-column:1/-1}
.table-intro{padding:1rem 0;border-bottom:3px solid var(--accent)}
.table-intro h1,.board-intro h1{font-size:clamp(2rem,5vw,4.25rem)}
.index-end{grid-template-columns:1fr 1fr}
.steps-cover{background:var(--soft);padding:clamp(1rem,3vw,2rem)}
.steps-cover .intro{padding:0 0 1.8rem}
.step-tiles .tile-grid article,.tool-tiles .tile-grid article{border-radius:1rem}
.step-tiles .tile-grid article .ordinal,.console-tiles .tile-grid article .ordinal{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--accent);color:var(--on-accent)}
.book-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.book-cover{background:var(--accent);color:var(--on-accent);border-inline-start:clamp(.5rem,2vw,1.6rem) solid var(--soft)}
.book-cover .eyebrow,.book-cover .actions>a:not(.button){color:inherit}
.book-cover .button{background:var(--panel);color:var(--accent)}
.book-cover .site-panel{color:var(--ink);margin:1.2rem}
.book-contents .chapter-index{margin-bottom:1.5rem}
.headlines{grid-template-columns:minmax(0,3fr) minmax(0,1fr);border-bottom:4px solid var(--accent)}
.headline-intro{padding-left:0}
.headline-side{padding:1rem;border-inline-start:1px solid var(--line)}
.story-row .feature{flex-direction:column;border-width:4px 0 0;border-color:var(--accent)}
.minimal-intro,.minimal-list,.minimal-panel{max-width:44rem;margin-inline:auto;padding-inline:0}
.minimal-intro{padding-bottom:1rem}
.minimal-list li{font-size:1.25rem}
.minimal-panel{border-top:2px solid var(--accent);padding-top:1.3rem}
.collage-intro{padding:1.4rem 0}
.collage{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:.85rem}
.collage .feature:first-child{grid-row:span 2;background:var(--soft);flex-direction:column;justify-content:end}
.collage .highlights{grid-column:2/4}
.archive{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.archive-main{border-top:5px double var(--accent)}
.archive-main .intro{padding-inline:0}
.archive-side{display:grid;gap:1rem;background:var(--soft);padding:1rem}
.dark-journal{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);border:1px solid var(--line)}
.journal-intro{padding-block:clamp(2rem,7vw,6rem)}
.journal-pick{background:var(--accent);color:var(--on-accent)}
.journal-pick a,.journal-pick .eyebrow,.journal-pick .ordinal{color:inherit}
.journal-shelf>*{border-top:3px solid var(--accent)}
.route-intro{padding:1.5rem 0}
.route{padding:clamp(1rem,3vw,2rem);background:var(--soft);border-radius:1.3rem}
.route ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.route li{position:relative;background:var(--panel);padding:1rem!important;border-radius:3rem;text-align:center}
.route li:not(:last-child)::after{content:"→";position:absolute;right:-1.3rem;color:var(--accent);top:1rem}
.route-body{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.console{grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);padding:clamp(1rem,3vw,2rem);background:var(--soft);border-radius:1rem}
.console .intro{padding:0 0 1.3rem}
.console-side{display:grid;gap:.8rem}
.console-tiles .tile-grid article,.console-side>*{border-radius:.65rem}
.scroll-intro{padding:clamp(1.5rem,5vw,4rem);border-radius:0 3.5rem 0 0;background:var(--soft)}
.layers{display:grid;gap:.75rem}
.layers .feature{width:86%;padding:clamp(1rem,4vw,3rem);border-inline-start:.5rem solid var(--accent)}
.layers .feature:nth-child(2){margin-left:7%}
.layers .feature:nth-child(3){margin-left:14%}
.tag-intro{padding:1rem 0}
.tags{border-block:1px solid var(--line);padding:1rem 0}
.tags ol,.tag-links ul{display:flex;flex-wrap:wrap;gap:.55rem}
.tags li,.tag-links li{background:var(--soft);border:0!important;border-radius:2rem;padding:.45rem .85rem!important}
.tag-body{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}
.board-top{grid-template-columns:minmax(0,2fr) minmax(0,1fr);border-top:4px solid var(--accent)}
.board-intro{padding-left:0}
.board-body{grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);padding:1rem;background:var(--soft)}
.board-side{background:var(--panel);padding:1rem}
.toolbox{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch;background:var(--soft);border-radius:1.4rem}
.tool-links{align-self:center;margin:1rem;padding:1rem;background:var(--panel);border-radius:1rem}
.tool-tiles .tile-grid article{border-top:5px solid var(--accent)}
.matrix{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center}
.matrix-intro{padding-left:0}
.matrix-links ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.matrix-links li{padding:1rem!important;background:var(--soft);border:0!important;min-height:5.4rem}
.matrix-tiles article{border-top:4px solid var(--accent)}
/* Interior pages */
.interior{padding:2.25rem 0 4rem}
.inner-intro{padding:clamp(1.1rem,4vw,3.5rem);background:var(--soft)}
.inner-intro h1{font-size:clamp(2.1rem,5vw,4.3rem)}
.breadcrumb{margin-bottom:1rem}
.breadcrumb span{padding-inline:.35rem}
.inner-content,.interior{display:grid;gap:clamp(1.3rem,3vw,2.6rem);align-items:start}
.inner-grid,.inner-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.3fr);gap:clamp(1rem,3vw,2.5rem);align-items:start}
.inner-lead{grid-template-columns:minmax(0,2.6fr) minmax(0,1fr);align-items:stretch}
.page-index h2{font-size:1.2rem}
.page-index li{padding:.55rem .15rem}
.mode-flow .page-index,.mode-table .page-index{border-width:0 0 1px;background:transparent;padding:0 0 .75rem}
.mode-flow .page-index ol,.mode-table .page-index ol{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.mode-flow .page-index li,.mode-table .page-index li{border:0;padding:0}
.mode-editor .inner-grid{grid-template-columns:minmax(0,3.4fr) minmax(0,1fr)}
.mode-editor .inner-content{grid-column:1;grid-row:1}
.mode-editor .page-index{grid-column:2;grid-row:1}
.mode-editor .inner-intro{border-block:3px double var(--accent);background:transparent}
.mode-book .inner-intro{border-inline-start:.65rem solid var(--accent)}
.mode-book .inner-grid>.page-index{border-inline-start:.3rem solid var(--accent)}
.mode-plain .interior{max-width:820px}
.mode-plain .inner-intro{background:transparent;padding-inline:0;border-bottom:1px solid var(--line)}
.mode-feature .inner-intro{background:var(--accent);color:var(--on-accent)}
.mode-feature .inner-intro :is(a,.eyebrow,.breadcrumb){color:inherit}
.product-list,.topic-grid,.values,.seo-keyword-grid{display:grid;gap:.85rem}
.product-list article,.topic-grid article,.values>div,.seo-keyword-grid article,.contact-grid>article,.site-faq,.corporate-section,.cta{background:var(--panel);border:1px solid var(--line);padding:clamp(1rem,3vw,1.65rem)}
.product-list article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem}
.product-no{font-size:1.4rem;font-weight:800;color:var(--accent)}
.product-list ul{padding-left:1.25rem}
.topic-grid,.seo-keyword-grid,.values{grid-template-columns:repeat(2,minmax(0,1fr))}
.about-grid,.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.2rem;align-items:start}
.about-grid>article{padding:1rem 0}
.values b,.seo-keyword-grid b{color:var(--accent)}
.site-faq details{border-top:1px solid var(--line);padding:.7rem 0}
.site-faq summary{cursor:pointer;font-weight:680}
.site-faq details p{margin:.6rem 0}
dt{font-weight:750}
dd{margin:0 0 .75rem}
.band{background:var(--soft);padding:clamp(1rem,3vw,1.7rem)}
.band ol{display:flex;gap:1rem;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.band li b{color:var(--accent);margin-right:.4rem}
.mode-table .product-list article{border-width:1px 0 0;background:transparent}
.mode-mosaic .product-list,.mode-feature .product-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.mode-mosaic .product-list article,.mode-feature .product-list article{display:block}
.mode-mosaic .product-list article:nth-child(2){background:var(--soft)}
.mode-feature .product-list article{border-top:4px solid var(--accent)}
.mode-flow .product-list article{border-inline-start:4px solid var(--accent)}
.mode-plain .product-list article{padding-inline:0;border-width:1px 0 0;background:transparent}
.mega-footer{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(4,minmax(0,1fr));gap:1.15rem;padding:clamp(1.3rem,4vw,3.5rem) max(4vw,calc((100vw - 1300px)/2));background:var(--panel);border-top:3px solid var(--accent)}
.mega-footer h3{font-size:1rem;margin:0 0 .5rem}
.mega-footer a,.mega-footer>div>span{display:block;font-size:.88rem;margin:.25rem 0}
.mega-footer p{margin:.35rem 0;font-size:.9rem}
.mega-footer .footer-brand>b{font-size:1.35rem}
.mega-footer .corporate-footer-links{display:flex;gap:.65rem;flex-wrap:wrap}
.mega-footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1rem}
.design-01 .mega-footer,.design-08 .mega-footer,.design-14 .mega-footer{background:var(--soft)}
.design-05 .mega-footer>div,.design-11 .mega-footer>div,.design-15 .mega-footer>div,.design-19 .mega-footer>div,.design-20 .mega-footer>div{border:1px solid var(--line);padding:.65rem;border-radius:.45rem}
@media(max-width:1000px){
 .mega-footer{grid-template-columns:repeat(4,minmax(0,1fr))}
 .mega-footer>.footer-brand{grid-column:1/-1}
 .mode-mosaic .product-list,.mode-feature .product-list{grid-template-columns:1fr}
}
@media(max-width:760px){
 body>header{flex-wrap:wrap;gap:.5rem}
 body>header .menu{display:block;margin-left:auto}
 body>header nav{display:none;width:100%;justify-content:space-between;gap:.5rem}
 body>header nav.open{display:flex}
 .rail-grid,.book-grid,.edition,.edition-body,.headlines,.archive,.index-end,.route-body,.console,.tag-body,.board-top,.board-body,.toolbox,.matrix,.wide-banner,.dark-journal{grid-template-columns:minmax(0,1fr)}
 .rail-grid .side-index{order:1}
 .headlines,.edition,.dark-journal{gap:0}
 .headline-side{border-inline-start:0}
 .intro{padding-inline:1rem}
 .tile-grid,.story-row,.steps-body,.journal-shelf,.mosaic,.collage{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mosaic .intro,.collage .feature:first-child,.collage .highlights{grid-column:1/-1;grid-row:auto}
 .inner-grid,.inner-lead,.mode-editor .inner-grid,.about-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}
 .mode-editor .page-index,.mode-editor .inner-content{grid-column:auto;grid-row:auto}
 .inner-grid .page-index ol,.inner-lead .page-index ol{display:flex;flex-wrap:wrap;gap:.35rem .9rem}
 .inner-grid .page-index li,.inner-lead .page-index li{border:0;padding:.2rem 0}
 .mega-footer{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:460px){
 .tile-grid,.story-row,.steps-body,.journal-shelf,.mosaic,.collage,.route ol,.topic-grid,.seo-keyword-grid,.values{grid-template-columns:minmax(0,1fr)}
 .route li:not(:last-child)::after{content:"↓";left:50%;right:auto;top:auto;bottom:-1.55rem}
 .line-tiles .tile-grid article,.timeline .tile-grid article{grid-template-columns:auto minmax(0,1fr);column-gap:.65rem;row-gap:.2rem}
 .line-tiles .tile-link,.timeline .tile-link{grid-column:2}
 .index-table td,.index-table th{padding:.55rem .4rem;font-size:.88rem}
 .index-table td:nth-child(2){min-width:4em}
}
/* Header and footer treatments follow the site's composition. */
@media(min-width:761px){
 .design-02>header,.design-10>header,.design-17>header{justify-content:center;gap:2.8rem;background:transparent}
 .design-03>header,.design-09>header,.design-12>header{border-bottom:4px double var(--accent)}
 .design-04>header,.design-08>header{background:var(--accent);color:var(--on-accent)}
 .design-04>header :is(.brand,nav a),.design-08>header :is(.brand,nav a){color:inherit}
 .design-04>header .brand span,.design-08>header .brand span{background:var(--panel);color:var(--accent)}
 .design-06>header,.design-18>header{border-bottom:3px solid var(--accent)}
 .design-15>header nav a,.design-19>header nav a,.design-20>header nav a{padding:.4rem .85rem;border-radius:2rem}
 .design-15>header nav a[aria-current=page],.design-19>header nav a[aria-current=page],.design-20>header nav a[aria-current=page]{background:var(--soft)}
}
@media(min-width:1001px){
 .design-03 .footer-brand,.design-09 .footer-brand,.design-12 .footer-brand,.design-13 .footer-brand{grid-column:1/-1;padding-bottom:.65rem;border-bottom:1px solid var(--line)}
 .design-03 .mega-footer,.design-09 .mega-footer,.design-12 .mega-footer,.design-13 .mega-footer{grid-template-columns:repeat(4,minmax(0,1fr))}
 .design-10 .mega-footer,.design-17 .mega-footer{grid-template-columns:repeat(4,minmax(0,1fr));background:transparent}
 .design-10 .footer-brand,.design-17 .footer-brand{grid-column:1/-1}
}

/* Shared enterprise navigation and content modules. */
.enterprise>header{min-height:76px}
.enterprise>header nav{column-gap:clamp(.6rem,1.7vw,1.6rem)}
.enterprise>header nav a{white-space:nowrap;font-size:.95rem}
.enterprise>header .brand b{max-width:15rem}
.enterprise .homepage>.intro,.enterprise .homepage>div:first-child{position:relative}
.enterprise .homepage>.intro::after,.enterprise .homepage>div:first-child::after{
 content:"";position:absolute;pointer-events:none;inset:0;z-index:0;
 background:repeating-linear-gradient(135deg,transparent 0 14px,currentColor 15px 16px,transparent 17px 27px);
 opacity:.08;mask-image:linear-gradient(to left,#000,transparent 38%);
}
.enterprise .homepage .intro .eyebrow{letter-spacing:.08em}
.enterprise-section{min-width:0}
.enterprise .homepage>.enterprise-section{margin-top:clamp(2.8rem,6vw,5.25rem)}
.section-heading{margin-bottom:1.25rem;max-width:54rem}
.section-heading h2{margin-bottom:.55rem}
.overline{margin-bottom:.55rem;color:var(--accent);font-weight:800;font-size:.85rem;letter-spacing:.1em}
.section-heading .overline::before{content:"";display:inline-block;vertical-align:middle;width:1.45rem;height:.15rem;background:currentColor;margin-right:.55rem}
.front-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);box-shadow:0 9px 22px #0000000e}
.front-quick a{min-width:0;display:flex;align-items:center;gap:.65rem;background:var(--panel);padding:clamp(.65rem,1.7vw,1.25rem);color:var(--ink);text-decoration:none}
.front-quick a:hover{background:var(--soft)}
.front-quick a>span:last-child{color:var(--accent);margin-left:auto}
.front-quick small{display:block;font-size:.8rem;line-height:1.45;margin-top:.12rem}
.quick-mark{flex:none;display:grid;place-items:center;background:var(--soft);color:var(--accent);width:2rem;height:2rem;border-radius:.4rem;font-size:1.16rem}
.profile-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(1.1rem,4vw,3.4rem);align-items:center;background:var(--panel);border:1px solid var(--line);padding:clamp(1rem,3.5vw,2.6rem)}
.profile-art,.hub-art{display:block;width:100%;height:auto;object-fit:cover;background:var(--soft)}
.profile-name{font-weight:740}
.profile-name span{color:var(--accent)}
.primary-action{display:inline-block;padding:.55rem .9rem;font-weight:740;background:var(--accent);color:var(--on-accent);border-radius:.3rem;text-decoration:none}
.primary-action:hover{text-decoration:underline}
.text-action{display:inline-block;margin-top:.65rem;font-weight:720}
.topic-showcase,.scope-section,.help-links{padding:clamp(1rem,3vw,2.2rem);background:var(--soft)}
.feature-deck,.resource-columns,.resource-records,.step-list{display:grid;gap:.85rem}
.feature-deck,.step-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-deck article,.resource-columns article,.resource-records article,.step-list li{min-width:0;background:var(--panel);border:1px solid var(--line);padding:clamp(.85rem,2.2vw,1.4rem)}
.feature-deck article{border-top:3px solid var(--accent)}
.feature-deck h3 a,.resource-columns h3 a,.resource-records h3 a{color:var(--ink)}
.module-no{display:inline-block;color:var(--accent);font-size:1.25rem;font-weight:800;margin-bottom:.65rem}
.resource-preview{border-top:2px solid var(--accent);padding-top:clamp(1.25rem,3vw,2.1rem)}
.resource-columns{grid-template-columns:repeat(4,minmax(0,1fr))}
.resource-columns ul{list-style:none;margin:0;padding:0}
.resource-columns li{border-top:1px solid var(--line);padding:.35rem 0}
.reading-steps{padding:clamp(1rem,3vw,2.2rem);border:1px solid var(--line);background:var(--panel)}
.step-list{padding:0;list-style:none;margin:0 0 1.15rem}
.step-list li{background:var(--bg);display:flex;align-items:center;gap:.65rem}
.step-list span{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:800}
.home-end{background:var(--accent);color:var(--on-accent);padding:clamp(1.3rem,4vw,3.2rem)}
.home-end .overline,.home-end a{color:inherit}
.home-end .primary-action{background:var(--panel);color:var(--accent)}
.profile-resources,.feedback-prep{padding:clamp(1rem,3vw,2rem);background:var(--soft)}
.record-list{padding-left:1.3rem}
.hub-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:1.4rem;align-items:center;padding:clamp(1rem,3.5vw,2.5rem);background:var(--soft)}
.hub-hero h1{font-size:clamp(2.1rem,5vw,4.2rem)}
.catalog-tools{background:var(--panel);border:1px solid var(--line);padding:clamp(1rem,3vw,1.6rem)}
.catalog-tools label{font-weight:800;display:block;margin-bottom:.45rem}
.catalog-tools input{width:min(100%,36rem);padding:.6rem .75rem;font:inherit;background:var(--bg);color:var(--ink);border:1px solid var(--accent);border-radius:.35rem}
#resource-count{margin:.55rem 0 .85rem}
.catalog-nav{display:flex;flex-wrap:wrap;gap:.55rem}
.catalog-nav a{background:var(--soft);padding:.35rem .7rem;border-radius:.4rem}
.resource-group{padding-top:.85rem;border-top:1px solid var(--line)}
.resource-records{grid-template-columns:repeat(3,minmax(0,1fr))}
.resource-records article[hidden],.resource-group[hidden]{display:none}
.support-faq details{background:var(--panel);border:1px solid var(--line);margin:.6rem 0;padding:.85rem 1rem}
.support-faq summary{font-weight:750;cursor:pointer}
.support-faq details p{margin:.6rem 0}
.family-1 .front-quick{border-top:3px solid var(--accent)}
.family-1 .profile-feature{border-inline-start:5px solid var(--accent)}
.family-2 .front-quick a{flex-direction:column;text-align:center;align-items:center}
.family-2 .front-quick a>span:last-child{display:none}
.family-2 .profile-feature .profile-art{order:2}
.family-2 .topic-showcase .feature-deck article{border-top:0;border-inline-start:4px solid var(--accent)}
.family-3 .profile-feature{background:var(--soft);border-color:transparent}
.family-3 .topic-showcase{background:none;padding-inline:0}
.family-3 .topic-showcase .feature-deck article:first-child{background:var(--soft)}
.family-4 .profile-feature{padding:0;overflow:hidden;gap:0}
.family-4 .profile-feature>div{padding:clamp(1rem,4vw,3rem)}
.family-4 .profile-art{height:100%;min-height:16rem}
.family-4 .front-quick a{border-bottom:3px solid var(--accent)}
.family-5 .front-quick{border:0;background:transparent;gap:.65rem;box-shadow:none}
.family-5 .front-quick a{border:1px solid var(--line);border-radius:.55rem}
.family-5 .feature-deck article{border-radius:.6rem}
.family-5 .resource-preview .resource-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:950px){
 .enterprise>header nav{column-gap:.8rem}
 .enterprise>header nav a{font-size:.9rem}
 .front-quick,.resource-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
 .resource-records{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .enterprise>header{min-height:0}
 .enterprise>header nav.open{justify-content:flex-start;gap:.2rem 1rem}
 .profile-feature,.hub-hero{grid-template-columns:minmax(0,1fr)}
 .profile-art,.hub-art{max-height:15rem}
 .family-4 .profile-art{min-height:0}
 .feature-deck,.step-list{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:450px){
 .front-quick a{align-items:flex-start;gap:.35rem}
 .front-quick a>span:last-child{display:none}
 .front-quick .quick-mark{width:1.65rem;height:1.65rem;font-size:.98rem}
 .resource-records,.resource-columns,.family-5 .resource-preview .resource-columns{grid-template-columns:minmax(0,1fr)}
}
.route-topics{padding-left:1.2rem;margin-bottom:.5rem}
.route-topics li{padding-block:.2rem}
.catalog-nav a[hidden]{display:none}

:root{--bg:#f7f4f9;--ink:#211429;--accent:#5d1a89;--soft:#e3d6eb;--panel:#fff;--line:#d0c5d8;--on-accent:#fff;--brand-a:#601792;--brand-b:#cb2a52;}
/* Brand identity and seven-page navigation */
.brand-edition>header{gap:clamp(.45rem,1.6vw,1.5rem)}
.brand-edition>header .brand{flex:none;gap:.65rem}
.brand-edition>header .brand img{width:2.85rem;height:2.85rem}
.brand-edition>header .wordmark{display:flex;flex-direction:column;align-items:flex-start;width:auto;height:auto;background:none;color:inherit;line-height:1.2}
.brand-edition>header .wordmark b{font-size:1.1rem}
.brand-edition>header .wordmark small{font-size:.69rem;font-weight:500;margin-top:.16rem;letter-spacing:.025em}
.brand-edition>header nav{column-gap:clamp(.55rem,1.65vw,1.6rem)}
.brand-edition>header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.38em}
.footer-mark{display:block;margin-bottom:.55rem}
.brand-edition .homepage{width:min(92%,1340px)}
.brand-edition .homepage>.intro::after,.brand-edition .homepage>div:first-child::after{display:none}
.brand-edition .homepage .intro h1{max-width:14em}
.brand-cover{display:grid;gap:.85rem;align-items:stretch}
.brand-cover>*{min-width:0}
.cover-1,.cover-5{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}
.cover-2,.cover-7{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}
.cover-3,.cover-6,.cover-9{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.cover-6{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:0}
.cover-9{gap:0;border:1px solid var(--line)}
.cover-9>.cover-image{border-left:1px solid var(--line)}
.cover-nav{align-self:stretch;padding:clamp(.85rem,3vw,1.65rem);background:var(--panel);border:1px solid var(--line)}
.cover-nav h2{font-size:clamp(1.1rem,2.1vw,1.55rem)}
.cover-nav ol{padding-left:1.15rem;margin-bottom:.55rem}
.cover-nav li{border-top:1px solid var(--line);padding:.4rem 0}
.cover-2 .cover-nav,.cover-5 .cover-nav{border-top:4px solid var(--accent)}
.cover-7 .cover-nav{background:var(--soft)}
.cover-image{min-width:0;min-height:12rem}
.cover-image img{width:100%;height:100%;display:block;object-fit:cover}
.brand-mode-0 .homepage>div:first-child,.brand-mode-4 .homepage>div:first-child{border-top:5px solid var(--accent)}
.brand-mode-0 .front-quick{margin-top:1rem}
.brand-mode-2 .topic-showcase .feature-deck{grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr))}
.brand-mode-2 .topic-showcase .feature-deck article:first-child{border-width:0 0 0 5px}
.brand-mode-3 .cover-3{gap:0;background:var(--panel);border:1px solid var(--line)}
.brand-mode-3 .profile-feature,.brand-mode-8 .profile-feature{background:var(--panel)}
.brand-mode-4 .homepage .intro h1,.brand-mode-9 .homepage .intro h1{font-family:Songti SC,SimSun,serif;letter-spacing:-.015em}
.brand-mode-4 .homepage .resource-columns,.brand-mode-7 .homepage .resource-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.brand-mode-5 .profile-feature{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.brand-mode-6 .cover-6>div:first-child{border-top:4px solid var(--accent)}
.brand-mode-6 .homepage .topic-showcase .feature-deck{grid-template-columns:minmax(0,1fr);gap:0}
.brand-mode-6 .homepage .topic-showcase .feature-deck article{border-width:1px 0 0}
.brand-mode-7 .homepage .section-heading h2{border-left:5px solid var(--accent);padding-left:.55rem}
.brand-mode-8 .homepage>.intro,.brand-mode-8 .homepage>div:first-child{border-block:3px double var(--accent)}
.brand-mode-8 .front-quick{background:var(--line);box-shadow:none}
.brand-mode-9 .reading-steps .step-list li{flex-direction:column;align-items:flex-start}
.homepage-guide{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.4rem;align-items:center;padding:clamp(1rem,3.8vw,3rem);background:var(--soft);border-top:4px solid var(--accent)}
.homepage-guide .section-heading{margin:0}
.guide-front-links{background:var(--panel);padding:clamp(.75rem,2.6vw,1.4rem)}
.guide-front-links ol,.guide-fields{padding-left:1.2rem}
.guide-front-links ol{margin-bottom:.55rem}
.guide-fields{border-top:1px solid var(--line);margin-bottom:0;padding-top:.55rem;font-size:.9rem}
.brand-mode-1 .homepage-guide,.brand-mode-7 .homepage-guide{background:var(--panel);border:1px solid var(--line);border-inline-start:5px solid var(--accent)}
.brand-mode-1 .guide-front-links,.brand-mode-7 .guide-front-links{background:var(--soft)}
.brand-mode-3 .homepage-guide,.brand-mode-8 .homepage-guide{grid-template-columns:minmax(0,1fr);gap:1rem}
.editorial-guide .hub-hero{border-bottom:4px solid var(--accent)}
.guide-rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.85fr);gap:1.25rem;align-items:start}
.guide-rail aside,.guide-flow,.guide-articles{display:grid;gap:1rem}
.guide-toc,.guide-check,.guide-articles article,.guide-more,.editorial-promo{background:var(--panel);border:1px solid var(--line);padding:clamp(.9rem,3vw,1.8rem)}
.guide-articles article,.editorial-promo{border-inline-start:4px solid var(--accent)}
.guide-articles article h2{font-size:clamp(1.28rem,3vw,1.85rem)}
.guide-toc ol,.guide-check ul{margin:0;padding-left:1.3rem}
.guide-flow .guide-toc ol,.guide-references,.guide-more{display:flex;gap:.55rem 1rem;flex-wrap:wrap}
.guide-flow .guide-toc ol{padding-left:0;list-style:none}
.guide-flow .guide-toc ol a,.guide-references a{display:inline-block;background:var(--soft);padding:.3rem .6rem;border-radius:.25rem}
.guide-more{align-items:center}
.guide-more h2{width:100%;margin-bottom:.1rem}
@media(max-width:1100px){
 .brand-edition>header nav{column-gap:.8rem}
 .brand-edition>header nav a{font-size:.86rem;padding-inline:0}
 .brand-edition>header .wordmark small{font-size:.62rem}
}
@media(max-width:880px){
 .cover-1,.cover-2,.cover-3,.cover-5,.cover-6,.cover-7,.cover-9{grid-template-columns:minmax(0,1fr)}
 .cover-2 .cover-nav,.cover-7 .cover-nav{order:2}
 .cover-image{height:clamp(10rem,32vw,15rem);min-height:0}
 .cover-9>.cover-image{border:0}
}
@media(max-width:760px){
 .brand-edition>header .brand img{width:2.4rem;height:2.4rem}
 .homepage-guide,.guide-rail,.brand-mode-5 .profile-feature,.brand-mode-2 .topic-showcase .feature-deck{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:450px){
 .brand-mode-4 .homepage .resource-columns,.brand-mode-7 .homepage .resource-columns{grid-template-columns:minmax(0,1fr)}
}
.guide-examples{padding:clamp(.95rem,3vw,2rem);background:var(--soft)}
.guide-examples dl{margin:0}
.guide-examples dt{padding-top:.65rem;border-top:1px solid var(--line)}
.guide-examples dd{padding:.3rem 0 .7rem}

.section-ribbon { border-bottom:1px solid var(--line); background:var(--soft); }
.section-ribbon-inner { width:min(92%,1300px); margin:auto; display:flex; gap:.55rem 1rem; flex-wrap:wrap; align-items:center; padding:.55rem 0; }
.section-ribbon-label { font-size:.77rem; font-weight:800; color:var(--ink); margin-inline-end:.35rem; }
.section-ribbon a { display:inline-block; color:var(--ink); padding:.25rem .64rem; border:1px solid transparent; border-radius:.35rem; text-decoration:none; font-size:.88rem; line-height:1.45; }
.section-ribbon a:hover { border-color:var(--line); background:var(--panel); text-decoration:underline; }
.section-ribbon a[aria-current="page"] { border-color:var(--accent); background:var(--panel); color:var(--accent); font-weight:800; }
.section-page { max-width:1160px; }
.section-page .section-hero { padding:clamp(1.15rem,4vw,3rem); background:var(--soft); border:1px solid var(--line); border-radius:.65rem; }
.section-page .section-hero h1 { font-size:clamp(2rem,4.4vw,3.6rem); }
.section-crumb { margin-bottom:1.25rem; font-size:.86rem; display:flex; flex-wrap:wrap; align-items:center; gap:.45rem; }
.section-crumb span[aria-hidden] { color:var(--accent); }
.section-kicker { color:var(--accent); font-size:.78rem; font-weight:800; margin-bottom:.6rem; }
.section-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(14rem,.34fr); align-items:start; gap:clamp(.9rem,2vw,1.5rem); margin-top:1.2rem; }
.section-content { display:grid; gap:1rem; min-width:0; }
.section-panel { background:var(--panel); border:1px solid var(--line); border-radius:.55rem; padding:clamp(1rem,2.5vw,1.6rem); }
.section-panel h2 { font-size:clamp(1.15rem,2.5vw,1.55rem); }
.section-panel h3 { font-size:1.04rem; }
.section-side ul,.section-index-list { list-style:none; padding:0; margin:0; }
.section-side li+li,.section-index-list li+li { border-top:1px solid var(--line); }
.section-side li a,.section-index-list li a { display:block; padding:.42rem 0; }
.section-side a[aria-current="page"] { color:var(--ink); font-weight:800; text-decoration:none; }
.section-card-stack { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.section-card-stack .section-panel p { font-size:.92rem; }
.section-page .section-inline-links { display:flex; flex-wrap:wrap; gap:.65rem 1rem; padding:0; margin:0; list-style:none; }
.section-open { display:inline-block; margin:.45rem 0 .2rem; font-weight:750; }
.section-route-list { padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; list-style:none; }
.section-route-list li a { display:block; padding:.75rem; border-radius:.35rem; border:1px solid var(--line); background:var(--panel); font-weight:750; }
@media(max-width:750px) { .section-columns { grid-template-columns:minmax(0,1fr); } }
@media(max-width:540px) { .section-card-stack,.section-route-list { grid-template-columns:minmax(0,1fr); } .section-ribbon-inner { gap:.25rem; } .section-ribbon a { padding:.22rem .35rem; } .section-ribbon-label { width:100%; } }
body>header nav a[data-section-active="true"] { color:var(--accent); text-decoration:underline; text-decoration-thickness:2px; }