.guide{padding-bottom:var(--space-9)}.guide-head{padding:var(--space-9) 0 var(--space-7);border-bottom:1px solid var(--line)}.guide-head h1{font-size:var(--type-heading);letter-spacing:var(--tracking-heading)}.guide-head p{color:var(--ink-quiet);font-size:var(--type-body);line-height:var(--leading-note);max-width:60ch;margin:var(--space-3) 0 0}.guide section{padding-top:var(--space-8)}.guide section>h2{font-size:var(--type-title);letter-spacing:var(--tracking-title)}.guide section>p{color:var(--ink-quiet);font-size:var(--type-small);line-height:var(--leading-note);max-width:60ch;margin:var(--space-2) 0 var(--space-5)}.swatches{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:0;padding:0;list-style:none;display:grid}.swatch{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);overflow:hidden}.chip{height:var(--space-9);border-bottom:1px solid var(--line)}.swatch div:last-child{padding:var(--space-3)}.swatch code{font-size:var(--type-tiny);color:var(--ink);display:block}.swatch var{font-size:var(--type-tiny);color:var(--accent-strong);margin-bottom:var(--space-1);font-style:normal;display:block}.swatch small{font-size:var(--type-tiny);color:var(--ink-quiet);margin-top:var(--space-2);line-height:var(--leading-note);display:block}.rows{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.row{align-items:baseline;gap:var(--space-4);border-bottom:1px solid var(--line-soft);padding-bottom:var(--space-3);flex-wrap:wrap;display:flex}.row var{color:var(--accent-strong);font-style:normal;font-size:var(--type-tiny);min-width:190px}.row code{color:var(--ink-quiet);font-size:var(--type-tiny)}.bar{background:var(--accent-wash);border-left:var(--space-1) solid var(--accent);height:var(--space-5)}.demo{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);padding:var(--space-6)}.corner{background:var(--accent-wash);border:1px solid var(--accent-lit);width:var(--space-9);height:var(--space-9)}.depth{background:var(--surface);width:120px;height:var(--space-9);border-radius:var(--radius-sm)}.voice{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.voice li{border-left:var(--space-1) solid var(--accent-wash);padding-left:var(--space-4)}.voice b{font-size:var(--type-tiny);color:var(--ink-quiet);font-weight:var(--weight-semibold);display:block}.voice span{font-size:var(--type-body);color:var(--ink)}.guide .book-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.guide-mascot{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}