.ratio-guide{color:var(--foreground)}.ratio-guide-header,.ratio-guide-main{max-width:1152px;margin:0 auto;padding-inline:24px}.ratio-guide-header{justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.ratio-guide-brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.ratio-guide-breadcrumb{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;font-size:12px;display:flex}.ratio-guide-breadcrumb a{align-items:center;gap:6px;display:inline-flex}.ratio-guide-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-block:48px 32px;display:grid}.ratio-guide-eyebrow{color:var(--muted-foreground);letter-spacing:.16em;margin-bottom:18px;font-size:11px;font-weight:600}.ratio-guide h1{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(48px,5.5vw,76px);font-weight:800;line-height:.98}.ratio-guide-lead{color:var(--muted-foreground);max-width:520px;margin-top:26px;font-size:17px;line-height:1.75}.ratio-guide-action{background:var(--foreground);color:var(--background);border-radius:8px;align-items:center;gap:18px;margin-top:24px;padding:12px 18px;font-size:13px;font-weight:600;display:inline-flex}.ratio-guide-action:hover{outline:2px solid var(--brand);outline-offset:3px}.ratio-guide-hero-figure{background:var(--card);border:1px solid var(--border);border-radius:20px;min-width:0;padding:18px}.ratio-guide-diagram svg{width:100%;height:auto;display:block}.ratio-guide-meta{color:var(--muted-foreground);border-bottom:1px solid var(--border);gap:5px;padding-bottom:24px;font-size:12px;display:flex}.ratio-guide-layout{grid-template-columns:240px minmax(0,1fr);gap:72px;padding-block:48px 80px;display:grid}.ratio-guide-toc{font-size:13px;position:sticky;top:32px}.ratio-guide-toc p{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);margin-bottom:16px;font-size:11px}.ratio-guide-toc a{align-items:baseline;gap:12px;padding-block:9px;line-height:1.5;display:flex}.ratio-guide-toc a span{color:var(--muted-foreground);font-size:10px;font-family:var(--font-mono)}.ratio-guide-toc a:hover,.ratio-guide-breadcrumb a:hover{text-underline-offset:4px;text-decoration:underline}.ratio-guide-body{min-width:0;max-width:728px}.ratio-guide-body section{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:40px;scroll-margin-top:24px}.ratio-guide-section-label{color:var(--muted-foreground);font-family:var(--font-mono);margin-bottom:12px;font-size:11px}.ratio-guide h2{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin-bottom:24px;font-size:32px;font-weight:700;line-height:1.15}.ratio-guide-body p{color:var(--muted-foreground);margin-block:16px;font-size:16px;line-height:1.85}.ratio-guide h3{margin-top:28px;margin-bottom:10px;font-size:18px;font-weight:600;line-height:1.4}.ratio-guide-figure{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-block:24px;padding:16px}.ratio-guide-table-wrap{margin-block:24px}.ratio-guide table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.ratio-guide td,.ratio-guide th{border-bottom:1px solid var(--border);padding:14px 10px}.ratio-guide thead th{color:var(--muted-foreground);font-size:11px;font-weight:600}.ratio-guide tbody th{font-family:var(--font-mono);white-space:nowrap;font-weight:500}.ratio-guide td{color:var(--muted-foreground)}.ratio-guide-equation{background:var(--accent);border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-block:24px;padding:20px;font-size:14px;display:flex}.ratio-guide-equation span{font-weight:700}.ratio-guide-equation code{font-family:var(--font-mono)}.ratio-guide-source,.ratio-guide-related{text-underline-offset:4px;align-items:center;gap:5px;margin-top:20px;font-size:12px;text-decoration:underline;display:flex}.ratio-guide-source{color:var(--muted-foreground)}.ratio-guide-body .ratio-guide-next{border:none;margin:0;padding:0}.ratio-guide-next h2{margin-bottom:0}.ratio-guide-skip{z-index:10;background:var(--foreground);color:var(--background);padding:12px;position:absolute;top:-100px;left:20px}.ratio-guide-skip:focus{top:8px}.ratio-guide a:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:3px}@media (width<=900px){.ratio-guide-hero{gap:24px}.ratio-guide-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}}@media (width<=640px){.ratio-guide-header,.ratio-guide-main{padding-inline:20px}.ratio-guide-header{gap:8px}.ratio-guide-brand{gap:6px;font-size:12px}.ratio-guide-brand img{width:24px;height:24px}.ratio-guide-hero{grid-template-columns:1fr;gap:28px;padding-top:32px}.ratio-guide h1{font-size:clamp(48px,13vw,68px)}.ratio-guide-lead{margin-top:20px;font-size:16px}.ratio-guide-hero-figure{border-radius:14px;padding:10px}.ratio-guide-layout{padding-top:24px;display:block}.ratio-guide-toc{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:0 16px;margin-bottom:32px;padding-bottom:24px;font-size:12px;display:grid;position:static}.ratio-guide-toc p{grid-column:1/-1}.ratio-guide h2{font-size:28px}.ratio-guide-body p{font-size:15px;line-height:1.8}.ratio-guide-figure{padding:8px}.ratio-guide-shapes,.ratio-guide-fit{overflow-x:auto}.ratio-guide-shapes .ratio-guide-diagram,.ratio-guide-fit .ratio-guide-diagram{min-width:520px}.ratio-guide td,.ratio-guide th{padding:12px 6px;font-size:11px}.ratio-guide-equation{padding:16px;font-size:12px}}.ratio-guide-figure:focus-visible{outline:2px solid var(--brand);outline-offset:3px}