:root{--bg:#F3F6F9;--white:#fff;--panel:#E8EEF5;--ink:#0B1220;--body:#1E293B;--muted:#475569;--soft:#64748B;--blue:#2563EB;--bright:#60A5FA;--deep:#1D4ED8;--lime:#65A30D;--slate:#334155;--border:rgba(37,99,235,.16);--shadow:0 14px 36px rgba(11,18,32,.08);--content:1180px;--chrome:136px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;scroll-padding-top:155px}
body{margin:0;min-width:0;max-width:100%;overflow-x:clip;background:var(--bg);color:var(--body);font:400 16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body.is-locked{overflow:hidden}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a:hover{color:var(--blue)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--bright);outline-offset:3px}
button:disabled{cursor:not-allowed}
img{max-width:100%;height:auto;vertical-align:middle}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3{color:var(--ink);line-height:1.35;letter-spacing:-.02em}
h1{font-size:clamp(28px,3.1vw,32px);margin-bottom:18px}
h2{font-size:clamp(21px,2vw,27px);margin-bottom:16px}
h3{font-size:18px;margin-bottom:10px}
p{margin-bottom:1em}
.wrap{width:min(var(--content),calc(100% - 40px));margin-inline:auto;min-width:0}
.skip-link{position:fixed;top:-100px;left:16px;z-index:600;background:var(--blue);color:white;padding:12px 18px;border-radius:9px}
.skip-link:focus{top:12px;color:white}
.site-chrome{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;background:var(--white);box-shadow:0 6px 20px rgba(15,23,42,.055)}
.statusbar{width:100%;background:var(--slate);color:#fff;height:32px;font-size:12px}
.status-inner{width:min(var(--content),calc(100% - 40px));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.status-label{letter-spacing:.12em;font-weight:650;white-space:nowrap}
.status-separator{color:#9BBEF8;padding:0 3px}
.status-search{display:inline-flex;align-items:center;gap:7px;min-width:64px;min-height:32px;padding:0 8px;border:0;background:none;color:#fff;font-size:12px;justify-content:flex-end}
.status-search:hover{color:#BBD7FF}
.magnify{display:block;width:13px;height:13px;border:2px solid currentColor;border-radius:50%;position:relative;margin-right:5px}
.magnify::after{content:"";position:absolute;width:7px;height:2px;background:currentColor;transform:rotate(45deg);right:-6px;bottom:-3px}
.commandbar{height:60px;background:var(--white);border-bottom:1px solid var(--border)}
.command-inner{height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}
.directory-button{border:1px solid var(--border);border-radius:11px;background:#F5F8FD;color:var(--slate);display:inline-flex;align-items:center;gap:10px;padding:0 12px;width:max-content;height:44px;font-weight:700;font-size:13px}
.directory-button:hover{border-color:var(--blue);background:#EAF2FF}
.directory-glyph{display:grid;grid-template-columns:repeat(2,8px);gap:4px;width:20px;height:20px;align-content:center}
.directory-glyph i{height:8px;width:8px;background:var(--blue);border-radius:2px;display:block}
.directory-glyph i:nth-child(2){opacity:.55}.directory-glyph i:nth-child(3){opacity:.4}
.command-brand{display:flex;align-items:center;justify-content:center;white-space:nowrap;min-width:0;min-height:44px}
.brand-logo{max-width:160px;max-height:32px;width:auto;height:auto;object-fit:contain;object-position:center}
.brand-text{font-size:24px;font-weight:900;letter-spacing:-.07em;color:var(--ink);line-height:1}
.brand-blue{color:var(--blue)}
.app-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:end;white-space:nowrap;border-radius:999px;background:linear-gradient(135deg,#60A5FA,#2563EB 52%,#1D4ED8);color:#fff;font-weight:700;font-size:13px;padding:0 19px;min-height:44px}
.app-shortcut:hover{color:#fff;filter:brightness(1.06)}
.desktop-tabs{height:44px;background:#fff;border-bottom:1px solid rgba(15,23,42,.06)}
.tabs-inner{height:100%;display:flex;align-items:stretch;justify-content:center;gap:clamp(16px,4.3vw,62px)}
.tab-link{display:inline-flex;align-items:center;position:relative;color:var(--muted);font-size:14px;font-weight:650;white-space:nowrap;padding:0 4px}
.tab-link::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;background:transparent;transition:background .15s}
.tab-link:hover,.tab-link.is-current{color:var(--blue)}
.tab-link.is-current::after{background:var(--blue)}
.site-main{padding-top:calc(var(--chrome) + 28px);min-height:65vh}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;margin-bottom:12px}
.eyebrow::before{content:"";width:15px;height:3px;border-radius:5px;background:var(--lime)}
.section-label{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;display:block}
.lead{color:var(--muted);font-size:17px;line-height:1.9;max-width:850px}
.micro{font-size:13px;color:var(--soft)}
.content-section{margin-block:48px 64px;min-width:0}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.section-heading h2{margin-bottom:0}
.section-heading>p{margin:0;max-width:500px;color:var(--muted);font-size:14px}
.section-heading .sub-link{color:var(--blue);white-space:nowrap;font-weight:700;font-size:14px}
.surface{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;min-width:0}
.surface-soft{background:var(--panel);border:1px solid var(--border);border-radius:18px;min-width:0}
.padded{padding:clamp(20px,3vw,34px)}
.pill-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 21px;border-radius:999px;background:linear-gradient(135deg,#60A5FA 0%,#2563EB 52%,#1D4ED8 100%);color:white;font-size:14px;font-weight:750;white-space:nowrap;box-shadow:0 8px 20px rgba(37,99,235,.2)}
.pill-link:hover{color:#fff;filter:brightness(1.07);transform:translateY(-1px)}
.pill-outline{background:#fff;color:var(--deep);border:1px solid rgba(37,99,235,.35);box-shadow:none}
.pill-outline:hover{color:var(--blue);background:#EEF5FF}
.link-arrow{color:var(--blue);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:7px}
.link-arrow:hover{color:var(--deep);text-decoration:underline;text-underline-offset:3px}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.media-frame{width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(140deg,#E4EDFA,#F7FAFE 50%,#DCE9FD);border:1px solid rgba(37,99,235,.11);min-height:160px;isolation:isolate}
.media-frame::before{content:"";position:absolute;inset:14px;border:1px solid rgba(37,99,235,.12);border-radius:11px;pointer-events:none}
.media-frame img{width:100%;height:100%;object-fit:contain;object-position:center;position:absolute;inset:0;z-index:3}
.media-glow{position:absolute;border-radius:50%;height:240px;width:240px;left:15%;top:-45%;background:radial-gradient(circle,rgba(96,165,250,.23),transparent 70%);pointer-events:none}
.media-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 70%,transparent);pointer-events:none}
.media-disc{display:block;width:clamp(90px,16vw,190px);height:clamp(90px,16vw,190px);border-radius:30%;background:linear-gradient(145deg,rgba(37,99,235,.22),rgba(96,165,250,.05));box-shadow:0 0 0 26px rgba(37,99,235,.04);transform:rotate(26deg);pointer-events:none}
.media-hero{height:clamp(205px,29vw,340px)}
.media-landscape{height:260px}
.media-card{height:205px}
.media-mini{height:150px}
.media-phone{height:340px;max-width:360px;margin-inline:auto;background:linear-gradient(145deg,#F0F5FD,#E3EDFA)}
.media-badge{height:86px;width:86px;min-height:86px;border-radius:22px}
.media-frame.media-badge .media-disc{height:48px;width:48px}
.feature-card{padding:24px;display:flex;flex-direction:column;gap:12px}
.feature-card .media-frame{margin:-8px -8px 6px;width:calc(100% + 16px)}
.feature-card p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}
.feature-card .link-arrow{margin-top:auto}
.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.intro-cover{padding:clamp(24px,4vw,52px);background:#fff;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow)}
.intro-cover h1{font-size:clamp(28px,3.5vw,38px);max-width:730px;margin-bottom:13px}
.intro-cover .intro-copy{max-width:800px;color:var(--muted);line-height:1.9}
.intro-cover .media-frame{margin-top:28px}
.theme-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.theme-link{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;min-height:132px;display:flex;flex-direction:column;gap:8px}
.theme-link:hover{background:#EDF4FF;border-color:#8DB8FC;transform:translateY(-2px)}
.theme-link h3{font-size:16px;display:flex;align-items:center;gap:9px;margin:0}
.theme-link h3::before{content:"";width:8px;height:8px;background:var(--blue);border-radius:50%;flex:none}
.theme-link p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.feature-split>*{min-width:0}
.number-steps{counter-reset:num;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.number-steps .step{counter-increment:num;border-top:3px solid var(--blue);padding:15px 15px 19px;border-radius:4px 4px 12px 12px;background:#fff;min-width:0}
.number-steps .step::before{content:counter(num,decimal-leading-zero);color:var(--blue);font-size:27px;line-height:1.1;font-weight:850;display:block;margin-bottom:10px}
.number-steps h3{font-size:16px}
.number-steps p{font-size:14px;color:var(--muted);margin:0}
.dual-feed{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dual-feed>.surface{padding:26px;min-width:0}
.dual-feed .media-frame{margin-top:14px}
.dual-feed p{font-size:15px;color:var(--muted)}
.mural-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mural-tile{min-height:166px;padding:24px;background:#fff;border:1px solid var(--border);border-radius:16px;position:relative;overflow:hidden}
.mural-tile::after{content:"";position:absolute;right:-40px;top:-50px;width:140px;height:140px;border:28px solid rgba(96,165,250,.12);border-radius:50%;pointer-events:none}
.mural-tile h3,.mural-tile p,.mural-tile a{position:relative;z-index:1}
.mural-tile p{font-size:14px;color:var(--muted);max-width:440px}
.folder-list{list-style:none;padding:0;margin:0;border-radius:17px;background:#fff;border:1px solid var(--border);overflow:hidden}
.folder-list li{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 24px;border-bottom:1px solid #E6EDF8}
.folder-list li:last-child{border:0}
.folder-index{font-size:24px;font-weight:850;color:var(--blue);font-variant-numeric:tabular-nums}
.folder-list h3{margin:0 0 3px;font-size:16px}
.folder-list p{margin:0;color:var(--muted);font-size:14px}
.rank-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rank-item{padding:24px 15px;background:#fff;border-radius:16px;border:1px solid var(--border)}
.rank-item strong{display:block;color:var(--blue);font-size:clamp(30px,4.7vw,51px);line-height:1;font-weight:850;margin-bottom:17px}
.rank-item h3{font-size:16px}
.rank-item p{font-size:13px;color:var(--muted);margin:0}
.timeline{margin:0;padding:6px 0 6px 22px;list-style:none;border-left:2px solid #B7D2FF;display:grid;gap:22px}
.timeline li{padding:19px 23px;background:#fff;border:1px solid var(--border);border-radius:13px;position:relative}
.timeline li::before{content:"";position:absolute;left:-31px;top:27px;width:14px;height:14px;background:var(--blue);border:4px solid var(--bg);border-radius:50%}
.timeline h3{margin:0 0 7px}
.timeline p{margin:0;color:var(--muted);font-size:14px}
.status-pill{display:inline-block;font-size:12px;font-weight:750;background:#E5EFFF;color:var(--deep);padding:2px 10px;border-radius:999px;margin-bottom:9px}
.service-panel{padding:clamp(22px,3.5vw,44px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr);gap:40px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:20px}
.service-panel .media-frame{margin:0 auto}
.service-panel p{color:var(--muted)}
.service-mark{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.service-mark strong{font-size:19px;color:var(--ink)}
.info-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.info-columns .surface{padding:28px}
.info-columns p{font-size:15px;color:var(--muted)}
.faq-peek{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.faq-peek details,.faq-main details{border:1px solid var(--border);border-radius:13px;background:#fff;padding:17px 20px;min-width:0}
.faq-peek summary,.faq-main summary{font-size:15px;font-weight:750;color:var(--ink);cursor:pointer}
.faq-peek details p,.faq-main details p{font-size:14px;color:var(--muted);margin:14px 0 0}
.brand-statement{background:var(--slate);border-radius:20px;padding:clamp(28px,4vw,52px);color:#E4EEFF}
.brand-statement h2{color:#fff;font-size:clamp(22px,3vw,29px)}
.brand-statement p{max-width:920px;color:#D6E4FF}
.brand-statement .eyebrow{color:#A6CAFF}
.brand-statement .link-arrow{color:#A6CAFF}
.page-hero{margin-bottom:35px;padding:clamp(22px,3.3vw,42px);background:#fff;border:1px solid var(--border);border-radius:19px;box-shadow:var(--shadow)}
.page-hero .lead{max-width:970px;margin:0}
.page-chrome{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;font-weight:750;color:var(--blue);font-size:12px;letter-spacing:.1em}
.page-chrome span+span::before{content:"/";padding-right:10px;color:#A5B4C8}
.article-prose{font-size:16px;line-height:1.95;color:var(--body)}
.article-prose p{margin-bottom:15px}
.article-prose p:last-child{margin-bottom:0}
.article-prose h2{margin:0 0 15px}
.page-block{margin:24px 0 34px}
.page-feature{display:grid;grid-template-columns:1.22fr .95fr;gap:28px;align-items:start}
.page-feature.page-feature-reverse{grid-template-columns:.95fr 1.22fr}
.page-feature>*{min-width:0}
.page-feature .surface{padding:28px}
.page-feature .media-frame{height:280px}
.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}
.chapter-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.chapter-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;min-width:0}
.chapter-card .chapter-count{font-size:22px;font-weight:850;color:var(--blue);display:block;margin-bottom:11px;letter-spacing:-.04em}
.chapter-card h2{font-size:18px;margin-bottom:12px}
.chapter-card p{font-size:15px;color:var(--body);line-height:1.9;margin:0}
.text-band{padding:clamp(24px,3vw,36px);background:#E8EEF5;border-radius:16px;margin:28px 0;border-left:4px solid var(--blue)}
.text-band h2{font-size:21px}
.text-band p{line-height:1.9}
.page-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}
.roadmap-step{background:#fff;border-top:3px solid var(--blue);padding:20px;border-radius:8px 8px 13px 13px}
.roadmap-step .chapter-count{font-size:23px;font-weight:900;color:var(--blue)}
.roadmap-step p{font-size:15px;color:var(--muted)}
.editor-quote{margin:24px 0;border:1px solid #CFDFF8;background:#fff;border-radius:15px;padding:26px 30px}
.editor-quote p{color:var(--ink);font-size:19px;font-weight:650;line-height:1.7;margin:0}
.editor-quote cite{font-style:normal;color:var(--blue);font-size:13px;font-weight:750}
.page-rundown{list-style:none;padding:0;margin:26px 0;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}
.page-rundown li{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;padding:21px 26px;border-bottom:1px solid #E5EDF9}
.page-rundown li:last-child{border-bottom:0}
.page-rundown b{color:var(--blue);font-size:23px;line-height:1.3}
.page-rundown h2{font-size:18px}
.page-rundown p{font-size:15px;color:var(--body);margin-bottom:0}
.page-timeline{max-width:940px;margin:30px auto}
.paper-article{max-width:960px;margin:auto;background:#fff;border:1px solid var(--border);padding:clamp(23px,5vw,58px);border-radius:18px;box-shadow:var(--shadow)}
.paper-article .article-prose{font-size:16px}
.paper-article h2{font-size:23px;margin:32px 0 15px}
.smallcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}
.smallcards article{padding:22px;border-radius:13px;background:#fff;border:1px solid var(--border)}
.smallcards p{font-size:14px;margin:0;color:var(--muted)}
.editorial-warning{border-radius:12px;background:#EFF6FF;color:#315281;padding:18px 22px;font-size:14px}
.end-links{border-top:1px solid #D6E4F6;margin-block:42px 60px;padding-top:23px}
.end-links h2{font-size:18px}
.end-links .links-row{display:flex;flex-wrap:wrap;gap:10px}
.end-links a{border:1px solid var(--border);padding:9px 15px;background:#fff;border-radius:999px;color:var(--deep);font-weight:700;font-size:14px}
.end-links a:hover{background:#E6F0FF}
.faq-main{display:grid;gap:12px;max-width:1000px;margin:24px auto 40px}
.faq-main details{padding:20px 24px}
.faq-main summary{font-size:17px}
.faq-main details p{font-size:15px;line-height:1.9}
.site-footer{background:var(--ink);color:#D6E4FF;padding:54px 0 28px;margin-top:70px}
.footer-head{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:40px;align-items:center;padding-bottom:30px;border-bottom:1px solid rgba(214,228,255,.17)}
.footer-brand>a{display:flex;align-items:center;width:max-content;max-width:100%}
.footer-brand .brand-text{color:#fff}
.footer-brand .brand-blue{color:#87BAFF}
.footer-en{display:block;color:#91B3DE;font-size:11px;font-weight:800;letter-spacing:.27em;margin-top:12px}
.footer-head p{color:#BDCDE3;max-width:750px;font-size:14px;margin:0}
.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:36px 0}
.footer-links div{display:flex;flex-direction:column;gap:9px}
.footer-links h2{color:white;font-size:15px;margin-bottom:8px}
.footer-links a{font-size:13px;color:#BBCBE4;line-height:1.5}
.footer-links a:hover{color:#fff}
.footer-legal{border-top:1px solid rgba(214,228,255,.16);padding-top:24px;display:flex;justify-content:space-between;gap:16px;color:#91A9C6;font-size:12px;align-items:center}
.footer-legal p{margin:0;max-width:760px}
.mobile-nav{display:none}
.layer{position:fixed;inset:0;z-index:220;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s,visibility .2s}
.layer.is-open{visibility:visible;opacity:1;pointer-events:auto}
.layer-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:rgba(11,18,32,.56);cursor:default}
.mosaic-panel{position:absolute;inset:0;background:#F3F6F9;display:flex;flex-direction:column;overflow:hidden;transform:translateY(-30px);transition:transform .25s}
.menu-layer.is-open .mosaic-panel{transform:translateY(0)}
.mosaic-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;flex:none}
.mosaic-brand{display:flex;align-items:center;gap:14px;color:var(--ink);min-width:0}
.mosaic-name{font-weight:800;color:var(--slate);font-size:15px}
.layer-close{background:white;display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:11px;border:1px solid var(--border);font-size:13px;font-weight:700;color:var(--slate);min-width:88px;height:44px}
.layer-close span:first-child{font-size:24px;line-height:1;font-weight:400}
.layer-close:hover{background:#E9F2FF}
.mosaic-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-block:8px 52px}
.mosaic-intro{padding-block:16px 22px;border-bottom:1px solid #D7E2F3;margin-bottom:18px}
.mosaic-intro h2{margin:0 0 5px;font-size:clamp(24px,3vw,32px)}
.mosaic-intro p{margin:0;font-size:14px;color:var(--muted)}
.mosaic-group{padding:16px 0 24px}
.mosaic-group h3{font-size:13px;letter-spacing:.12em;color:var(--soft);margin-bottom:12px}
.mosaic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.mosaic-tile{background:#fff;border:1px solid var(--border);border-radius:13px;padding:15px 17px;min-width:0;min-height:104px;display:flex;flex-direction:column;gap:9px}
.mosaic-tile:hover{background:#E7F0FF;border-color:#8AB8FF}
.tile-title{display:flex;justify-content:space-between;align-items:center;gap:6px;color:var(--ink);font-size:16px;font-weight:800}
.tile-title>span{color:var(--blue)}
.tile-desc{font-size:12px;color:var(--muted);line-height:1.6}
.search-panel{position:absolute;top:100px;right:max(20px,calc((100vw - var(--content))/2));background:#fff;border:1px solid var(--border);border-radius:20px;padding:clamp(20px,3vw,34px);width:min(710px,calc(100% - 40px));box-shadow:0 25px 90px rgba(0,0,0,.17);max-height:calc(100dvh - 130px);overflow-y:auto}
.search-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
.search-panel h2{font-size:25px}
.search-label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}
#quickSearch{width:100%;height:54px;border:1px solid #BDD1EB;border-radius:11px;padding:0 18px;background:#F6F9FD;color:var(--ink);font-size:16px}
.search-help{font-size:13px;color:var(--soft);margin:10px 0 16px}
.search-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.search-suggestions a{padding:12px 15px;border:1px solid var(--border);border-radius:10px;color:var(--slate);font-size:14px;font-weight:700;background:#F8FAFE;display:flex;align-items:center;justify-content:space-between;gap:10px}
.search-suggestions a:hover{color:var(--blue);background:#E9F2FF}
.search-suggestions a[hidden],.search-none[hidden]{display:none!important}
.search-none{font-size:14px;color:var(--soft)}
@media(max-width:1000px){.theme-list{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.number-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:840px){:root{--chrome:92px}html{scroll-padding-top:110px}.site-main{padding-top:calc(var(--chrome) + 18px)}.desktop-tabs{display:none}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{display:grid;position:fixed;left:0;right:0;bottom:0;width:100%;height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-top:1px solid #D6E3F5;box-shadow:0 -10px 28px rgba(11,18,32,.07);z-index:110}.mobile-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;font-size:11px;line-height:1.25;font-weight:750;color:var(--muted);padding:2px 0}.mobile-nav a>span{font-size:20px;font-weight:400;margin-bottom:1px}.mobile-nav a.is-active{color:var(--blue);background:#EDF4FF}.site-footer{padding-bottom:calc(85px + env(safe-area-inset-bottom))}.page-feature,.page-feature.page-feature-reverse{grid-template-columns:1fr}.page-feature .media-frame{height:240px}.mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-top{min-height:64px}.mosaic-tile{padding:14px;min-height:102px}.search-panel{top:0;right:0;left:0;width:100%;height:100dvh;max-height:none;border-radius:0;border:0;background:#F3F6F9;padding:clamp(18px,5vw,30px);overflow-y:auto}.mosaic-panel{padding-top:env(safe-area-inset-top)}.search-panel{padding-top:max(18px,env(safe-area-inset-top))}}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}.status-inner{width:calc(100% - 32px)}.site-main{padding-top:calc(var(--chrome) + 14px)}.content-section{margin-block:31px 44px}.section-heading{align-items:flex-start;flex-direction:column;gap:9px}.intro-cover{padding:22px 19px}.intro-cover .media-frame{margin-top:22px}.cards-3,.cards-2,.dual-feed,.chapter-grid,.chapter-grid.cols-3,.smallcards,.service-panel,.info-columns,.faq-peek{grid-template-columns:1fr}.dual-feed>.surface{padding:21px}.service-panel{gap:22px}.service-panel .media-frame{max-width:280px}.feature-split{grid-template-columns:1fr;gap:18px}.feature-split .media-frame{order:-1}.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-roadmap{grid-template-columns:1fr}.folder-list li{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:15px}.folder-list li .link-arrow{grid-column:2;justify-self:start}.folder-index{font-size:22px}.theme-list{gap:10px}.theme-link{padding:15px;min-height:142px}.theme-link h3{font-size:14px}.theme-link p{font-size:12px}.media-hero{height:210px}.media-landscape{height:210px}.media-card{height:190px}.media-mini{height:170px}.page-rundown li{grid-template-columns:45px minmax(0,1fr);padding:19px 16px;gap:12px}.page-rundown b{font-size:20px}.page-hero{padding:23px 19px}.footer-head{grid-template-columns:1fr;gap:16px}.footer-links{gap:25px 14px}.footer-legal{flex-direction:column;align-items:flex-start}.mosaic-content{padding-bottom:35px}.mosaic-intro{padding-block:6px 15px}.mosaic-grid{gap:9px}.mosaic-tile{padding:12px;min-height:104px}.tile-title{font-size:14px}.tile-desc{font-size:11px;line-height:1.55}.mosaic-group{padding-block:11px 15px}.mosaic-name{display:none}.paper-article{padding:25px 20px}.text-band{padding:23px 20px}}
@media(max-width:360px){.command-inner{gap:5px}.directory-button{gap:6px;padding-inline:8px}.directory-caption{font-size:12px}.app-shortcut{padding-inline:11px;font-size:12px;gap:5px}.brand-text{font-size:22px}.mosaic-top{min-height:60px}.mosaic-tile{min-height:106px}.search-suggestions{grid-template-columns:1fr}.theme-list{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-grid{gap:10px}.rank-item{padding:20px 12px}.rank-item strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}