*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;border-bottom:1px solid var(--line);font-size:13px}header nav{display:flex;gap:24px}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.045em;font-weight:750;text-wrap:balance}h1{font-size:clamp(38px,5.6vw,78px);line-height:1.05}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(30px,3.1vw,44px);line-height:1.15;margin-bottom:24px}h3{font-size:20px;letter-spacing:-.02em;margin-bottom:12px}p{line-height:1.65;color:var(--muted)}section{padding-block:64px;scroll-margin-top:24px}.intro{padding-top:76px;padding-bottom:52px}.label{font-size:13px;font-weight:650;color:var(--accent);margin-bottom:24px}.lead{font-size:19px;max-width:810px;margin-top:28px}.note{font-size:13px;margin-top:24px;max-width:970px}.reference{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;background:var(--surface);padding:32px;border-radius:12px}.reference img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.reference p+p{margin-top:18px}.section-copy{max-width:720px;font-size:17px;margin-bottom:30px}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.swatches article>div{background:var(--swatch);color:var(--label);padding:22px 18px;min-height:155px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;font-size:16px}.swatches strong{font-size:19px;font-weight:550;font-variant-numeric:tabular-nums}.swatches article>p{font-size:13px;margin-top:12px}.type{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;border-top:1px solid var(--line)}.specimen{padding:32px;background:var(--surface);border-radius:12px}.type-title{font-size:42px;line-height:1.05;letter-spacing:-.045em;font-weight:750;color:var(--ink);margin-bottom:24px}.type-title span{color:var(--accent)}.numbers{font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:29px;margin-block:24px;color:var(--ink)}small{color:var(--muted);line-height:1.7}.voice{display:grid;grid-template-columns:1fr 1fr;gap:60px}blockquote{font-size:clamp(25px,3vw,40px);line-height:1.25;letter-spacing:-.035em;margin:0;color:var(--accent);font-weight:650}.voice p+p{margin-top:18px}.rules{border-top:1px solid var(--line)}.rule-list{display:grid;grid-template-columns:1fr 1fr;gap:36px 70px}.usage{border-top:1px solid var(--line);max-width:900px}.usage>p{max-width:700px}.button{display:inline-block;padding:16px 22px;border-radius:8px;background:var(--accent);color:var(--button-text);text-decoration:none;font-size:14px;font-weight:650;margin-top:26px}.button:hover{background:var(--accent-hover)}.secondary{display:inline-block;margin:24px 0 0 24px;font-size:13px}footer{padding-block:30px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media(max-width:850px){.swatches{grid-template-columns:repeat(3,1fr)}.reference,.type{gap:28px}.wrap{width:calc(100% - 40px)}header nav{gap:14px}.type-title{font-size:34px}}@media(max-width:600px){header{align-items:start;flex-direction:column;padding-block:20px;gap:14px}header nav{font-size:12px;flex-wrap:wrap}.intro{padding-top:42px}.lead{font-size:17px}section{padding-block:42px}.reference,.type,.voice,.rule-list{grid-template-columns:1fr;gap:28px}.reference{padding:20px}.reference img{order:2}.swatches{grid-template-columns:1fr 1fr;gap:12px}.swatches article>div{padding:16px 12px;min-height:135px}.swatches strong{font-size:17px}.specimen{padding:24px}.numbers{font-size:23px}.secondary{margin-left:0}.type-title{font-size:34px}}@media print{header nav,.usage .button,.secondary{display:none}section{break-inside:avoid}.wrap{width:100%}}
.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.logo-card{min-height:220px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;border-radius:12px;border:1px solid var(--line)}.logo-card.light{background:#fff;color:#173e33}.logo-card.dark{background:#101c18;color:#f3f6ec}.logo-card img{max-width:100%;height:auto}.logo-card a{font-size:13px}.icon-row{display:flex;gap:24px;align-items:center;margin-top:28px}.icon-row img{flex:none}.icon-row p{max-width:780px;font-size:14px}.download-list{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:30px;font-size:14px}@media(max-width:600px){.logo-grid{grid-template-columns:1fr}.logo-card{padding:28px}.icon-row{align-items:flex-start}.usage .button{max-width:100%}}