.font-review{margin:28px 0;padding:24px;background:#fcfcf9;border:1px solid #dde1df;border-radius:14px}.font-review-heading h3{margin:0 0 5px;font-size:20px}.font-review-heading p{font-size:12px;color:#6b7884;margin:0 0 18px}.font-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.font-options button{text-align:left;min-width:0;background:#f8fafb;border-color:#dce3ea;padding:14px}.font-options button[aria-pressed=true]{background:#eaf0f7;color:#2e4358;border-color:#7e9cbb;box-shadow:inset 0 0 0 1px #7e9cbb}.font-options span,.font-options strong,.font-options small{display:block}.font-options span{font-size:12px}.font-options strong{font-size:28px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums}.font-options small{font:10px system-ui;color:#72818e}.font-options [data-font=system]{font-family:system-ui,sans-serif}.font-options [data-font=avenir]{font-family:'Avenir Next',Avenir,'Century Gothic',sans-serif}.font-options [data-font=georgia]{font-family:Georgia,'Times New Roman',serif}.font-options [data-font=mono]{font-family:Menlo,Consolas,'Liberation Mono',monospace}
.chart-font-lab{--chart-font:system-ui,sans-serif}.chart-font-lab[data-font=avenir]{--chart-font:'Avenir Next',Avenir,'Century Gothic',sans-serif}.chart-font-lab[data-font=georgia]{--chart-font:Georgia,'Times New Roman',serif}.chart-font-lab[data-font=mono]{--chart-font:Menlo,Consolas,'Liberation Mono',monospace}.chart-font-lab .refined-window,.chart-font-lab .refined-window *{font-family:var(--chart-font);font-variant-numeric:tabular-nums}.chart-font-lab .refined-fixture{letter-spacing:.06em}.chart-font-lab .refined-plot text{font-family:var(--chart-font)}
.graphite-03 .refined-window{background:linear-gradient(125deg,#484351,#394958 52%,#47474a);border-color:#56616e;box-shadow:0 12px 26px #1a26341a}.graphite-03 .refined-chrome{color:#d2dae5}.graphite-03 .refined-fixture{color:#abb8c9}.graphite-03 .refined-surface{background:#222d39;border-color:#ffffff0d;box-shadow:0 0 0 1px #101a2426}.graphite-03 .refined-eyebrow{color:#a4b2c3}.graphite-03 .refined-value{color:#eef5fc}.graphite-03 .refined-value>span{color:#9eafc2}.graphite-03 .refined-change{color:#9dc8e4}.graphite-03 .refined-change>span{color:#a4b3c4}.graphite-03 .refined-range{background:#1d2732;border-color:#465463}.graphite-03 .refined-range span{color:#b0bfd0}.graphite-03 .refined-range .active{background:#3b4a5b;color:#f1f6fc;box-shadow:0 1px 3px #11192340}.graphite-03 .grid line{stroke:#ffffff10}.graphite-03 .grid text,.graphite-03 .axis text{fill:#9dacc0}.graphite-03 .series-b{stroke:#a7a0b4}.graphite-03 .line-halo{stroke-opacity:.13}.graphite-03 .inspection-mark line{stroke:#718194}.graphite-03 .inspection-mark circle{fill:#95b4f3;stroke:#222d39}.graphite-03 .inspection-mark circle:last-child{fill:#a7a0b4}.graphite-03 .refined-endpoints circle{fill:#b7a0ef;stroke:#222d39}.graphite-03 .refined-endpoints .endpoint-ring{fill:#b7a0ef;fill-opacity:.13;stroke:#b7a0ef;stroke-opacity:.35}.graphite-03 .refined-endpoints rect{fill:#3b3450}.graphite-03 .refined-endpoints text{fill:#d2c4f2}.graphite-03 .refined-endpoints .compare-value{fill:#b6aec6}.graphite-03 .refined-key{color:#b1c0d1}.graphite-03 .refined-key i{background:linear-gradient(90deg,#72c7ec,#95b4f3 48%,#b7a0ef)}.graphite-03 .refined-key i.comparison{background:repeating-linear-gradient(90deg,#a7a0b4 0 4px,transparent 4px 6px)}.graphite-03 .refined-sample{background:#293746;border-color:#415062}.graphite-03 .refined-sample>span{color:#b0bccb}.graphite-03 .refined-sample strong{color:#bad6ee}.graphite-03 .refined-sample strong:last-child{color:#c0b4d0}.graphite-03 .refined-footer{border-color:#ffffff10;color:#9baabd}
@media(max-width:650px){.font-review{padding:16px}.font-options{grid-template-columns:repeat(2,minmax(0,1fr))}.font-options strong{font-size:24px}}