/* Current palette and 95 / 5 typography direction. */
:root{--paper:#FFFBEB;--black:#000000;--red:#E83333;--line:#00000026;--shade:#00000008;--muted:#66645E;--muted-ink:#66645E}
body,input,select,textarea,button{font-family:'Lexend',sans-serif}
body{font-weight:400}
h1,h2,h3{letter-spacing:-.04em}
.mono{font-family:'Lexend',sans-serif;letter-spacing:.035em}
.code-row>strong,.grid-formula,.grid-spec-panel dd,.canvas-code{font-family:'IBM Plex Mono',monospace}
.type-downloads article:nth-child(2) h2,.type-specimen.monospace .giant,.type-specimen.monospace .alphabet,.plex-panel .specimen-big,.plex-panel .font-panel-bottom{font-family:'IBM Plex Mono',monospace}
nav a.active{background:var(--paper);color:var(--black);box-shadow:inset 3px 0 var(--red)}
nav a.active .nav-no{color:var(--black)}
nav a:hover:not(.active){background:#fffbeb14}
.side-heading,.side-bottom p,.edition,nav a .nav-no{color:#fffbebaa}
.brand span,.asset-link{color:var(--paper)}
.strategy-intro p,.strategy-examples span,.strategy-questions span,.wiki-signature>span,.digital-pass>div>span,.digital-pass .tile-kicker,.store-sign .tile-kicker,.sign-dimension,.app-ui-sample>p,.app-ui-sample>small{color:#fffbebba}
.strategy-examples>div:last-child strong{color:#fffbeb80}
.strategy-questions,.sign-dimension span{border-color:#fffbeb33}
.strategy-intro .status-tag{color:var(--paper);border-color:#fffbeb55}
.principle-top,.ritual-cards article>.ui-icon,.wiki-quicklinks>a>.ui-icon,.logo-usage-board .ui-icon,.voice-principle-grid .ui-icon,.layout-laws .ui-icon{color:var(--black)}
.principle-tile,.voice-principle-grid,.colour-spec-card,.grid-spec-panel,.label-downloads>article{background:var(--paper)}
.type-lab-controls label,.tester-text-label{color:#fffbebba}
.wiki-opening,.ritual-cards,.voice-scenarios,.grid-preview-toolbar,.grid-formula,.label-showcase,.digital-app{background:#00000005}
.voice-example,.number-art,.sample-quote,.store-principles article.staff-tile,.membership-sample{background:var(--black);color:var(--paper)}
.voice-example{border-top:3px solid var(--red)}
.voice-example>p,.voice-example-top,.voice-avoid,.voice-avoid s,.store-principles .staff-tile p{color:#fffbebba}
.voice-example .copy-line{color:var(--paper)}
.voice-avoid{border-color:#fffbeb33}
.membership-sample{border:1px solid #fffbeb33;position:relative}
.membership-sample:after{content:'';position:absolute;bottom:24px;right:24px;width:22px;height:4px;background:var(--red)}
.reference-button,.source-link,.secondary-download,.next-chapter:hover{color:var(--black)}
.reference-button:hover,.source-link:hover,.secondary-download:hover{text-decoration-color:var(--red)}
.revision-tabs button.selected,.gallery-filters button.selected,.voice-scenarios button.selected{background:var(--black);color:var(--paper)}
.colour-top>span{opacity:1}.colour-top>strong{letter-spacing:-.055em}
.colour-system .colour-spec-card:last-child .colour-top h2{color:var(--paper);font-size:32px;font-weight:600}
.code-row>span,.code-row>.ui-icon{color:var(--muted)}
.colour-balance span:last-child{color:var(--black)!important}
.grid-preview-toolbar input{accent-color:var(--black)}
.type-share{display:flex;gap:0;margin:0 0 16px;border:1px solid var(--black)}
.type-share>div{padding:24px;display:flex;align-items:baseline;gap:22px}
.type-share>div:first-child{flex:1;background:var(--black);color:var(--paper)}
.type-share>div:last-child{flex:0 0 auto;background:var(--paper);color:var(--black);border-top:3px solid var(--red)}
.type-share strong{font:500 clamp(34px,4vw,58px)/1.1 'Lexend';letter-spacing:-.045em}
.type-share span{font-size:14px}
.type-share-caption{font-size:16px;line-height:1.6;margin:0 0 26px;color:var(--muted)}
.type-downloads{grid-template-columns:1.3fr 1fr}
.type-downloads article:nth-child(2) h2{font-size:clamp(24px,2.7vw,36px)}
.hierarchy-values small{font-family:'Lexend',sans-serif}
.specimen-big,.big-number,.strategy-examples strong,.membership-sample>strong,.app-ui-sample>strong{letter-spacing:-.055em}
@media(max-width:760px){.type-downloads{grid-template-columns:1fr}.type-share>div{padding:18px;flex-direction:column;gap:10px}.type-share>div:last-child{flex-basis:38%}.type-share span{font-size:13px}.colour-system .colour-spec-card:last-child .colour-top h2{font-size:32px}}