:root{--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text: #18181b;--text-2: #52525b;--text-3: #8a8a93;--bg: #ffffff;--bg-sidebar: #fafafa;--line: #e7e7ea;--hover: #f2f2f4;--blue: #2563eb;--blue-hover: #1d4ed8;--blue-tint: #eff4ff;--green: #15803d;--green-tint: #effaf3;--red: #b91c1c;--red-tint: #fdf1f1;--amber: #a16207;--amber-tint: #fdf8ec;--radius: 8px;--radius-sm: 6px;--sidebar-w: 248px;--doc-w: 760px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.25;margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:2.25rem;letter-spacing:-.02em}h2{font-size:1.375rem;margin-bottom:16px}h3{font-size:1rem}p{margin:0 0 12px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}code{font-family:var(--mono);font-size:.875em}kbd{font-family:var(--font);font-size:12px;padding:1px 6px;border:1px solid var(--line);border-radius:4px;color:var(--text-2);background:var(--bg)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.meta{color:var(--text-3);font-size:14px}.button-primary,.button-secondary,.button-ghost{border:0;border-radius:var(--radius-sm);padding:8px 14px;font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap}.button-primary{background:var(--blue);color:#fff}.button-primary:hover:not(:disabled){background:var(--blue-hover)}.button-secondary{background:var(--hover);color:var(--text)}.button-secondary:hover:not(:disabled){background:var(--blue-tint);color:var(--blue)}.button-ghost{background:transparent;color:var(--text-2);padding:6px 10px}.button-ghost:hover{background:var(--hover);color:var(--text)}.link-button{background:none;border:0;padding:0;color:var(--blue);font-size:14px}.link-button:hover{text-decoration:underline}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 12px 20px;overflow-y:auto;z-index:30}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 10px 28px}.sidebar-logo img{height:28px;width:auto;max-width:160px;object-fit:contain;object-position:left}.drawer-close{display:none}.page-tree{display:flex;flex-direction:column;gap:2px}.page-tree a{color:var(--text-2);padding:6px 10px;border-radius:var(--radius-sm);font-size:15px}.page-tree a:hover{background:var(--hover);color:var(--text);text-decoration:none}.page-tree a.is-active{background:var(--blue-tint);color:var(--blue);font-weight:500}.quickref-trigger{margin-top:20px;display:flex;align-items:center;justify-content:space-between;background:none;border:0;padding:6px 10px;border-radius:var(--radius-sm);color:var(--text-2);font-size:15px;text-align:left}.quickref-trigger:hover{background:var(--hover);color:var(--text)}.made-by{margin-top:auto;padding:16px 10px 0;font-size:13px;color:var(--text-3)}.made-by:hover{color:var(--text-2);text-decoration:none}.content{margin-left:var(--sidebar-w)}.doc{max-width:var(--doc-w);margin:0 auto;padding:80px 48px 120px}.mobile-bar,.drawer-scrim{display:none}.page-header{margin-bottom:56px}.page-header h1{margin-bottom:16px}.lead{font-size:1.125rem;color:var(--text-2);max-width:640px}.section{margin-bottom:56px}.statement{font-size:1.25rem;line-height:1.5;font-weight:500;margin-bottom:16px}.stack{display:flex;flex-direction:column;gap:32px}.callout{border-radius:var(--radius);padding:16px 20px;margin:24px 0;background:var(--blue-tint)}.callout-tip{background:var(--green-tint)}.callout-warning{background:var(--amber-tint)}.callout-title{font-weight:600;margin-bottom:4px}.callout-body>:last-child{margin-bottom:0}.callout-action{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.toggle{border-bottom:1px solid var(--line)}.toggle summary{padding:14px 0;cursor:pointer;font-weight:500;list-style:none;display:flex;align-items:center;gap:10px}.toggle summary::-webkit-details-marker{display:none}.toggle summary:before{content:"";width:6px;height:6px;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transform:rotate(-45deg);transition:transform .15s}.toggle[open] summary:before{transform:rotate(45deg)}.toggle-body{padding:0 0 20px 16px}.card-grid{display:grid;gap:16px;margin-bottom:8px}.card{display:block;padding:20px;border:1px solid var(--line);border-radius:var(--radius);color:inherit}.card h3{margin-bottom:6px}.card p{color:var(--text-2);font-size:15px;margin:0}.card-link:hover{background:var(--hover);text-decoration:none}.dodont{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dodont-col{border-radius:var(--radius);padding:16px 20px}.dodont-do{background:var(--green-tint)}.dodont-dont{background:var(--red-tint)}.dodont-label{font-weight:600;margin-bottom:8px}.dodont-do .dodont-label{color:var(--green)}.dodont-dont .dodont-label{color:var(--red)}.dodont ul{margin:0;padding-left:18px}.dodont li{margin-bottom:6px}.dodont li:last-child{margin-bottom:0}.quote{margin:0;font-size:1.0625rem}.divider{border:0;border-top:1px solid var(--line);margin:48px 0}.badge{font-size:12px;font-weight:500;padding:2px 8px;border-radius:999px;background:var(--amber-tint);color:var(--amber)}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--hover);border-radius:var(--radius-sm)}.segmented button{border:0;background:transparent;padding:4px 10px;border-radius:4px;font-size:13px;color:var(--text-2)}.segmented button:hover{color:var(--text)}.segmented button.is-selected{background:var(--bg);color:var(--text);font-weight:500}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:16px}.swatch{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.swatch-chip{display:flex;align-items:flex-end;width:100%;height:112px;border:0;border-bottom:1px solid var(--line);padding:12px;color:#000000b3;font-size:13px;text-align:left}.swatch-chip.on-dark{color:#ffffffd9}.swatch-chip span{opacity:0;transition:opacity .15s}.swatch-chip:hover span,.swatch-chip:focus-visible span{opacity:1}.swatch-body{padding:14px 16px 12px}.swatch-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.swatch-usage{font-size:14px;color:var(--text-2);margin:6px 0 10px}.copy-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;font-size:14px;padding:3px 0}.copy-label{color:var(--text-3);font-size:12px}.copy-value{font-family:var(--mono);font-size:13px}.copy-button{border:0;background:none;color:var(--blue);font-size:13px;padding:2px 6px;border-radius:4px}.copy-button:hover{background:var(--blue-tint)}.logo-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.logo-preview{height:240px;display:grid;place-items:center;padding:40px;border-bottom:1px solid var(--line);transition:background .15s}.logo-preview.bg-light{background:#fff}.logo-preview.bg-dark{background:#18181b}.logo-preview img{max-height:100%;max-width:min(100%,360px);object-fit:contain}.logo-body{padding:20px}.logo-body>p{color:var(--text-2)}.logo-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.logo-controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.download-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.spec-list{margin:0;display:grid;gap:8px;font-size:14px}.spec-list div{display:grid;grid-template-columns:120px 1fr;gap:12px}.spec-list dt{color:var(--text-3)}.spec-list dd{margin:0}.specimen{border:1px solid var(--line);border-radius:var(--radius);padding:24px}.specimen-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.specimen-head h3{font-size:1.25rem;margin-bottom:2px}.specimen-head .meta{margin:0}.specimen-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px}.size-control{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.size-control input{accent-color:var(--blue);width:120px}.specimen-text{display:block;width:100%;border:0;border-radius:var(--radius-sm);padding:8px;margin:0 -8px 16px;width:calc(100% + 16px);resize:vertical;line-height:1.15;color:var(--text);background:transparent;letter-spacing:-.01em}.specimen-text:hover{background:var(--hover)}.specimen-text:focus{outline:none;background:var(--blue-tint)}.specimen-glyphs{font-size:20px;color:var(--text-2);line-height:1.5;word-break:break-word}.image-card{margin:0}.image-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius);background:var(--hover)}.image-card figcaption{font-size:14px;color:var(--text-2);padding-top:10px;display:flex;gap:8px;align-items:baseline}.tag{font-size:12px;font-weight:500;padding:1px 8px;border-radius:999px;flex-shrink:0}.tag-do{background:var(--green-tint);color:var(--green)}.tag-dont{background:var(--red-tint);color:var(--red)}.download-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}.download-head p{margin:0;color:var(--text-2)}.file-list{list-style:none;margin:0;padding:0}.file-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;margin:0 -10px;border-radius:var(--radius-sm);font-size:14px}.file-list li:hover{background:var(--hover)}.file-list span{font-family:var(--mono);font-size:13px;overflow-wrap:anywhere}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#18181b52;z-index:50;display:flex;justify-content:flex-end}.quickref{width:min(420px,100%);height:100%;background:var(--bg);border-left:1px solid var(--line);overflow-y:auto;padding:24px;outline:none}.quickref-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quickref-head h2{margin:0;font-size:1.125rem}.quickref h3{font-size:13px;color:var(--text-3);font-weight:500;margin:24px 0 8px}.quickref ul{list-style:none;margin:0;padding:0}.quickref-colours button{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;width:100%;border:0;background:none;padding:6px 8px;margin:0 -8px;width:calc(100% + 16px);border-radius:var(--radius-sm);text-align:left;font-size:14px}.quickref-colours button:hover{background:var(--hover)}.dot{width:20px;height:20px;border-radius:4px;box-shadow:inset 0 0 0 1px #00000014}.quickref-list li{display:flex;align-items:baseline;gap:10px;padding:6px 0;font-size:14px;flex-wrap:wrap}.quickref-list li>:first-child{flex:1 1 auto}.quickref-formats{display:inline-flex;gap:10px}.toast-region{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:60;pointer-events:none}.toast{background:var(--text);color:#fff;font-size:14px;padding:10px 16px;border-radius:var(--radius-sm);animation:toast-in .15s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.gate{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.gate-form{width:min(360px,100%);display:flex;flex-direction:column}.gate-logo{height:36px;width:auto;max-width:200px;object-fit:contain;object-position:left;margin-bottom:48px}.gate h1{font-size:1.75rem;margin-bottom:8px}.gate-intro{opacity:.75;margin-bottom:28px}.gate label{font-size:14px;margin-bottom:6px;opacity:.85}.gate input{font:inherit;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid;background:transparent;margin-bottom:12px}.gate input[aria-invalid=true]{border-color:#f87171}.gate input:focus{outline:2px solid currentColor;outline-offset:1px}.gate-error{font-size:14px;color:#fca5a5;margin-top:-4px}.gate button{border:0;padding:11px 16px;border-radius:var(--radius-sm);font-weight:500;margin-top:4px}.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.error-box{max-width:680px;background:var(--red-tint);border-radius:var(--radius);padding:24px}.error-box h1{font-size:1.25rem;margin-bottom:12px;color:var(--red)}.error-box ul{padding-left:18px;margin:0 0 12px}.error-box li{margin-bottom:6px;overflow-wrap:anywhere}@media (max-width: 860px){.mobile-bar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line);padding:8px}.mobile-logo{height:22px;width:auto;max-width:140px;object-fit:contain}.sidebar{width:min(300px,85vw);transform:translate(-100%);transition:transform .2s ease;z-index:40}.drawer-open .sidebar{transform:none}.drawer-close{display:inline-block}.drawer-open .drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#18181b52;z-index:35}.content{margin-left:0}.doc{padding:40px 16px 80px}h1{font-size:1.875rem}.page-header,.section{margin-bottom:40px}.dodont{grid-template-columns:1fr}.logo-preview{height:180px;padding:28px}.specimen{padding:16px}.specimen-head{flex-direction:column}.spec-list div{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}