:root{--npr-color-primary:#1665d8;--npr-color-primary-strong:#0d56bb;--npr-color-primary-soft:#dceafb;--npr-color-on-primary:#ffffff;--npr-color-positive:#0a9e4f;--npr-color-positive-soft:#ddf5e9;--npr-color-on-positive:#063d20;--npr-color-warning:#f59e0b;--npr-color-warning-soft:#fef2d8;--npr-color-on-warning:#6b3b00;--npr-color-critical:#df2f4d;--npr-color-critical-soft:#fce3e8;--npr-color-on-critical:#6e1022;--npr-color-canvas:#f3f6fb;--npr-color-surface:#ffffff;--npr-color-surface-muted:#eef2f8;--npr-color-text:#152033;--npr-color-text-muted:#65718a;--npr-color-text-soft:#8a94ab;--npr-color-reading-paper:#fcfbf8;--npr-color-reading-text:#23211c;--npr-color-reading-sepia:#f4ecd8;--npr-color-reading-dark:#171613;--npr-color-reading-dark-text:#f6f1e7;--npr-color-highlight:#dceafb;--npr-color-divider:#d8dee9;--npr-font-ui:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif;--npr-font-reading:"Literata",Georgia,serif;--npr-font-numeric:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif;--npr-space-xs:4px;--npr-space-sm:8px;--npr-space-md:12px;--npr-space-lg:16px;--npr-space-xl:24px;--npr-space-2xl:32px;--npr-space-3xl:40px;--npr-space-4xl:64px;--npr-radius-xs:10px;--npr-radius-sm:12px;--npr-radius-md:18px;--npr-radius-lg:24px;--npr-radius-xl:30px;--npr-radius-full:9999px;--npr-shadow-chrome:0 6px 16px rgb(21 32 51/0.06);--npr-shadow-popover:0 12px 30px rgb(21 32 51/0.08);--npr-shadow-modal:0 24px 60px rgb(21 32 51/0.12)}.npr-status-chip{align-items:center;border-radius:var(--npr-radius-sm);display:inline-flex;font:500 13px/1.25 var(--npr-font-ui);gap:var(--npr-space-sm);min-height:32px;padding:0 var(--npr-space-md)}.npr-status-chip:before{border-radius:var(--npr-radius-full);content:"";display:block;height:8px;width:8px}.npr-status-chip[data-status=translating]{background:var(--npr-color-warning-soft);color:var(--npr-color-on-warning)}.npr-status-chip[data-status=translating]:before{background:var(--npr-color-warning)}.npr-status-chip[data-status=translated]{background:var(--npr-color-positive-soft);color:var(--npr-color-on-positive)}.npr-status-chip[data-status=translated]:before{background:var(--npr-color-positive)}.npr-status-chip[data-status=failed]{background:var(--npr-color-critical-soft);color:var(--npr-color-on-critical)}.npr-status-chip[data-status=failed]:before{background:var(--npr-color-critical)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--npr-color-canvas);color:var(--npr-color-text);font-family:var(--npr-font-ui)}button,input,select,textarea{font:inherit}.specimen-shell{display:grid;grid-gap:var(--npr-space-2xl);gap:var(--npr-space-2xl);margin:0 auto;max-width:1180px;padding:var(--npr-space-3xl) var(--npr-space-xl)}.specimen-hero{align-items:end;display:grid;grid-gap:var(--npr-space-xl);gap:var(--npr-space-xl);grid-template-columns:minmax(0,1fr) auto;min-height:240px}.eyebrow{color:var(--npr-color-primary);font:500 13px/1.25 var(--npr-font-ui);letter-spacing:.02em;margin:0 0 var(--npr-space-sm);text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font:700 32px/1.1 var(--npr-font-ui);margin-bottom:var(--npr-space-md)}h2{font:600 24px/1.25 var(--npr-font-ui);margin-bottom:var(--npr-space-lg)}h3{font:600 20px/1.25 var(--npr-font-ui);margin-bottom:var(--npr-space-sm)}.hero-copy{color:var(--npr-color-text-muted);font:400 16px/1.4 var(--npr-font-ui);max-width:620px}.status-stack{align-items:flex-end;display:flex;flex-direction:column;gap:var(--npr-space-sm)}.specimen-section{display:grid;grid-gap:var(--npr-space-lg);gap:var(--npr-space-lg)}.swatch-grid{grid-gap:var(--npr-space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.swatch,.swatch-grid{display:grid;gap:var(--npr-space-md)}.swatch{align-items:center;background:var(--npr-color-surface);border-radius:var(--npr-radius-sm);grid-gap:var(--npr-space-md);grid-template-columns:72px minmax(0,1fr);padding:var(--npr-space-md)}.swatch-fill{border:1px solid var(--npr-color-divider);border-radius:var(--npr-radius-xs);height:72px}.swatch h3,.swatch p{font-size:14px;margin-bottom:4px}.swatch p{color:var(--npr-color-text-muted);font-family:var(--npr-font-numeric)}.reading-preview{background:var(--npr-color-reading-paper);border-radius:var(--npr-radius-lg);padding:var(--npr-space-xl)}.reading-heading h2,.reading-preview{color:var(--npr-color-reading-text)}.reading-columns{display:grid;grid-gap:var(--npr-space-xl);gap:var(--npr-space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reading-columns article:first-child{border-right:1px solid var(--npr-color-divider);padding-right:var(--npr-space-xl)}.reading-columns article:last-child{padding-left:var(--npr-space-xs)}.reading-columns h3{color:var(--npr-color-text-muted);font:500 13px/1.25 var(--npr-font-ui);letter-spacing:.02em;text-transform:uppercase}.reading-columns p,.reading-line{font:400 19px/1.7 var(--npr-font-reading)}.chapter-title{font:700 28px/1.3 var(--npr-font-reading)}.detail-grid{display:grid;grid-gap:var(--npr-space-md);gap:var(--npr-space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.detail-grid article{background:var(--npr-color-surface);border-radius:var(--npr-radius-sm);padding:var(--npr-space-lg)}.detail-grid p{color:var(--npr-color-text-muted);display:flex;justify-content:space-between}code{color:var(--npr-color-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media (max-width:720px){.specimen-shell{padding:var(--npr-space-xl)}.reading-columns,.specimen-hero{grid-template-columns:1fr}.status-stack{align-items:flex-start}.reading-columns article:first-child{border-bottom:1px solid var(--npr-color-divider);border-right:0;padding-bottom:var(--npr-space-lg);padding-right:0}.reading-columns article:last-child{padding-left:0}}