@font-face{font-family:Geist;src:url('assets/fonts/Geist_400Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url('assets/fonts/Geist_500Medium.ttf');font-weight:500;font-display:swap}@font-face{font-family:Geist;src:url('assets/fonts/Geist_700Bold.ttf');font-weight:700;font-display:swap}@font-face{font-family:Geist;src:url('assets/fonts/Geist_800ExtraBold.ttf');font-weight:800;font-display:swap}
:root{--paper:#FCFCFA;--ink:#191919;--muted:#61615C;--line:#D7D7D2;--wash:#EEEEE8;--rail:230px;scroll-behavior:smooth}*{box-sizing:border-box}.hero-grid>*,.columns>*,.component-row>*,.applications>*{min-width:0}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 Geist,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.07}h1{font-size:clamp(52px,6.2vw,90px);font-weight:800;letter-spacing:-.065em;margin:40px 0 24px}h2{font-size:clamp(36px,4.3vw,62px);font-weight:800;letter-spacing:-.055em;max-width:900px}h3{font-size:23px;letter-spacing:-.035em;margin:0 0 16px;font-weight:700}p{margin:0 0 16px}p:last-child{margin-bottom:0}code{font:12px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}ul{padding-left:20px;margin:0}li{margin:8px 0}.skip{position:fixed;top:-100px;left:16px;background:var(--paper);padding:12px;z-index:20}.skip:focus{top:12px}.sidebar{width:var(--rail);position:fixed;top:0;bottom:0;border-right:1px solid var(--line);padding:32px 24px 22px;display:flex;flex-direction:column;z-index:10;background:var(--paper)}.sidebar-logo{width:160px;height:auto;margin:8px 0 28px}.edition{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-bottom:26px;border-bottom:1px solid var(--line)}nav{margin-top:24px;display:flex;flex-direction:column;gap:3px}nav a{min-height:36px;display:flex;align-items:center;gap:17px;text-decoration:none;font-size:13px;font-weight:500;padding:5px 8px;margin-left:-8px}nav a span{font:10px ui-monospace,monospace;color:var(--muted)}nav a[aria-current]{background:var(--wash);font-weight:700}nav a:hover{background:var(--wash)}.rail-foot{margin-top:auto;padding-top:25px;font-size:11px;color:var(--muted)}.rail-foot a{display:block;margin-bottom:10px}.topbar{display:none}main{margin-left:var(--rail)}.hero{padding:38px 5.5% 66px;position:relative;border-bottom:1px solid var(--line)}.hero-top,.chapter-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.hero-top{padding-bottom:26px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;margin-top:42px}.hero-logo{width:260px;margin-bottom:0}.hero-desc{font-size:18px;max-width:450px;line-height:1.55}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px;font-size:13px}.hero-object{padding-top:15px}.hero-symbol{width:170px;margin:0 auto 40px}.hero-stack{margin-top:0}.hero-stack div{padding:19px 22px;font-size:21px;letter-spacing:-.6px;font-weight:700;display:flex;justify-content:space-between}.hero-stack small{font-size:10px;letter-spacing:0;font-weight:500}.hero-object .caption{margin-top:15px;max-width:310px}.hero-bottom{display:flex;gap:28px;flex-wrap:wrap;margin-top:60px;font-size:11px;color:var(--muted)}.hero-bottom b{color:var(--ink)}.chapter{padding:56px 5.5% 64px;border-bottom:1px solid var(--line);scroll-margin-top:16px}.chapter-top{margin-bottom:32px;color:var(--muted);letter-spacing:.04em}.status{text-align:right;max-width:45%}.intro{font-size:19px;line-height:1.55;max-width:740px;margin:22px 0 38px;color:var(--muted)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:32px}.columns p,.columns li{font-size:15px}.caption{font-size:12px;color:var(--muted);line-height:1.55;margin-top:16px}.eyebrow{display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:18px;font-weight:500}.space-top{margin-top:40px}.ruled{border-top:1px solid var(--line);padding-top:30px}.statement{font-size:clamp(38px,4.6vw,66px);font-weight:700;letter-spacing:-.05em;line-height:1.08;padding:44px;background:#83D5C8}.big-copy{font-size:25px!important;line-height:1.3;letter-spacing:-.02em}.principles{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:36px;border-top:1px solid var(--line)}.principles>div{border-bottom:1px solid var(--line);padding:24px 24px 24px 0}.principles p{font-size:14px;color:var(--muted);margin-top:8px}.logo-stage{padding:70px 45px 28px;background:var(--wash);text-align:center}.logo-stage img{margin:0 auto;padding:35px 0;width:80%;height:auto}.measure{border-top:1px solid #b5b5ad;margin-top:35px;padding-top:18px;font-size:11px;color:var(--muted)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:26px}.asset-panel{padding:25px 0;border-top:1px solid var(--line)}.asset-panel>img{height:75px;width:100px;object-fit:contain;margin:12px auto 30px}.asset-panel>img.appicon{width:75px}.asset-panel figcaption{font-size:13px;line-height:1.5}.asset-panel a{display:inline-block;font-size:12px;margin-top:20px}.rules{background:var(--wash);padding:30px;margin-top:30px}.rules ul{columns:2;column-gap:38px;font-size:14px}.rules li{break-inside:avoid;margin-top:0;margin-bottom:12px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.swatch{background:none;border:0;border-bottom:1px solid var(--line);padding:0 0 16px;text-align:left;position:relative}.swatch-color{height:110px;display:block;margin-bottom:14px;border:1px solid var(--line)}.swatch b,.swatch code,.swatch small{display:block}.swatch b{font-size:17px}.swatch code{margin:5px 0}.swatch small{font-size:11px;color:var(--muted)}.copy-hint{position:absolute;right:0;bottom:43px;font-size:10px;color:var(--muted)}.band-palette{display:grid;grid-template-columns:repeat(5,1fr);margin-top:25px}.band-palette button{border:0;text-align:left;min-height:108px;padding:15px;display:flex;flex-direction:column;justify-content:space-between}.band-palette span{font-size:11px}.band-palette code{font-size:11px}.contrast{padding:30px;background:var(--wash);margin-top:35px}.contrast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.contrast-grid b{font-size:38px;letter-spacing:-.04em;line-height:1;display:block}.contrast-grid span{font-size:12px}.contrast p{font-size:13px}.type-stage{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.type-head{font-size:clamp(35px,5.4vw,80px);font-weight:800;letter-spacing:-.045em;line-height:1.05}.type-alphabet{margin-top:26px;font-size:clamp(18px,2.1vw,28px);line-height:1.55;overflow-wrap:anywhere}.weight-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0}.weight-strip>div{font-size:60px;line-height:1;letter-spacing:-.045em}.weight-strip span{font:400 11px/1.5 Geist,sans-serif;display:block;margin-top:12px;letter-spacing:0}.table-wrap{overflow-x:auto;margin:30px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}caption{text-align:left;color:var(--muted);font-size:11px;margin-bottom:14px}th,td{padding:14px 12px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:700;border-top:1px solid var(--ink);white-space:nowrap}.layout-study{display:grid;grid-template-columns:1.4fr 1fr;gap:46px;align-items:center}.diagram{border:1px solid var(--line);padding:23px;background:var(--paper)}.diagram-heading{font-size:48px;letter-spacing:-.06em;font-weight:800;line-height:1.1}.diagram-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;margin:25px 0}.ink-label{background:var(--ink);color:var(--paper);padding:10px 12px;font-weight:700}.diagram-rule{font-weight:700;font-size:13px;display:flex;align-items:center;gap:12px;margin-bottom:18px}.diagram-rule span{height:1px;background:var(--line);flex:1}.demo-band{padding:18px}.demo-band small,.demo-band b{display:block}.demo-band small{font-size:11px}.demo-band b{font-size:18px;letter-spacing:-.025em}.diagram-note{font-size:10px;color:var(--muted);margin-top:16px}.annotations>div{padding:15px 0;border-bottom:1px solid var(--line)}.annotations span{font-weight:700;font-size:28px;letter-spacing:-.04em}.annotations p{font-size:13px;color:var(--muted)}.component-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding:30px 0}.component-row p{font-size:14px}.component-demo{background:var(--wash);padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}.ink-button{display:inline-block;text-align:center;background:var(--ink);color:var(--paper);border:0;border-radius:0;padding:16px 22px;font-size:14px;line-height:1.4;font-weight:700;text-decoration:none;min-height:48px}.ink-button:active{opacity:.85}.wide{width:100%}.outline-button{background:transparent;border:1px solid var(--ink);padding:12px 18px;font-size:12px;font-weight:500;min-height:44px}.selection-band{border:0;padding:18px;background:#85E3E7;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;text-align:left}.selection-band small,.selection-band b{display:block}.selection-band small{font-size:10px}.selection-band b{font-size:15px;line-height:1.3}.selection-band img{visibility:hidden}.selection-band[aria-pressed=true] img{visibility:visible}.capsule{display:flex;width:100%;height:46px;border-radius:40px;overflow:hidden;background:#83D5C8}.capsule button{background:var(--band);border:0;flex:1;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;transition:flex .22s ease-out}.capsule button[aria-pressed=true]{flex:2.4}.capsule button img{width:18px;height:18px}.capsule button[data-tab=Today] img{width:24px}.capsule button span{display:none;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.capsule button[aria-pressed=true] span{display:block}.capsule button[aria-pressed=true] img{display:none}.capsule button:focus-visible{outline-offset:-4px}.icon-strip{display:flex;gap:22px;flex-wrap:wrap;margin:25px 0}.icon-strip img{width:24px;height:24px}.motion-stage{background:#A2B8EC;padding:44px;text-align:center}.motion-heading{font-size:76px;font-weight:800;letter-spacing:-.045em;line-height:1.1;display:inline-flex;margin-bottom:28px;position:relative}.motion-heading span{clip-path:inset(0 0 0 0)}.motion-heading b{font-weight:800}.motion-stage button{display:block;margin:auto}.motion-heading.replay span{animation:reveal .38s ease-out both}.motion-heading.replay b{animation:colon .38s ease-out both}@keyframes reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes colon{from{transform:translateX(var(--word-shift,-180px))}to{transform:translateX(0)}}.note{border-left:3px solid var(--ink);background:var(--wash);padding:20px 24px;margin-top:28px;font-size:14px}.voice-table>div{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.voice-table p{padding:20px;margin:0;font-size:15px}.voice-table p:first-child{background:#98E1E2}.voice-table p:last-child{color:var(--muted)}.voice-head span{padding:14px 20px;background:var(--wash);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.message-block{padding:40px;background:#7DC2BC;margin-top:30px}.message-block h3{font-size:40px;line-height:1.1;letter-spacing:-.045em}.message-block p{max-width:620px}.applications{display:grid;grid-template-columns:1.05fr 1fr;gap:38px}.poster{border:1px solid var(--line);padding:28px;display:flex;flex-direction:column}.poster>img{width:140px}.poster h3{font-size:clamp(30px,3.5vw,52px);letter-spacing:-.06em;margin:48px 0 35px}.poster-bands{margin-top:auto}.poster-bands span{display:block;font-size:16px;font-weight:700;padding:20px;background:#83D5C8}.poster-bands span:nth-child(2){background:#74C7BC}.poster-bands span:nth-child(3){background:#85E3E7}.poster small{font-size:10px;color:var(--muted);margin-top:16px}.application-notes h3{margin-top:25px}.application-notes h3:first-child{margin-top:0}.application-notes p{font-size:14px}.screen-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.screen-gallery img{border:1px solid var(--line);width:100%;height:auto}.screen-gallery figcaption{font-size:11px;margin-top:13px}.download-feature{padding:36px;background:#C5D7FF;display:flex;align-items:center;gap:35px;justify-content:space-between}.download-feature h3{font-size:34px}.download-feature p{font-size:14px;max-width:470px}.download-feature .ink-button{flex-shrink:0}.download-list{margin-top:24px}.download-list a{padding:18px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);text-decoration:none;font-size:14px}.download-list a:hover{background:var(--wash)}.download-list a span:last-child{font-size:11px;color:var(--muted)}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.evidence-grid>div{border-top:3px solid var(--ink);padding-top:20px}.evidence-grid h3{font-size:20px}.evidence-grid p{font-size:14px}.footer{padding:40px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.footer img{width:135px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,25px);padding:13px 22px;background:var(--ink);color:var(--paper);font-size:13px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){main{max-width:1500px}.chapter,.hero{padding-left:80px;padding-right:80px}}
@media(max-width:1100px){:root{--rail:195px}.sidebar{padding-left:20px;padding-right:20px}.sidebar-logo{width:145px}.hero-grid{gap:24px}.hero-stack div{font-size:17px;padding:18px}.hero-symbol{width:140px}.hero-actions{gap:14px}.columns,.component-row{gap:28px}.component-demo{padding:20px}.capsule button span{font-size:8px}.download-feature{display:block}.download-feature .ink-button{margin-top:20px}.layout-study{gap:28px}.hero-logo{width:220px}}
@media(max-width:800px){:root{--rail:0px}.sidebar{position:static;width:auto;padding:0;border:0}.sidebar-logo,.edition,.rail-foot{display:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 23px;border-bottom:1px solid var(--line)}.topbar img{width:145px}.topbar span{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.sidebar nav{flex-direction:row;overflow-x:auto;padding:10px 23px;margin:0;border-bottom:1px solid var(--line);gap:8px;scrollbar-width:thin}.sidebar nav a{white-space:nowrap;font-size:12px;padding:8px 10px;margin:0;min-height:40px}.sidebar nav a span{display:none}.hero{padding:25px 23px 40px}.hero-top{font-size:9px;letter-spacing:.04em}.hero-grid{margin-top:32px}.hero h1{font-size:58px;margin-top:25px}.hero-logo{width:180px}.hero-desc{font-size:16px}.hero-object{padding:0}.hero-symbol{width:110px;margin-bottom:28px}.hero-stack div{font-size:15px;padding:17px 13px}.hero-stack small{display:none}.hero-bottom{margin-top:35px;gap:16px}.chapter{padding:38px 23px 44px;scroll-margin-top:10px}.chapter-top{margin-bottom:25px;font-size:9px}.intro{font-size:17px;margin:20px 0 28px}.logo-stage{padding:35px 20px 20px}.logo-stage img{width:90%}.statement{padding:30px;font-size:44px}.table-wrap{margin:25px 0}table{font-size:12px}.footer{padding:30px 23px}.swatches{gap:16px}.swatch-color{height:90px}.copy-hint{display:none}.type-head{font-size:55px}.evidence-grid{gap:20px}.evidence-grid h3{font-size:18px}.download-feature{padding:28px}.motion-heading{font-size:62px}}
@media(max-width:560px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(42px,14.8vw,62px);max-width:400px}.hero-object{margin-top:20px;position:relative}.hero-symbol{width:90px;position:absolute;right:18px;top:29px;margin:0}.hero-stack div{font-size:20px;padding:23px 20px}.hero-stack div:first-child{padding-right:120px}.hero-object .caption{max-width:100%}.hero-logo{display:none}.hero h1{margin-top:0}.hero-top span:last-child{max-width:100px;text-align:right}.hero-bottom{gap:12px;justify-content:space-between;font-size:10px}.hero-actions .ink-button{font-size:13px}.hero-actions{font-size:12px;gap:18px}h2{font-size:40px}.status{font-size:8px;max-width:45%;line-height:1.5}.columns,.layout-study,.component-row,.applications{grid-template-columns:1fr;gap:28px}.columns{margin-top:28px}.principles{grid-template-columns:1fr}.principles>div{padding-right:0}.statement{font-size:36px;padding:28px 23px}.three{gap:14px;grid-template-columns:1fr}.asset-panel{display:grid;grid-template-columns:75px 1fr;gap:0 20px;padding:20px 0}.asset-panel>img{grid-row:1/3;width:70px;height:65px;margin:0;align-self:center}.asset-panel>img.appicon{width:65px}.asset-panel a{margin-top:10px}.rules{padding:24px}.rules ul{columns:1}.swatches{grid-template-columns:repeat(2,1fr)}.swatch-color{height:100px}.band-palette{grid-template-columns:repeat(2,1fr)}.band-palette button{min-height:90px}.contrast{padding:24px}.contrast-grid{grid-template-columns:1fr;gap:24px}.contrast-grid b{font-size:38px}.contrast-grid span{display:block;margin-top:7px}.type-head{font-size:35px;letter-spacing:-.055em}.type-alphabet{font-size:19px}.weight-strip>div{font-size:42px}.weight-strip span{font-size:9px}.layout-study{gap:20px}.annotations{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.component-demo{padding:25px 20px}.capsule button span{font-size:9px}.motion-stage{padding:30px 20px}.motion-heading{font-size:60px}.message-block{padding:28px}.message-block h3{font-size:33px}.voice-table p{font-size:13px;padding:16px 12px}.voice-head span{padding:12px;font-size:10px}.poster{padding:24px}.poster h3{font-size:49px}.screen-gallery{grid-template-columns:1fr;gap:30px}.screen-gallery figure{max-width:290px;margin:auto}.evidence-grid{grid-template-columns:1fr;gap:24px}.footer{align-items:flex-start}.footer span{max-width:130px;text-align:right}.toast{width:max-content;max-width:90vw}.download-feature h3{font-size:30px}.chapter-top{gap:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-heading span{clip-path:none!important}.motion-heading b{transform:none!important}}
@media print{@page{size:A4;margin:16mm}body{font-size:10pt;background:white}.sidebar,.topbar,.hero-actions,.hero-object,.toast,.motion-stage button,.component-demo button,.hero-top,.download-feature .ink-button,.skip{display:none}main{margin:0}.hero,.chapter{padding:0 0 20pt;border:0}.hero{break-after:page}.hero-grid{display:block;margin-top:45pt}.hero-logo{display:block;width:220pt}.hero h1{font-size:70pt;max-width:400pt;margin:35pt 0}.hero-desc{font-size:16pt;max-width:380pt}.hero-bottom{margin-top:80pt}.chapter{break-before:page}.chapter-top{margin-top:0;margin-bottom:20pt;font-size:8pt}h2{font-size:34pt}.intro{font-size:13pt;margin:15pt 0 22pt}.columns p,.columns li,p{font-size:10pt}.statement{font-size:34pt;padding:24pt}.columns{gap:25pt}.rules ul{columns:1}.three,.swatches,.evidence-grid{break-inside:avoid}.screen-gallery{grid-template-columns:repeat(3,1fr);gap:15pt;break-inside:avoid}.screen-gallery img{max-height:130mm;width:auto}.screen-gallery figure{margin:0}.component-row{break-inside:avoid}.table-wrap{overflow:visible}tr{break-inside:avoid}.download-feature,.message-block,.contrast,.layout-study,.poster{break-inside:avoid}.band-palette{grid-template-columns:repeat(5,1fr)}.band-palette button{display:block;font-size:10pt;min-height:55pt}.band-palette code{display:block}.footer{padding:20pt 0}a{text-decoration:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* 2026-11-13: quieter logo presence; original artwork unchanged. */
.sidebar-logo{width:120px;margin:8px 0 28px}
.hero-logo{display:none}
.hero-symbol{width:60px;height:auto;margin:0 0 28px auto}
.logo-stage{padding:42px 32px 24px}
.logo-stage img{width:320px;max-width:100%;padding:25px 0}
.measure{margin-top:24px}
.asset-panel>img{width:72px;height:58px}
.asset-panel>img.appicon{width:58px}
.topbar img,.poster>img,.footer img{width:120px}
@media(max-width:800px){.hero-logo{display:none}.hero-symbol{width:52px;margin:0 0 24px auto}.logo-stage{padding:30px 24px 20px}}
@media(max-width:560px){.hero-symbol{position:static;width:44px;margin:0 0 20px auto}.hero-stack div:first-child{padding-right:20px}.asset-panel>img{width:60px;height:50px}.asset-panel>img.appicon{width:50px}.logo-stage img{width:240px}}
@media print{.hero-logo{display:block;width:120pt}.logo-stage img{width:180pt}}

/* Mobile reading structure — Mobbin-referenced refinement, 2026-11-13. */
.hero-heading-small,.gallery-hint{display:none}
.contents-trigger{background:none;border:0;padding:12px 0 12px 14px;min-height:44px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:10px}
.contents-trigger span{font-size:15px;line-height:1}
#contents-dialog{color:var(--ink);background:var(--paper);border:0;border-radius:16px 16px 0 0;padding:0;margin:auto auto 0;width:min(100%,560px);max-width:100%;max-height:85dvh;box-shadow:0 -10px 60px #19191920;overscroll-behavior:contain}
#contents-dialog::backdrop{background:#19191955}
.contents-head{display:flex;justify-content:space-between;align-items:center;padding:25px 23px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:1;gap:16px}
.contents-head .eyebrow{font-size:9px;margin-bottom:10px;color:var(--muted)}
.contents-head h2{font-size:25px;letter-spacing:-.04em}
#contents-close{flex-shrink:0;background:var(--wash);border:0;width:44px;height:44px;border-radius:50%;font-size:24px;line-height:1}
#contents-dialog .contents-list{display:flex;flex-direction:column;margin:0;padding:8px 23px;gap:0;overflow:visible}
#contents-dialog .contents-list a{font-size:15px;min-height:49px;margin:0;padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:22px;white-space:normal}
#contents-dialog .contents-list a span{display:block;font-size:11px;color:var(--muted);font-weight:400;min-width:20px}
.contents-foot{padding:20px 23px 30px;font-size:13px}
@media(max-width:800px){
 .sidebar{position:sticky;top:0;bottom:auto;display:block;width:100%;border-bottom:1px solid var(--line)}
 .sidebar>nav{display:none}
 .topbar{padding:9px 23px;border-bottom:0;min-height:64px}
 .topbar a{display:flex;align-items:center;min-height:44px}
 .hero{padding:26px 23px 32px}
 .hero-top{padding-bottom:0;border-bottom:0;font-size:9px;align-items:baseline}
 .hero-top span:first-child{font-size:0}.hero-top span:first-child::before{content:'Brand guidelines';font-size:10px;letter-spacing:.06em}
 .hero-top span:last-child{max-width:none;font-size:9px;white-space:nowrap}
 .hero-grid{display:block;margin-top:24px}
 .hero-heading-wide{display:none}.hero-heading-small{display:block}
 .hero h1{font-size:44px;font-weight:700;line-height:1.05;letter-spacing:-.05em;margin:0 0 20px;max-width:100%}
 .hero-desc{font-size:16px;line-height:1.55;max-width:440px}
 .hero-actions{margin-top:24px;gap:18px;font-size:12px;justify-content:flex-start}
 .hero-actions .ink-button{font-size:12px;padding:14px 18px;min-height:46px}
 .hero-object{margin-top:28px;padding:0}
 .hero-symbol,.hero-object .caption,.hero-bottom{display:none}
 .hero-stack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:20px}
 .hero-stack div{font-size:0!important;padding:0!important;min-width:0}
 .hero-stack small{display:none}
 .chapter{padding:36px 23px 40px;scroll-margin-top:84px}
 .chapter-top{align-items:flex-start;gap:20px;margin-bottom:18px;line-height:1.4;letter-spacing:.03em}
 .chapter-top>span:first-child{font-size:0;flex-shrink:0}
 .chapter-top>span:first-child::before{content:attr(data-index);font-size:10px}
 .chapter-top .status{font-size:9px;max-width:64%;line-height:1.5}
 h2{font-size:32px;line-height:1.08;letter-spacing:-.04em}
 .intro{font-size:16px;line-height:1.55;margin:18px 0 28px}
 h3{font-size:22px;line-height:1.15}
 .columns{gap:25px}.columns p,.columns li{font-size:15px;line-height:1.65}
 .statement{font-size:31px;line-height:1.12;padding:28px 23px;letter-spacing:-.04em}
 .big-copy{font-size:23px!important;line-height:1.35}
 .component-row{padding:26px 0}.component-row p{font-size:15px;line-height:1.65}
 .component-demo{padding:24px 20px;gap:14px}.component-demo .caption{margin-top:0}
 .swatches{gap:20px 16px}.swatch-color{height:64px;margin-bottom:12px}.swatch b{font-size:15px}.swatch small{font-size:11px;line-height:1.4}.swatch code{font-size:12px}
 .band-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.band-palette button{min-height:68px;padding:12px 14px}.band-palette code{font-size:11px}
 .contrast{padding:24px}.contrast-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:24px 0}
 .contrast-grid>div{display:flex;align-items:baseline;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}
 .contrast-grid b{font-size:30px}.contrast-grid span{font-size:11px;text-align:right;margin:0;max-width:150px}.contrast p{font-size:13px;line-height:1.65}
 .voice-table .voice-head{display:none}.voice-table>div:not(.voice-head){display:block;border:1px solid var(--line);margin-bottom:18px}
 .voice-table p{font-size:15px;line-height:1.5;padding:16px 18px}.voice-table p::before{display:block;font-size:9px;font-weight:700;letter-spacing:.08em;margin-bottom:8px}
 .voice-table p:first-child::before{content:'USE'}.voice-table p:last-child::before{content:'AVOID'}
 .gallery-hint{display:block;margin:34px 0 16px;font-size:11px;color:var(--muted)}
 .screen-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;margin:0;padding:0 0 16px;align-items:flex-start;overscroll-behavior-x:contain;scrollbar-width:thin}
 .screen-gallery figure{flex:0 0 76%;max-width:250px;min-width:0;margin:0;scroll-snap-align:start}.screen-gallery img{width:100%}
 .message-block h3{font-size:30px}.download-feature{padding:25px}.download-feature h3{font-size:29px}.download-feature .ink-button{width:100%;margin-top:24px}
 .footer{align-items:center;font-size:10px;gap:24px}
}
@media(max-width:560px){
 .hero h1{font-size:40px}.hero-actions{gap:16px}.hero-actions .ink-button{padding:14px 15px}
 .logo-stage{padding:28px 24px 20px}.logo-stage img{width:220px}.measure{font-size:10px;line-height:1.5}
 .table-wrap{overflow:visible}.table-wrap table{font-size:13px}.table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .table-wrap tbody,.table-wrap tr{display:block}.table-wrap tr{padding:16px 0;border-top:1px solid var(--line)}
 .table-wrap td{border:0;padding:5px 0;display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;line-height:1.5}
 .table-wrap td::before{content:attr(data-label);font-size:11px;color:var(--muted)}
 .table-wrap td:first-child{display:block;font-size:15px;font-weight:700;padding:0 0 9px}.table-wrap td:first-child::before{display:none}
 .motion-heading{font-size:52px}.motion-stage{padding:30px 20px}
 .weight-strip>div{font-size:40px}.weight-strip span{font-size:10px;letter-spacing:-.02em}
}
@media(max-width:350px){.topbar,.hero,.chapter{padding-left:20px;padding-right:20px}.hero h1{font-size:37px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-actions .ink-button{width:100%}.hero-actions>a:last-child{min-height:32px;display:flex;align-items:center}.contents-head{padding-left:20px;padding-right:20px}.chapter-top .status{max-width:62%}.contrast-grid>div{gap:12px}.contrast-grid b{font-size:28px}.type-head{font-size:32px}}
@media print{#contents-dialog,.contents-trigger,.gallery-hint{display:none!important}.hero-heading-small{display:none}.hero-heading-wide{display:inline}.hero-logo{display:block}.hero-stack{display:none}.hero h1{font-size:70pt}.sidebar{display:none}.chapter{scroll-margin-top:0}.chapter-top>span:first-child{font-size:8pt}.chapter-top>span:first-child::before{display:none}.table-wrap thead{position:static;clip-path:none;width:auto;height:auto;overflow:visible}.table-wrap tbody{display:table-row-group}.table-wrap tr{display:table-row}.table-wrap td{display:table-cell}.table-wrap td:first-child{display:table-cell;font-size:inherit;font-weight:400}.table-wrap td::before{display:none}.screen-gallery{display:grid;overflow:visible}.screen-gallery figure{max-width:none}.voice-table .voice-head{display:grid}.voice-table>div:not(.voice-head){display:grid;grid-template-columns:1fr 1fr}.voice-table p::before{display:none}}

/* Colour composition examples, edition 1.2. */
.colour-roles{display:grid;grid-template-columns:6fr 3fr 1.8fr;margin:26px 0 0}.colour-roles>div{padding:24px 18px;min-width:0}.colour-roles span,.colour-roles b,.colour-roles code{display:block}.colour-roles span{font-size:10px;margin-bottom:18px}.colour-roles b{font-size:18px;line-height:1.2;margin-bottom:12px}.timer-colour-example,.second-tone-example{display:flex;margin-top:24px;overflow:hidden}.timer-colour-example{height:120px}.second-tone-example{flex-direction:column;height:240px;width:120px;max-width:100%}.timer-colour-example span,.second-tone-example span{flex:1;min-width:0}.colour-roles,.timer-colour-example,.second-tone-example{break-inside:avoid}@media(max-width:800px){.colour-roles{grid-template-columns:1fr}.colour-roles>div{padding:18px}.colour-roles span{margin-bottom:9px}.colour-roles b{margin-bottom:7px}.timer-colour-example{height:90px}}