:root{--paper:#fff;--smoke:#f5f7fa;--mist:#eef1f6;--ink:#0a1628;--text:#1e2a3a;--muted:#4a5568;--quiet:#718096;--blue:#0033a0;--bright:#0052cc;--deep:#002066;--line:rgba(0,51,160,.14);--shadow:0 12px 36px rgba(0,33,102,.08);--width:1220px;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:152px}body{margin:0;background:var(--paper);color:var(--text);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.74;min-width:0;overflow-x:clip}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a,button,input{outline-offset:3px}:focus-visible{outline:3px solid #0052cc;outline-offset:3px}a:hover{color:var(--bright)}p,h1,h2,h3{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.3;letter-spacing:-.025em}p{overflow-wrap:anywhere}img{max-width:100%;height:auto}::selection{background:#c6ddff;color:var(--deep)}[hidden]{display:none!important}.page-wrap,.header-wrap{width:min(var(--width),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;z-index:120;top:-80px;left:20px;padding:12px 18px;background:var(--deep);color:white}.skip-link:focus{top:8px}
/* Fixed top bars cover the full viewport, independent of content width. */
.site-header{position:fixed;inset:0 0 auto;z-index:40;background:var(--paper);width:100%;border-bottom:1px solid var(--line);box-shadow:0 1px 5px rgba(0,33,102,.025)}.printline{height:20px;width:100%;background:var(--deep);color:white}.printline-inner{height:20px;display:flex;justify-content:space-between;align-items:center}.small-imprint{font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1;white-space:nowrap}.small-imprint span{opacity:.55}.line-search{border:0;background:transparent;color:white;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:20px;min-width:58px;font-size:11px;font-weight:700;letter-spacing:.1em;padding:0 2px}.line-search:hover{color:#c7d9ff}.search-lens{width:11px;height:11px;border:1.5px solid currentColor;border-radius:50%;display:inline-block;position:relative}.search-lens:after{content:"";width:5px;height:1.5px;background:currentColor;position:absolute;right:-4px;bottom:-2px;transform:rotate(45deg)}.cabinet-header{height:62px;border-bottom:1px solid var(--line);background:#fff}.cabinet-inner{display:flex;align-items:center;gap:18px;height:100%}.brand-link{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;min-width:132px}.brand-logo{display:block;object-fit:contain;object-position:left center;max-height:36px;max-width:146px;width:auto;height:auto}.brand-letter{font-weight:950;font-size:29px;color:var(--deep);letter-spacing:-.07em;line-height:1;white-space:nowrap}.brand-letter-small{font-size:10px;letter-spacing:.11em;font-weight:800;color:var(--bright)}.drawer-trigger{border:1px solid var(--line);background:var(--smoke);color:var(--deep);border-radius:8px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;font-weight:800;font-size:14px;white-space:nowrap}.drawer-trigger:hover{background:var(--mist)}.drawer-glyph{width:17px;display:grid;gap:4px}.drawer-glyph i{display:block;height:2px;background:var(--blue);border-radius:2px;width:100%}.drawer-glyph i:nth-child(2){width:72%}.header-app-link{margin-left:auto;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;background:linear-gradient(135deg,var(--bright),var(--blue) 50%,var(--deep));color:#fff;font-size:14px;font-weight:800;white-space:nowrap}.header-app-link:hover,.header-app-link.is-active{color:white;filter:brightness(1.13)}.index-tabs{height:42px;background:var(--smoke);border-bottom:1px solid var(--line)}.tab-inner{height:100%;display:flex;align-items:stretch;gap:3px}.tab-link{font-size:13px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;font-weight:750;color:#304465;white-space:nowrap}.tab-link:hover{background:#e3eaf6;color:var(--blue)}.tab-link.is-active{background:var(--blue);color:white}.site-main{padding-top:154px;min-height:70vh}.eyebrow{font-weight:850;color:var(--blue);font-size:11px;letter-spacing:.18em;text-transform:uppercase;line-height:1.6;margin-bottom:9px}.eyebrow-bar{display:inline-block;width:20px;height:3px;background:var(--bright);vertical-align:middle;margin-right:4px}.button-primary,.button-secondary{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:10px 18px;border-radius:9px;font-weight:850;font-size:14px;line-height:1.1;white-space:nowrap}.button-primary{color:#fff;background:linear-gradient(135deg,#0052cc 0%,#0033a0 50%,#002066 100%);border:1px solid var(--blue);box-shadow:0 8px 20px rgba(0,51,160,.12)}.button-primary:hover{color:white;filter:brightness(1.08);transform:translateY(-1px)}.button-secondary{border:1px solid rgba(0,51,160,.35);background:white;color:var(--blue)}.button-secondary:hover{background:var(--smoke);color:var(--deep)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.text-more{color:var(--blue);font-weight:850;font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.text-more:hover{color:var(--bright)}
/* All media use contain; missing images become CSS-only visual design. */
.media-slot{background:var(--mist);border:1px solid var(--line);border-radius:14px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;position:relative;z-index:1}.media-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 12%,rgba(0,51,160,.035) 12% calc(12% + 1px),transparent calc(12% + 1px) 25%),linear-gradient(145deg,#f7faff,#e5edf9);color:var(--blue)}.media-placeholder:before{content:"";position:absolute;border:1px solid rgba(0,51,160,.13);inset:13px;pointer-events:none}.media-placeholder:after{content:"";position:absolute;width:38%;aspect-ratio:1;border:1px solid rgba(0,51,160,.08);border-radius:50%;right:-9%;bottom:-50%;pointer-events:none}.media-symbol{font-family:Arial,sans-serif;font-size:clamp(24px,5.5vw,82px);font-weight:950;line-height:1;letter-spacing:-.085em}.media-line{height:3px;width:46px;background:var(--bright)}.media-slogan{font-size:9px;font-weight:800;letter-spacing:.27em;color:#476a9d}.home-banner{width:100%;height:clamp(190px,25vw,300px);max-height:300px;border-radius:10px}.home-banner .media-symbol{font-size:clamp(50px,8vw,114px)}.home-banner .media-placeholder{background:radial-gradient(ellipse at 85% 55%,#dce8fa 0,transparent 50%),linear-gradient(115deg,#f9fbff,#edf3ff)}.home-banner .media-placeholder:before{inset:16px}
/* Home: cabinet cover, then two rows of selection cards. */
.home-page{padding-bottom:80px}.home-hero{padding:0 0 48px;border-bottom:1px solid var(--line)}.hero-intro{padding-top:28px;max-width:880px}.intro-label{color:var(--bright);font-size:12px;font-weight:900;letter-spacing:.13em;margin-bottom:14px}.intro-label span:not(.ink-dot){color:#8298b8}.ink-dot{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--blue);margin-right:8px}.hero-intro h1{font-size:clamp(28px,3.25vw,40px);line-height:1.3;margin:0 0 14px;letter-spacing:-.045em}.hero-intro>p{max-width:860px;color:var(--muted);line-height:1.9;font-size:16px;margin:0}.home-section{margin-top:70px;min-width:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:12px}.section-head h2{font-size:clamp(23px,2.7vw,30px);margin:0}.section-head .eyebrow{margin:0 0 6px}.six-tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.six-tags>a{display:block;min-height:152px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--smoke);transition:transform .18s,box-shadow .18s}.six-tags>a:nth-child(3n+2){background:#f0f4fa}.six-tags>a:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(0,51,160,.25)}.six-tags strong{display:block;font-size:18px;color:var(--ink);margin:7px 0}.six-tags p{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}.tag-symbol{display:inline-flex;width:28px;height:25px;align-items:center;justify-content:center;background:var(--bright);color:white;border-radius:5px;font-size:11px;font-weight:900}.six-tags>a:nth-child(even) .tag-symbol{background:var(--deep)}.desk-wrap{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:30px;align-items:stretch}.desk-media{min-height:355px;border-radius:12px}.desk-text>p{color:var(--muted);line-height:1.9;font-size:15px;margin-bottom:18px}.desk-entries{border-top:2px solid var(--blue)}.desk-entries a{display:grid;grid-template-columns:40px 1fr 1.25fr 15px;align-items:center;gap:8px;padding:10px 5px;border-bottom:1px solid var(--line);min-height:52px}.desk-entries em{font-style:normal;font-size:14px;font-weight:900;color:var(--blue)}.desk-entries span{font-weight:850;color:var(--ink);font-size:15px}.desk-entries small{font-size:12px;color:var(--muted)}.desk-entries b{color:var(--blue)}.four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.four-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.tile-image{height:185px;border:0;border-radius:0;border-bottom:1px solid var(--line)}.tile-image .media-symbol{font-size:37px}.four-card-copy{padding:20px}.four-card h3{font-size:18px;margin-bottom:12px}.four-card p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:18px}.four-card a{display:inline-flex;min-height:38px;align-items:center;color:var(--blue);font-size:13px;font-weight:850}.wide-media{height:210px;margin-bottom:18px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topic-grid a{min-height:74px;background:#f5f7fa;border:1px solid var(--line);border-radius:9px;padding:18px 18px;display:flex;align-items:center;gap:16px;color:var(--ink);font-size:16px;font-weight:850}.topic-grid a:hover{background:var(--mist)}.topic-grid a span{font-weight:900;color:var(--blue);font-size:13px}.rack-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}.rack-media{min-height:286px}.rack-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);overflow:hidden;border-radius:10px}.rack-list a{background:white;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.rack-list strong{font-size:17px;color:var(--ink)}.rack-list span{font-size:13px;color:var(--muted);text-align:right}.rack-list a:hover{background:var(--smoke)}.stripe-media{height:160px;margin-bottom:18px}.rank-rows{border-top:2px solid var(--blue)}.rank-rows a{display:grid;grid-template-columns:94px 1fr 1fr 20px;align-items:center;gap:20px;padding:14px 18px;border-bottom:1px solid var(--line);min-height:82px}.rank-rows a:nth-child(even){background:var(--smoke)}.rank-rows a b{font-family:Arial,sans-serif;font-weight:900;color:var(--blue);font-size:40px;line-height:1}.rank-rows a span{font-size:17px;font-weight:800;color:var(--ink)}.rank-rows a small{font-size:13px;color:var(--muted)}.rank-rows a em{color:var(--blue);font-style:normal}.fine-note{color:var(--quiet);font-size:12px;margin:14px 0 0}.plan-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px}.plan-media{min-height:318px}.plan-points{position:relative;padding-left:26px;border-left:2px solid var(--line);display:grid;gap:16px}.plan-points>div{padding:14px 20px;background:var(--smoke);border:1px solid var(--line);border-radius:8px;position:relative}.plan-points>div:before{content:"";position:absolute;left:-34px;top:22px;width:12px;height:12px;border:2px solid white;box-shadow:0 0 0 2px var(--blue);background:var(--blue);border-radius:50%}.plan-points span{color:var(--blue);font-weight:900}.plan-points p{margin:6px 0 0;font-size:14px;color:var(--muted)}.making-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.making-grid article{background:var(--smoke);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:8px;padding:21px}.making-grid b{font-size:12px;color:var(--blue)}.making-grid h3{font-size:17px;margin:12px 0}.making-grid p{font-size:14px;color:var(--muted);margin:0}.view-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.view-pair article{border:1px solid var(--line);padding:28px;background:#fbfcff;border-radius:12px}.view-pair span{color:var(--blue);font-size:12px;font-weight:900}.view-pair h3{font-size:20px;margin:12px 0}.view-pair p{font-size:15px;line-height:1.9;color:var(--muted)}.view-pair a{color:var(--blue);font-weight:850;font-size:13px;display:inline-flex;align-items:center;min-height:44px}.walk-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:center}.walk-media{min-height:275px}.walk-layout p{color:var(--muted);line-height:2}.walk-links{display:flex;gap:10px;flex-wrap:wrap}.walk-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--blue);font-size:13px;font-weight:850}.app-layout{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:42px;align-items:center;border:1px solid var(--line);border-radius:14px;background:linear-gradient(125deg,#f0f5ff,#fff 65%);padding:26px}.app-device{height:395px;max-height:420px;background:#e4ecfb}.app-copy p{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:11px}.app-brand-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}.app-brand-row>span{display:flex;flex-direction:column;font-size:23px;font-weight:950;color:var(--ink);line-height:1.15}.app-brand-row small{font-size:11px;font-weight:800;color:var(--blue);letter-spacing:.16em;margin-top:6px}.app-icon{width:62px;height:62px;min-width:62px;border-radius:14px}.app-icon .media-symbol{font-size:21px}.app-icon .media-slogan,.app-icon .media-line{display:none}.memo-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.memo-media{height:240px}.memo-layout p{color:var(--muted);line-height:2}.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.promise-grid article{background:var(--smoke);border-top:4px solid var(--blue);padding:28px;border-radius:9px}.promise-grid article:nth-child(2){background:#eaf0fb;border-top-color:var(--deep)}.promise-index{font-size:11px;letter-spacing:.16em;color:var(--blue);font-weight:850;margin-bottom:10px}.promise-grid h3{font-size:22px;margin-bottom:12px}.promise-grid p{font-size:15px;color:var(--muted);line-height:1.9}.promise-grid a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--blue);font-weight:850}.short-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden}.short-faq a{position:relative;padding:22px 40px 22px 22px;min-height:125px;border-bottom:1px solid var(--line);background:white}.short-faq a:nth-child(odd){border-right:1px solid var(--line)}.short-faq a:nth-child(n+5){border-bottom:0}.short-faq b{color:var(--ink);font-size:16px}.short-faq p{font-size:13px;color:var(--muted);margin:9px 0 0}.short-faq a>span{position:absolute;right:20px;top:20px;color:var(--blue)}.short-faq a:hover{background:var(--smoke)}.brand-panel{background:linear-gradient(135deg,#002066 0%,#0033a0 70%,#0052cc 100%);border-radius:14px;padding:48px 54px;color:white}.brand-panel .eyebrow{color:#a7c7ff}.brand-panel h2{font-size:clamp(26px,3.5vw,42px);color:#fff;line-height:1.28;margin-bottom:22px}.brand-panel p:not(.eyebrow){font-size:15px;line-height:2;color:#e5edff;max-width:820px}.brand-panel a{display:inline-flex;align-items:center;min-height:44px;color:white;font-size:14px;font-weight:850;border-bottom:1px solid #b3ceff}
/* Internal content pages share navigation, but differ in article layout. */
.interior{padding-bottom:85px}.interior-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.65fr);gap:30px;align-items:center;min-height:280px;border-bottom:1px solid var(--line);padding-bottom:38px}.interior-hero .interior-copy{min-width:0}.interior-hero h1{font-size:clamp(28px,3.3vw,38px);margin:0 0 17px}.interior-lead{line-height:1.95;color:var(--muted);font-size:16px;max-width:750px}.interior-media{height:240px}.interior-body{margin-top:38px}.section-rail{display:flex;justify-content:space-between;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.15em;padding-bottom:12px;border-bottom:2px solid var(--blue);margin-bottom:20px}.entries{display:grid;gap:16px}.entry{min-width:0;padding:23px 25px;border:1px solid var(--line);border-radius:11px;background:var(--smoke)}.entry-heading{display:flex;align-items:baseline;gap:15px;margin-bottom:10px}.entry-heading h2{font-size:21px;margin:0;color:var(--ink)}.entry>p{font-size:15.5px;line-height:1.95;color:#344358;margin:0}.entry-index{font-family:Arial,sans-serif;font-size:31px;line-height:1;font-weight:950;color:var(--blue);letter-spacing:-.05em}.entry-mark{display:inline-block;flex:0 0 7px;width:7px;height:7px;background:var(--bright)}.entries--ledger,.entries--poster,.entries--catalog,.entries--tiles,.entries--process,.entries--strips,.entries--essay,.entries--policy,.entries--manifesto,.entries--guide,.entries--product{grid-template-columns:repeat(2,minmax(0,1fr))}.entries--ledger .entry{border-radius:0;border-left:3px solid var(--blue);background:white}.entries--poster .entry:nth-child(4n+1){background:#eaf0ff}.entries--poster .entry:nth-child(4n+2){background:var(--smoke)}.entries--catalog .entry{background:white;border-bottom:3px solid var(--blue)}.entries--strips .entry{border-left:5px solid var(--deep);background:#fbfcff}.entries--process .entry{position:relative;padding-top:34px}.entries--process .entry:before{content:"";height:5px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,var(--bright),var(--deep))}.entries--tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.entries--tiles .entry{background:linear-gradient(140deg,#f2f6ff,#fff)}.entries--tiles .entry:nth-child(3n+2){background:var(--smoke)}.entries--shelf{gap:1px;border:1px solid var(--line);background:var(--line)}.entries--shelf .entry{border:0;border-radius:0;background:white;display:grid;grid-template-columns:250px 1fr;gap:25px;align-items:start}.entries--shelf .entry-heading h2{font-size:19px}.entries--ranking{grid-template-columns:repeat(2,minmax(0,1fr))}.entries--ranking .entry{background:white}.entries--ranking .entry:nth-child(4n+1){background:#eaf1ff}.entries--ranking .entry-index{font-size:48px}.entries--timeline{padding-left:25px;border-left:2px solid var(--line);gap:20px}.entries--timeline .entry{position:relative}.entries--timeline .entry:before{content:"";position:absolute;width:12px;height:12px;border:3px solid white;background:var(--blue);border-radius:50%;left:-34px;top:30px;box-shadow:0 0 0 2px var(--blue)}.entries--notes .entry{background:#fbfcff}.entries--notes .entry:nth-child(even){border-left:3px solid var(--bright)}.entries--essay .entry{padding:30px;background:white;border-top:3px solid var(--blue)}.entries--essay .entry h2{font-size:20px}.entries--trail .entry:nth-child(even){margin-left:9%}.entries--policy{grid-template-columns:1fr}.entries--policy .entry{border:0;border-bottom:1px solid var(--line);border-radius:0;background:white;padding:20px 7px;display:grid;grid-template-columns:220px 1fr;align-items:start;gap:22px}.entries--policy .entry-heading h2{font-size:20px}.entries--guide .entry:nth-child(even){background:#eaf1ff}.entries--product .entry:first-child{background:#e7efff}.entries--manifesto .entry:nth-child(4n+1){grid-column:1/-1;background:#eaf1ff}.cross-read{margin-top:54px;background:var(--smoke);padding:30px;border-radius:12px;border:1px solid var(--line)}.cross-small{color:var(--blue);font-size:11px;letter-spacing:.18em;font-weight:850}.cross-read h2{font-size:23px;margin:10px 0 20px}.cross-links{display:flex;flex-wrap:wrap;gap:12px}.cross-links a{min-height:45px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:8px 14px;background:white;border:1px solid var(--line);border-radius:8px;color:var(--blue);font-weight:850;font-size:14px}.cross-links a:hover{background:#e9f1ff}
/* Dedicated question page */
.faq-heading{padding-bottom:30px;border-bottom:1px solid var(--line)}.faq-heading h1{font-size:clamp(28px,3.3vw,38px)}.faq-heading>p:not(.eyebrow){max-width:720px;color:var(--muted)}.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:28px;margin-top:30px;align-items:start}.faq-list{display:grid;gap:11px}.faq-item{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:13px;padding:19px 18px;font-weight:850;color:var(--ink);font-size:16px;line-height:1.45}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{background:var(--smoke)}.faq-num{font-family:Arial,sans-serif;color:var(--blue);font-weight:900;font-size:21px}.faq-plus{margin-left:auto;font-size:18px;color:var(--bright)}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-item p{padding:0 20px 22px 55px;margin:0;color:var(--muted);font-size:15px;line-height:1.9}.faq-side{position:sticky;top:148px;border:1px solid var(--line);background:var(--smoke);padding:20px;border-radius:11px}.faq-side h2{font-size:19px}.faq-side p{font-size:13px;color:var(--muted)}.faq-side a{display:block;padding:12px 0;border-top:1px solid var(--line);color:var(--blue);font-weight:800;font-size:14px}
/* Footer */
.site-footer{background:var(--ink);color:#a0aec0;padding:58px 0 30px}.footer-intro{padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-brand{display:inline-flex;align-items:center;color:#fff;min-height:44px}.site-footer .brand-logo{filter:brightness(0) invert(1)}.site-footer .brand-letter{color:#fff}.site-footer .brand-letter-small{color:#c8d9ff}.footer-intro p{margin:14px 0 0;font-size:14px;color:#c2cfdf}.footer-tag{display:inline-block;padding-left:12px;color:#9cbeff;font-weight:800;letter-spacing:.08em}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:30px 0}.footer-col h2{font-size:14px;color:white;margin:0 0 13px;letter-spacing:.07em}.footer-col a{display:block;width:fit-content;color:#b9c7d7;font-size:14px;padding:4px 0;min-height:30px}.footer-col a:hover{color:white;text-decoration:underline}.footer-fine{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;align-items:start;gap:30px}.footer-fine p{font-size:12px;color:#a0aec0;max-width:610px;margin:0;line-height:1.8}
/* Left four-drawer organizer, right-aligned search card. */
.screen-mask{position:fixed;inset:0;background:rgba(5,15,36,.54);z-index:58;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.screen-mask.is-open{opacity:1;visibility:visible;pointer-events:auto}.catalog-drawer{position:fixed;left:0;top:0;bottom:0;width:min(350px,84vw);max-width:100%;z-index:61;background:#fff;box-shadow:18px 0 55px rgba(0,16,62,.18);transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .25s,visibility .25s;display:flex;flex-direction:column}.catalog-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:18px 18px;border-bottom:1px solid var(--line);min-height:84px}.drawer-brand{display:inline-flex;align-items:center;min-width:0}.drawer-brand .brand-logo{max-width:150px}.panel-close{border:1px solid var(--line);background:white;color:var(--deep);border-radius:8px;min-width:44px;width:44px;height:44px;font-size:28px;line-height:1}.panel-close:hover{background:var(--smoke)}.drawer-content{padding:10px 15px 30px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px}.drawer-group{border:1px solid var(--line);border-radius:9px;overflow:hidden;flex-shrink:0}.drawer-group>h2{background:#eef3fb;color:var(--blue);font-size:12px;letter-spacing:.08em;padding:10px 12px;margin:0}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.drawer-links>a{background:white;padding:10px 10px;min-height:66px;display:flex;flex-direction:column;justify-content:center;gap:4px}.drawer-links>a:hover{background:var(--smoke)}.drawer-links b{font-size:13px;color:var(--ink)}.drawer-links small{color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.search-panel{position:fixed;right:max(20px,calc((100vw - var(--width))/2));top:83px;z-index:62;width:min(510px,calc(100% - 40px));max-height:calc(100dvh - 104px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:0 14px 46px rgba(0,16,62,.24);padding:24px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-9px);transition:transform .18s,opacity .18s,visibility .18s}.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.search-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.search-head h2{font-size:22px;margin:0}.search-panel label{color:var(--muted);font-size:13px;display:block;margin-bottom:9px}.search-panel input{display:block;width:100%;padding:13px 14px;border:1px solid rgba(0,51,160,.28);border-radius:8px;min-height:48px;outline-offset:2px;color:var(--ink);background:var(--smoke)}.search-panel input:focus{border-color:var(--blue)}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.search-results a{padding:13px;border:1px solid var(--line);border-radius:8px;color:var(--blue);font-size:14px;font-weight:850}.search-results span{display:block;font-weight:400;font-size:11px;color:var(--muted);margin-top:5px}.search-results a:hover{background:var(--smoke)}.search-note{font-size:12px;color:var(--quiet);margin:16px 0 0}.mobile-bottom{display:none}body.panel-open{overflow:hidden}
@media(min-width:769px) and (max-width:1120px){.four-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.making-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-wrap,.header-wrap{width:calc(100% - 40px)}}
@media(max-width:768px){html{scroll-padding-top:103px}.site-main{padding-top:106px}.page-wrap,.header-wrap{width:calc(100% - 32px)}.index-tabs{display:none}.cabinet-inner{gap:8px}.brand-link{flex:1 1 auto;min-width:0}.brand-letter{font-size:26px}.brand-letter-small{display:none}.drawer-trigger{padding:0 10px;gap:6px;min-width:82px;justify-content:center}.drawer-trigger span:last-child{font-size:12px}.header-app-link{padding:0 9px;min-width:88px;font-size:12px}.header-app-link span{display:none}.line-search{min-width:54px}.search-word{font-size:11px}.site-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-fine{flex-direction:column;gap:9px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:45;background:#fff;border-top:1px solid rgba(0,51,160,.19);padding-bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));box-shadow:0 -4px 16px rgba(0,33,102,.08)}.mobile-bottom a{height:50px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);font-weight:800;min-width:0;white-space:nowrap}.mobile-bottom a.is-active{background:var(--blue);color:white}.catalog-drawer{width:84vw}.search-panel{left:16px;right:16px;top:82px;width:auto;max-height:calc(100dvh - 94px);background:var(--smoke)}.search-results{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section{margin-top:50px}.six-tags{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-wrap,.rack-layout,.plan-layout,.walk-layout,.memo-layout{grid-template-columns:1fr}.desk-media{min-height:230px;height:245px}.rack-media{height:225px;min-height:0}.plan-media{height:220px;min-height:0}.walk-media{height:210px;min-height:0}.four-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-image{height:155px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.making-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-layout{gap:22px;grid-template-columns:.85fr 1.15fr}.app-device{height:300px}.interior-hero{grid-template-columns:1fr .65fr;gap:20px}.interior-media{height:220px}.faq-layout{grid-template-columns:1fr}.faq-side{position:static}.entries--tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.page-wrap,.header-wrap{width:calc(100% - 32px)}.printline{height:20px}.printline-inner{height:20px}.cabinet-header,.cabinet-inner{height:62px}.brand-link .brand-logo{max-width:94px;max-height:30px}.header-app-link{min-width:84px}.drawer-trigger{min-width:80px}.home-page{padding-bottom:50px}.home-hero{padding-bottom:36px}.home-banner{height:198px}.home-banner .media-symbol{font-size:65px}.hero-intro{padding-top:21px}.hero-intro h1{font-size:29px}.hero-intro>p{font-size:15px}.hero-actions{gap:8px}.button-primary,.button-secondary{padding:10px 12px;min-height:44px;font-size:12px}.home-section{margin-top:46px}.section-head{align-items:flex-start;gap:6px}.section-head h2{font-size:22px}.section-head .text-more{font-size:11px}.six-tags{grid-template-columns:1fr;gap:9px}.six-tags>a{min-height:0;padding:16px 17px;display:grid;grid-template-columns:30px 1fr;column-gap:13px;align-items:start}.six-tags strong{margin:0;font-size:16px}.six-tags p{grid-column:2;font-size:13px}.desk-media{height:205px;min-height:0}.desk-entries a{grid-template-columns:30px 1fr 20px;gap:7px}.desk-entries small{display:none}.four-grid{grid-template-columns:1fr}.four-card{display:grid;grid-template-columns:36% 1fr;min-height:180px}.tile-image{height:100%;min-height:183px;border-bottom:0;border-right:1px solid var(--line)}.tile-image .media-symbol{font-size:30px}.tile-image .media-slogan{letter-spacing:.08em;font-size:8px}.four-card-copy{padding:15px}.four-card h3{font-size:17px;margin-bottom:7px}.four-card p{font-size:13px;line-height:1.72;margin-bottom:5px}.four-card a{min-height:34px;font-size:12px}.wide-media{height:145px}.topic-grid{grid-template-columns:1fr 1fr;gap:8px}.topic-grid a{min-height:67px;padding:11px;gap:8px;font-size:13px}.rack-layout{gap:12px}.rack-media{height:190px}.rack-list a{padding:14px;align-items:start}.rack-list strong{font-size:14px}.rack-list span{font-size:11px}.stripe-media{height:142px}.rank-rows a{grid-template-columns:50px minmax(0,1fr) 16px;gap:9px;min-height:77px;padding:10px 7px}.rank-rows a b{font-size:33px}.rank-rows a span{font-size:14px}.rank-rows a small{display:none}.plan-layout{gap:19px}.plan-media{height:180px}.plan-points{margin-left:7px}.making-grid{grid-template-columns:1fr 1fr;gap:8px}.making-grid article{padding:14px}.making-grid h3{font-size:15px}.making-grid p{font-size:12px}.view-pair{grid-template-columns:1fr;gap:10px}.view-pair article{padding:20px}.app-layout{grid-template-columns:1fr;padding:17px}.app-device{height:220px}.app-copy p{font-size:14px}.app-icon{width:52px;height:52px;min-width:52px}.memo-media{height:185px}.promise-grid{grid-template-columns:1fr}.promise-grid article{padding:23px}.short-faq{grid-template-columns:1fr}.short-faq a{min-height:0;padding:18px 39px 18px 18px;border-bottom:1px solid var(--line)!important;border-right:0!important}.short-faq a:last-child{border-bottom:0!important}.brand-panel{padding:29px 23px}.brand-panel p:not(.eyebrow){font-size:14px}.interior-hero{grid-template-columns:1fr;gap:20px;padding-bottom:25px}.interior-media{height:170px}.interior-hero h1{font-size:30px;margin-bottom:10px}.interior-lead{font-size:15px}.interior-body{margin-top:26px}.section-rail{font-size:10px}.entries,.entries--ledger,.entries--poster,.entries--catalog,.entries--tiles,.entries--process,.entries--strips,.entries--essay,.entries--policy,.entries--manifesto,.entries--guide,.entries--product,.entries--ranking{grid-template-columns:1fr;gap:12px}.entry{padding:18px}.entry-heading{gap:11px}.entry-heading h2{font-size:18px}.entry>p{font-size:14.5px;line-height:1.92}.entry-index{font-size:28px}.entries--shelf .entry{grid-template-columns:1fr;gap:8px}.entries--policy .entry{grid-template-columns:1fr;gap:8px}.entries--manifesto .entry:nth-child(4n+1){grid-column:auto}.entries--ranking .entry-index{font-size:39px}.entries--trail .entry:nth-child(even){margin-left:0}.cross-read{margin-top:30px;padding:20px}.cross-read h2{font-size:19px}.cross-links{gap:8px}.cross-links a{font-size:12px;min-height:42px}.faq-heading h1{font-size:29px}.faq-item summary{padding:16px 13px;font-size:14px}.faq-item p{padding:0 16px 20px 45px;font-size:14px}.faq-num{font-size:19px}.footer-columns{gap:18px}.footer-col h2{font-size:13px}.footer-col a{font-size:13px}}
@media(max-width:350px){.cabinet-inner{gap:5px}.brand-letter{font-size:23px}.brand-link{min-width:0}.drawer-trigger{min-width:72px;padding:0 6px;gap:5px}.header-app-link{min-width:73px;padding:0 5px;font-size:11px}.hero-intro h1{font-size:27px}.tile-image .media-symbol{font-size:27px}.media-slogan{letter-spacing:.1em}.search-panel{left:10px;right:10px;padding:17px}.search-results{gap:6px}.search-results a{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}