.tokens-guide-root{--surface2:color-mix(in srgb,var(--foreground) 6%,var(--background));background:var(--background);color:var(--foreground)}.tokens-guide-hero{text-align:center;padding:3.5rem 1.5rem 2.5rem;border-bottom:1px solid var(--border)}.tokens-guide-hero .eyebrow{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.tokens-guide-hero h1{font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:600;letter-spacing:-.025em;line-height:1.15;max-width:40rem;margin:0 auto 1rem}.tokens-guide-hero .subtitle{font-size:.9375rem;color:var(--muted);max-width:36rem;margin:0 auto;line-height:1.65}.tokens-guide-main{max-width:48rem;margin:0 auto;padding:2.5rem 1.5rem 4rem}.tokens-guide-section{margin-bottom:2.5rem}.tokens-guide-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.tokens-guide-section p{font-size:.9375rem;line-height:1.65;color:var(--muted);margin:0 0 .75rem}.tokens-guide-section p:last-child{margin-bottom:0}.tokens-guide-card{border:1px solid var(--border);border-radius:.5rem;background:var(--surface);padding:1.25rem 1.5rem;margin-top:1rem}.tokens-volume-grid{display:grid;gap:.75rem;margin-top:1rem}@media (min-width:640px){.tokens-volume-grid{grid-template-columns:repeat(3,1fr)}}.tokens-volume-item{border:1px solid var(--border);border-radius:.5rem;background:var(--background);padding:1rem;text-align:center}.tokens-volume-item .type{font-size:.8125rem;font-weight:600;margin-bottom:.35rem}.tokens-volume-item .pages{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tokens-volume-item .unit{font-size:.8125rem;color:var(--muted);margin-top:.15rem}.tokens-volume-item .note{font-size:.75rem;color:var(--muted);margin-top:.35rem}.tokens-callout{display:flex;gap:.75rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--accent-teal) 35%,var(--border));background:color-mix(in srgb,var(--accent-teal) 8%,var(--background));padding:1rem 1.25rem;margin:1.25rem 0}.tokens-callout-icon{font-size:1.25rem;flex-shrink:0;line-height:1.4}.tokens-callout-body{font-size:.875rem;line-height:1.6;color:var(--foreground)}.tokens-callout-body strong{display:block;font-weight:600;margin-bottom:.25rem}.tokens-table-wrap{overflow-x:auto;margin-top:1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background)}.tokens-table{width:100%;min-width:36rem;font-size:.8125rem;border-collapse:collapse}.tokens-table th{text-align:left;padding:.65rem 1rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface)}.tokens-table td{padding:.75rem 1rem;vertical-align:top;border-top:1px solid var(--border)}.tokens-table .model-name{font-weight:600}.tokens-table .model-tag{display:block;font-size:.75rem;font-weight:400;color:var(--muted);margin-top:.15rem}.tokens-table .price-in,.tokens-table .price-out{font-variant-numeric:tabular-nums;white-space:nowrap}.tokens-table .price-sub{display:block;font-size:.6875rem;color:var(--muted)}.tokens-split-bar{display:flex;height:.5rem;border-radius:9999px;overflow:hidden;margin:1rem 0 1.25rem;background:var(--border)}.tokens-split-seg:first-child{flex:80;background:var(--accent-teal)}.tokens-split-seg:nth-child(2){flex:15;background:var(--accent-blue)}.tokens-split-seg:nth-child(3){flex:5;background:var(--accent-amber-text)}.tokens-split-list{display:grid;gap:.75rem}@media (min-width:640px){.tokens-split-list{grid-template-columns:repeat(3,1fr)}}.tokens-split-item{border:1px solid var(--border);border-radius:.5rem;padding:.85rem 1rem;background:var(--surface)}.tokens-split-item .pct{font-size:1.375rem;font-weight:600;font-variant-numeric:tabular-nums}.tokens-split-item .label{font-size:.8125rem;color:var(--muted);margin-top:.25rem;line-height:1.4}.tokens-split-item .cost{font-size:.8125rem;font-weight:600;margin-top:.35rem}.tokens-closing{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.tokens-closing .big-cost{font-size:2.5rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--accent-teal)}.tokens-closing .big-label{font-size:.875rem;color:var(--muted);max-width:28rem;margin:.5rem auto 0;line-height:1.55}.tokens-closing .notes{margin-top:1.25rem;font-size:.8125rem;color:var(--muted);line-height:1.6}.tokens-back{display:inline-block;margin-top:2.5rem;font-size:.875rem;font-weight:500;color:var(--accent-teal)}.tokens-back:hover{text-decoration:underline}