.px-wrap{--font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text: #141412;--text-2: #3d3d3b;--muted: #6b6b68;--ground: #f5f5f4;--border: #e4e4e0;--accent: #2f4858;--surface: #ffffff;font-family:var(--font);color:var(--text);line-height:1.6;max-width:72ch;margin:0 auto;padding:0 0 96px;position:relative;animation:px-fade .3s ease both}@keyframes px-fade{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.px-skip-link{position:absolute;top:-40px;left:0;padding:8px 12px;background:var(--accent, #2f4858);color:#fff;font-size:.8125rem;font-family:ui-sans-serif,system-ui,sans-serif;text-decoration:none;z-index:100;transition:top .2s ease}.px-skip-link:focus{top:0}.px-grid-toggle{position:fixed;bottom:24px;right:24px;font-family:ui-monospace,Cascadia Code,Fira Mono,monospace;font-size:.6875rem;letter-spacing:.1em;text-transform:lowercase;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:4px 8px;cursor:pointer;transition:color .2s ease,border-color .2s ease;z-index:50}.px-grid-toggle:hover{color:var(--text);border-color:var(--text-2)}.px-grid-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.px-grid-toggle[aria-pressed=true]:before{content:"";display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%;margin-right:6px;vertical-align:middle}body.px-grid-on{background-image:repeating-linear-gradient(to bottom,transparent,transparent 3px,rgba(47,72,88,.06) 3px,rgba(47,72,88,.06) 4px);background-size:100% 4px}.px-nav{display:flex;gap:0;margin-top:32px;border-bottom:1px solid var(--border)}.px-nav-link{font-size:.8125rem;font-weight:400;color:var(--muted);text-decoration:none;padding:8px 16px 8px 0;margin-right:24px;border-bottom:1px solid transparent;margin-bottom:-1px;transition:color .2s ease,border-color .2s ease}.px-nav-link:hover{color:var(--text)}.px-nav-link--active{color:var(--text);border-bottom-color:var(--text)}.px-header{padding:96px 0 80px;border-bottom:1px solid var(--border);margin-bottom:64px}.px-studio-label{font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 32px;font-weight:400}.px-headline{font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.15;letter-spacing:-.025em;color:var(--text);margin:0 0 24px}.px-headline em{font-style:italic;color:var(--accent)}.px-sub{font-size:1rem;line-height:1.6;color:var(--text-2);max-width:52ch;margin:0}.px-section{margin-bottom:80px}.px-section-label{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.px-section-intro{font-size:.9375rem;line-height:1.6;color:var(--text-2);margin:0 0 32px;max-width:60ch}.px-type-demo{display:flex;flex-direction:column;gap:0}.px-type-row{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:start;padding:24px 0;border-bottom:1px solid var(--border)}.px-type-row:first-child{border-top:1px solid var(--border)}.px-type-meta{display:flex;flex-direction:column;gap:4px;padding-top:4px}.px-type-name{font-size:.8125rem;font-weight:500;color:var(--text);letter-spacing:.02em}.px-type-spec{font-size:.6875rem;font-family:ui-monospace,Fira Mono,monospace;color:var(--muted);line-height:1.5}.px-sample{margin:0;color:var(--text)}.px-sample--display{font-size:2.5rem;font-weight:400;line-height:1.15;letter-spacing:-.02em}.px-sample--heading{font-size:1.5rem;font-weight:500;line-height:1.2;letter-spacing:-.01em}.px-sample--body{font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:0}.px-sample--small{font-size:.8125rem;font-weight:400;line-height:1.4;letter-spacing:.02em;color:var(--text-2)}.px-spacing-demo{display:flex;flex-direction:column;gap:12px}.px-spacing-row{display:flex;align-items:center;gap:16px}.px-spacing-val{font-family:ui-monospace,Fira Mono,monospace;font-size:.6875rem;color:var(--muted);width:28px;text-align:right;flex-shrink:0}.px-spacing-bar{height:4px;background:var(--text);border-radius:1px;transition:width .2s ease}.px-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.px-swatch{height:80px;border-radius:2px;position:relative;display:flex;align-items:flex-end;padding:8px;transition:transform .2s ease;cursor:pointer;border:none;text-align:left;font:inherit;width:100%}.px-swatch--bordered{border:1px solid #e2e2e2}.px-swatch:hover{transform:translateY(-2px)}.px-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.px-swatch-copied{position:absolute;top:8px;right:8px;font-family:ui-monospace,Fira Mono,monospace;font-size:.5625rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe6;opacity:0;transition:opacity .2s ease}.px-swatch-copied--dark{color:#141412b3}.px-swatch-copied.is-visible{opacity:1}.px-swatch-label{font-family:ui-monospace,Fira Mono,monospace;font-size:.625rem;line-height:1.4;color:#ffffffe6;letter-spacing:.02em}.px-swatch-label--dark{color:#141412b3}.px-swatch-name{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.5625rem;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.px-observations{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.px-obs-item{display:grid;grid-template-columns:40px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--border);align-items:start}.px-obs-item:first-child{border-top:1px solid var(--border)}.px-obs-n{font-family:ui-monospace,Fira Mono,monospace;font-size:.6875rem;color:var(--muted);padding-top:3px;letter-spacing:.05em}.px-obs-title{display:block;font-size:.9375rem;font-weight:500;color:var(--text);margin-bottom:8px;line-height:1.4;letter-spacing:-.005em}.px-obs-text{font-size:.875rem;line-height:1.65;color:var(--text-2);margin:0}.px-peer-list{display:flex;flex-direction:column;gap:0}.px-peer-row{display:grid;grid-template-columns:72px 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--border);align-items:baseline}.px-peer-row:first-child{border-top:1px solid var(--border)}.px-peer-agent{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.px-peer-note{font-size:.875rem;line-height:1.6;color:var(--text-2);margin:0}.px-contrast-table{width:100%;border-collapse:collapse;font-size:.8125rem}.px-contrast-table th{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--border)}.px-contrast-table td{padding:12px 12px 12px 0;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-2)}.px-ct-label{color:var(--text)!important}.px-ct-ratio{font-family:ui-monospace,Fira Mono,monospace;color:var(--text)!important}.px-ct-badge{font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px}.px-ct-badge--aaa{background:#e8f5e9;color:#1b5e20}.px-ct-badge--aa{background:#fff8e1;color:#5d4037}.px-spec{border-top:1px solid var(--border);padding-top:48px;margin-top:80px}.px-spec-heading{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 32px}.px-spec-list{display:flex;flex-direction:column;gap:0}.px-spec-row{display:grid;grid-template-columns:148px 1fr;gap:24px;padding:12px 0;border-bottom:1px solid var(--border)}.px-spec-row:first-child{border-top:1px solid var(--border)}.px-spec-row dt{font-size:.75rem;font-weight:500;color:var(--text);letter-spacing:.02em;padding-top:1px}.px-spec-row dd{font-family:ui-monospace,Fira Mono,monospace;font-size:.75rem;color:var(--muted);margin:0;line-height:1.5}@media(max-width:640px){.px-wrap{padding:0 0 64px}.px-header{padding:40px 0 36px;margin-bottom:40px}.px-studio-label{margin-bottom:20px}.px-headline{margin-bottom:16px}.px-nav{margin-top:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;white-space:nowrap;padding-bottom:1px}.px-nav::-webkit-scrollbar{display:none}.px-nav-link{margin-right:16px;padding:6px 12px 6px 0;flex-shrink:0}.px-section{margin-bottom:48px}.px-section-intro{margin-bottom:24px}.px-type-row{grid-template-columns:1fr;gap:8px;padding:16px 0}.px-obs-item{grid-template-columns:28px 1fr;gap:12px;padding:20px 0}.px-peer-row{grid-template-columns:1fr;gap:4px;padding:12px 0}.px-spec-row{grid-template-columns:1fr;gap:4px;padding:10px 0}.px-palette{grid-template-columns:repeat(3,1fr);gap:4px}.px-swatch{height:64px;padding:6px}.px-spec{padding-top:32px;margin-top:48px}.px-grid-toggle{bottom:16px;right:16px}.px-contrast-table th,.px-contrast-table td{padding:8px 8px 8px 0;font-size:.75rem}}@media(prefers-reduced-motion:reduce){.px-wrap{animation:none}.px-grid-toggle,.px-swatch,.px-swatch-copied,.px-spacing-bar{transition:none}}