:root{color:#2c2523;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#fff9f1;--ink:#2c2523;--muted:#655a53;--accent:#8f493e;--olive:#51634d;--soft:#f1d8c8;--line:#e0cec0;background:#fff9f1;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}body,h1,h2,h3,p,figure,dl,dd{margin:0}body{line-height:1.8}h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere;line-height:1.3}p,li,dd{word-break:keep-all;overflow-wrap:anywhere}a{color:var(--accent);text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:2px}button{font:inherit;cursor:pointer;min-height:46px}button:disabled{cursor:default;opacity:1}img{max-width:100%;height:auto;display:block}code{font:inherit;overflow-wrap:anywhere}.guide-shell{max-width:1280px;margin:0 auto;padding:0 48px}.guide-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:96px;display:flex}.guide-header>p{color:var(--muted);font-size:14px}.wordmark{color:var(--ink);white-space:nowrap;align-items:baseline;gap:12px;font-size:21px;font-weight:750;line-height:1.3;display:inline-flex}.wordmark span{font-size:15px;font-weight:550}.guide-cover{padding:56px 0 60px}.cover-note{color:var(--accent);font-size:16px;font-weight:650}.guide-cover h1{margin-top:16px;font-size:64px;line-height:1.15}.cover-description{max-width:760px;color:var(--muted);margin-top:24px;font-size:19px}.guide-layout{grid-template-columns:206px minmax(0,1fr);align-items:start;gap:46px;display:grid}.guide-toc{border-top:1px solid var(--line);padding:18px 0;position:sticky;top:24px}.guide-toc h2{margin-bottom:8px;font-size:16px}.guide-toc ol{counter-reset:guide-item;margin:0;padding:0;list-style-position:inside}.guide-toc li{color:var(--muted);counter-increment:guide-item;align-items:baseline;font-size:14px;display:flex}.guide-toc li:before{content:counter(guide-item) ".";flex-shrink:0;width:20px}.guide-toc a{color:var(--muted);min-height:44px;padding:9px 0;text-decoration:none;display:block}.guide-toc a:hover{color:var(--accent);text-decoration:underline}#guide-content{min-width:0}.guide-section{border-top:1px solid var(--line);padding:28px 0 56px;scroll-margin-top:24px}.guide-section>h2{margin-bottom:22px;font-size:32px}.guide-section>h2 span{color:var(--accent);margin-right:8px}.guide-section>p{color:var(--muted);font-size:17px}.guide-section>p+p{margin-top:16px}.guide-section .section-lead{color:var(--ink);margin-bottom:16px;font-size:23px}.guide-section h3{font-size:20px}.guide-section .note{color:var(--muted);margin-top:18px;font-size:14px;line-height:1.8}.message-example{background:var(--soft);border-radius:22px 4px 4px;margin-top:26px;padding:28px}.release-label{color:var(--accent);font-size:14px}.message-example h3{margin:12px 0 18px;font-size:32px;line-height:1.3}.message-example>p:last-child{font-size:17px}.logo-examples,.avoid-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.logo-specimen{min-width:0}.clear-space,.minimum-mark{background:#f7eadf;border-radius:8px;justify-content:center;align-items:center;min-height:124px;padding:22px;display:flex}.clear-space .wordmark{outline:1px dashed var(--accent);padding:.5em}.minimum-mark .wordmark{font-size:18px}.minimum-mark .wordmark span{font-size:12px}figcaption{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.7}.avoid-examples>div{border:1px solid var(--line);border-radius:6px;min-height:108px;padding:16px 24px}.avoid-mark{transform-origin:0;margin-bottom:8px;font-size:21px;font-weight:750;display:inline-block}.stretched{transform:scaleX(1.25)}.rotated{transform:rotate(-7deg)}.avoid-examples p{color:var(--muted);font-size:14px}.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px;display:grid}.swatches>div{min-width:0}.swatches span{border:1px solid var(--line);border-radius:6px;height:88px;margin-bottom:10px;display:block}.swatches strong,.swatches code{font-size:15px;display:block}.swatches p{color:var(--muted);margin-top:2px;font-size:13px}.contrast-examples{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;padding:22px 0;display:grid}.contrast-examples strong{font-size:18px}.contrast-examples p{margin-top:6px;font-size:14px}.contrast-secondary{color:var(--muted)}.font-stack{border-left:3px solid var(--olive);padding:14px 18px;font-size:14px!important}.type-specimen{margin-top:26px}.specimen-label{color:var(--muted);margin:22px 0 10px;font-size:13px}.type-specimen .type-hero{font-size:76px;font-weight:720;line-height:1.16}.type-specimen .type-section{font-size:32px}.type-body{font-size:17px;line-height:1.8}.type-note{color:var(--muted);font-size:14px}.image-specimen{margin-top:24px}.image-specimen img{border-radius:100px 4px 4px;width:100%}.image-rules,.voice-examples{grid-template-columns:1fr 1fr;gap:26px;margin-top:24px;display:grid}.image-rules p{color:var(--muted);margin-top:8px;font-size:15px}.voice-examples>div{border-top:3px solid var(--olive);padding:20px 0}.voice-examples>div+div{border-top-color:var(--accent)}.voice-examples ul{margin:12px 0 0;padding-left:20px}.voice-examples li{font-size:15px}.copy-examples{margin-top:24px}.copy-examples>div{border-top:1px solid var(--line);grid-template-columns:124px 1fr;gap:18px;padding:15px 0;display:grid}.copy-examples dt{color:var(--muted);font-size:14px}.copy-examples dd{font-size:16px}.screen-examples{grid-template-columns:minmax(0,1.7fr) minmax(170px,.65fr);align-items:start;gap:20px;margin-top:26px;display:grid}.screen-examples figure{min-width:0}.screen-examples img{border:1px solid var(--line)}.component-examples{grid-template-columns:1fr 1fr;gap:26px;margin-top:28px;display:grid}.component-examples h3{margin-bottom:14px;font-size:18px}.signup-example,.future-button{border-radius:7px;justify-content:center;align-items:center;min-height:52px;padding:13px 24px;font-size:16px;font-weight:650;display:inline-flex}.signup-example{background:var(--soft);color:var(--ink);border:1px solid #b8a698}.future-button{background:var(--accent);color:#fff9f1;border:1px solid var(--accent)}.component-examples .note{margin-top:10px}.feature-example{background:#f7eadf;border-radius:6px;margin-top:24px;padding:20px 24px}.feature-example h3{margin-bottom:8px;font-size:17px}.feature-example p{font-size:15px}.motion-demo{border:1px solid var(--line);border-radius:12px;margin-top:24px;padding:24px}[data-guide-motion-slot]{max-width:390px}[data-guide-motion-slot] img{border-radius:60px 4px 4px;width:100%}.demo-controls{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.demo-controls button{background:var(--paper);color:var(--ink);border:1px solid var(--accent);border-radius:6px;padding:10px 16px}.demo-controls button:first-child{background:var(--accent);color:var(--paper)}.demo-controls button:disabled{border-color:var(--line);color:var(--muted);background:#f7eadf}.motion-table{table-layout:fixed;border-collapse:collapse;width:100%;margin-top:24px;font-size:14px}.motion-table caption{text-align:left;color:var(--ink);margin-bottom:12px;font-size:17px;font-weight:650}.motion-table th,.motion-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere;word-break:keep-all;padding:13px 12px 13px 0}.motion-table th:first-child{width:24%}.motion-table td{color:var(--muted)}.guide-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:28px 0 38px;font-size:14px;display:flex}.guide-footer a{align-items:center;min-height:44px;display:inline-flex}.skip-link{background:var(--ink);color:var(--paper);z-index:10;padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(-180%)}.skip-link:focus{transform:none}#guide-content:focus{outline:none}@media (width<=1000px){.guide-shell{padding:0 32px}.guide-layout{grid-template-columns:minmax(0,1fr);gap:28px}.guide-toc{padding:20px 0 0;position:static}.guide-toc ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;display:grid}.guide-cover{padding-bottom:38px}}@media (width<=700px){.guide-shell{padding:0 22px}.guide-header{min-height:78px}.wordmark{flex-direction:column;align-items:flex-start;gap:5px;font-size:18px}.wordmark span{font-size:12px}.guide-header>p{font-size:13px}.guide-cover{padding:34px 0}.cover-note{font-size:14px}.guide-cover h1{font-size:38px;line-height:1.2}.cover-description{margin-top:20px;font-size:16px}.desktop-break{display:none}.guide-toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-toc li{font-size:14px}.guide-section{padding:24px 0 38px}.guide-section>h2{margin-bottom:18px;font-size:26px}.guide-section>p{font-size:16px}.guide-section .section-lead{font-size:20px}.message-example{padding:22px}.message-example h3{font-size:27px}.message-example>p:last-child{font-size:16px}.logo-examples,.avoid-examples,.contrast-examples,.image-rules,.voice-examples,.component-examples{grid-template-columns:minmax(0,1fr);gap:18px}.swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.swatches span{height:70px}.type-specimen .type-hero{font-size:40px;line-height:1.2}.type-specimen .type-section{font-size:26px}.type-body{font-size:16px}.type-note{font-size:13px}.image-specimen img{border-radius:60px 4px 4px}.copy-examples>div{grid-template-columns:minmax(0,1fr);gap:6px}.screen-examples{grid-template-columns:minmax(0,1fr);gap:26px}.screen-examples>figure:nth-child(2){max-width:300px;margin:0 auto}.motion-demo{padding:18px}.motion-table{font-size:13px}.motion-table th,.motion-table td{padding-right:8px}.guide-footer{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}