:root{--bg: #f4f5f7;--surface: #ffffff;--surface-muted: #f9fafb;--surface-tint: #f1f5f9;--text: #0f172a;--text-muted: #6b7280;--text-soft: #94a3b8;--border: #d2d7e0;--border-strong: #b6becb;--primary: #e11d48;--primary-strong: #be123c;--primary-soft: #ffe5ec;--secondary: #2563eb;--info: #2563eb;--info-soft: #dbeafe;--success: #16a34a;--success-soft: #dcfce7;--warning: #f59e0b;--warning-soft: #fef3c7;--error: #b91c1c;--error-soft: #fee2e2;--warning-text: #b45309;--success-text: #15803d;--error-text: #b91c1c;--info-text: #1d4ed8;--text-muted-strong: #5f6875;--track-a: #1d4ed8;--track-b: #0f766e;--track-c: #6d28d9;--track-d: #9a3412;--track-e: #475569;--track-f: #b45309;--radius-card: 22px;--radius-preview: 16px;--radius-button: 16px;--radius-input: 12px;--radius-sm: 8px;--radius-pill: 999px;--shadow-card: 0 2px 6px rgba(15, 23, 42, .08);--shadow-raised: 0 8px 24px rgba(15, 23, 42, .12);--shadow-deep: 0 24px 60px rgba(15, 23, 42, .16);--focus-ring: 0 0 0 2px rgba(225, 29, 72, .2);--ease: cubic-bezier(.2, .8, .2, 1);--speed: .16s;--font-heading: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body: "Manrope", "Segoe UI", system-ui, sans-serif;--font-mono: "Cascadia Code", "SF Mono", Consolas, ui-monospace, monospace;--sidebar-w: 250px;--page-max: 1120px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0d141f;--surface: #111b2a;--surface-muted: #172334;--surface-tint: #1d2c43;--text: #e2e8f0;--text-muted: #94a3b8;--text-soft: #64748b;--border: #2a3b54;--border-strong: #3b4f6c;--primary: #f43f5e;--primary-strong: #fb7185;--primary-soft: rgba(244, 63, 94, .18);--secondary: #60a5fa;--info: #60a5fa;--info-soft: rgba(96, 165, 250, .2);--success: #22c55e;--success-soft: rgba(34, 197, 94, .16);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .16);--error: #f87171;--error-soft: rgba(248, 113, 113, .16);--warning-text: #fbbf24;--success-text: #4ade80;--error-text: #f87171;--info-text: #93c5fd;--text-muted-strong: #94a3b8;--track-a: #60a5fa;--track-b: #2dd4bf;--track-c: #a78bfa;--track-d: #fb923c;--track-e: #94a3b8;--track-f: #fbbf24;--shadow-card: 0 2px 6px rgba(2, 6, 23, .5);--shadow-raised: 0 8px 24px rgba(2, 6, 23, .6);--shadow-deep: 0 24px 60px rgba(2, 6, 23, .7);--focus-ring: 0 0 0 2px rgba(244, 63, 94, .28)}}:root[data-theme=dark]{--bg: #0d141f;--surface: #111b2a;--surface-muted: #172334;--surface-tint: #1d2c43;--text: #e2e8f0;--text-muted: #94a3b8;--text-soft: #64748b;--border: #2a3b54;--border-strong: #3b4f6c;--primary: #f43f5e;--primary-strong: #fb7185;--primary-soft: rgba(244, 63, 94, .18);--secondary: #60a5fa;--info: #60a5fa;--info-soft: rgba(96, 165, 250, .2);--success: #22c55e;--success-soft: rgba(34, 197, 94, .16);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .16);--error: #f87171;--error-soft: rgba(248, 113, 113, .16);--warning-text: #fbbf24;--success-text: #4ade80;--error-text: #f87171;--info-text: #93c5fd;--text-muted-strong: #94a3b8;--track-a: #60a5fa;--track-b: #2dd4bf;--track-c: #a78bfa;--track-d: #fb923c;--track-e: #94a3b8;--track-f: #fbbf24;--shadow-card: 0 2px 6px rgba(2, 6, 23, .5);--shadow-raised: 0 8px 24px rgba(2, 6, 23, .6);--shadow-deep: 0 24px 60px rgba(2, 6, 23, .7);--focus-ring: 0 0 0 2px rgba(244, 63, 94, .28)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root{color-scheme:light dark}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.01em;margin:0}h1{font-size:clamp(24px,2vw,32px);letter-spacing:-.02em;font-weight:700}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:600}h4{font-size:14px;font-weight:600}p{margin:0 0 12px}a{color:var(--info)}:focus-visible{outline:2px solid var(--info);outline-offset:2px}::selection{background:var(--primary-soft);color:var(--text)}.muted,.soft{color:var(--text-muted)}.small{font-size:12px}.ok{color:var(--success-text);font-weight:700}.pending{color:var(--text-soft)}.error{color:var(--error-text)}.tnum{font-variant-numeric:tabular-nums}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;gap:10px}.spacer{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px;box-shadow:var(--shadow-card)}.panel{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-preview);padding:12px}button,.btn{font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1;border:1px solid transparent;border-radius:var(--radius-button);background:var(--primary);color:#fff;padding:12px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;transition:background var(--speed) ease,border-color var(--speed) ease,color var(--speed) ease}button:hover,.btn:hover{background:var(--primary-strong)}button:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}button:disabled:hover{background:var(--primary)}.btn-secondary,button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:hover,button.secondary:hover{background:var(--surface-muted)}.btn-outline,button.outline{background:transparent;border-color:var(--primary);color:var(--primary)}.btn-outline:hover,button.outline:hover{background:var(--primary-soft)}.btn-quiet,button.quiet{background:var(--surface-muted);border-color:var(--border);color:var(--text-muted)}.btn-quiet:hover,button.quiet:hover{background:var(--surface-tint);color:var(--text)}button.linkish{background:none;border:none;color:var(--info);padding:0;border-radius:0;font-weight:600}button.linkish:hover{background:none;text-decoration:underline}button.linkish.subtle{color:var(--text-muted);font-weight:500}button.linkish.subtle:hover{color:var(--text-muted)}button.tiny{font-size:11px;padding:5px 10px;border-radius:var(--radius-pill)}.btn-sm{padding:8px 14px;font-size:13px}.btn-block{width:100%}input,textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-input);padding:10px 12px;font:inherit;margin-top:4px;background:var(--surface);color:var(--text);transition:border-color var(--speed) ease,box-shadow var(--speed) ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}input::placeholder{color:var(--text-soft)}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:auto}select{border:1px solid var(--border);border-radius:var(--radius-input);padding:9px 10px;font:inherit;background:var(--surface);color:var(--text)}label{display:block;margin-bottom:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}label.plain{text-transform:none;letter-spacing:0;font-size:14px;color:var(--text)}label.inline{display:inline-flex;align-items:center;gap:8px;margin:0}label.inline input,label.inline select{margin-top:0;width:auto}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;white-space:nowrap}.chip.layer-learn{background:var(--info-soft);color:var(--info-text)}.chip.layer-try{background:var(--warning-soft);color:var(--warning-text)}.chip.layer-prove,.chip-success{background:var(--success-soft);color:var(--success-text)}.chip-warning{background:var(--warning-soft);color:var(--warning-text)}.chip-error{background:var(--error-soft);color:var(--error-text)}.chip-info{background:var(--info-soft);color:var(--info-text)}.chip-primary{background:var(--primary-soft);color:var(--primary-strong)}.chip-outline{background:transparent;border:1px solid var(--border)}.chip-track{background:color-mix(in srgb,var(--track) 14%,transparent);color:var(--track)}[data-track=A]{--track: var(--track-a)}[data-track=B]{--track: var(--track-b)}[data-track=C]{--track: var(--track-c)}[data-track=D]{--track: var(--track-d)}[data-track=E]{--track: var(--track-e)}[data-track=F]{--track: var(--track-f)}.bar{height:6px;border-radius:999px;background:var(--surface-tint);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:var(--primary);transition:width .48s var(--ease)}.bar-fill.is-complete{background:var(--success)}.bar-lg{height:9px}.skeleton{background:linear-gradient(90deg,var(--surface-muted) 0%,var(--surface-tint) 50%,var(--surface-muted) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-input)}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}*{scroll-behavior:auto!important}}.demo-layout{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}@media (max-width: 860px){.demo-layout{grid-template-columns:1fr}}.demo-guide{position:sticky;top:12px;display:grid;gap:10px}.demo-chapters{display:grid;gap:6px}.demo-chapter{display:flex;align-items:center;gap:9px;text-align:left;background:var(--surface-muted);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-input);font-size:12.5px;font-weight:600;padding:7px 10px}.demo-chapter:hover{background:var(--surface-tint)}.demo-chapter.is-current{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.demo-chapter.is-done{color:var(--success-text)}.demo-chapter-n{flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--border);font-family:var(--font-heading);font-size:11px}.demo-progress{margin:2px 0 0}.demo-step-title{margin:0;font-size:17px;font-family:var(--font-heading)}.demo-step-body{margin:0;font-size:13.5px}.demo-fact{border-left:3px solid var(--info);background:var(--info-soft);border-radius:0 var(--radius-input) var(--radius-input) 0;padding:9px 11px}.demo-fact-tag{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--info-text)}.demo-fact p{margin:3px 0 0;font-size:12.5px}.demo-cue{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:var(--primary)}.demo-cue-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);animation:demo-pulse 1.4s ease-in-out infinite}.demo-next{justify-self:start}.demo-stray{margin:0;color:var(--warning-text);font-weight:600}.demo-restart{justify-self:start;color:var(--text-soft)}.demo-stage{min-width:0}.demo-app{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card)}.demo-topbar{display:flex;align-items:center;gap:6px;padding:0 12px;height:40px;border-bottom:1px solid var(--border);background:var(--surface)}.demo-topbar-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:10px;letter-spacing:.02em;flex:0 0 auto}.demo-topbar-sep{color:var(--text-soft);font-size:12px}.demo-topbar-crumb{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--text);padding:3px 6px;border-radius:var(--radius-sm);white-space:nowrap;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.demo-topbar-mark,.demo-topbar-search,.demo-topbar-icon,.demo-topbar-avatar{flex:0 0 auto}.demo-topbar-crumb svg{color:var(--text-muted)}.demo-topbar-chev{opacity:.55}.demo-topbar-logo{display:grid;place-items:center;width:15px;height:15px;border-radius:4px;background:var(--surface-tint);color:var(--text-muted);font-size:9px;font-weight:700}.demo-topbar-search{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 9px;background:var(--surface-muted)}.demo-topbar-search kbd{font:inherit;font-size:9.5px;color:var(--text-soft);border:1px solid var(--border);border-radius:4px;padding:0 4px}.demo-topbar-icon{display:inline-flex;color:var(--text-muted);padding:2px}.demo-topbar-avatar{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--surface-tint);color:var(--text-muted);font-size:9.5px;font-weight:700;flex:0 0 auto}.demo-shell{display:grid;grid-template-columns:178px minmax(0,1fr);min-height:520px}.demo-sidebar{border-right:1px solid var(--border);background:var(--surface);padding:11px 9px;display:flex;flex-direction:column;gap:11px}.demo-sidebar-group{display:grid;gap:2px}.demo-sidebar-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700;padding:0 2px 3px}.demo-sidebar-link{width:100%;display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;text-align:left}.demo-sidebar-link svg{flex:0 0 auto}.demo-sidebar-link:hover{border-color:var(--border-strong);background:var(--surface-muted);color:var(--text)}.demo-sidebar-link.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.demo-sidebar-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-sidebar-badge{margin-left:auto;min-width:15px;height:15px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;line-height:1;border-radius:var(--radius-pill);background:var(--primary);color:#fff}.demo-main{min-width:0;display:flex;flex-direction:column}.demo-pagehead{padding:13px 16px 0;display:grid;gap:5px}.demo-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:10.5px;font-weight:600;color:var(--text-muted)}.demo-crumb-sep{color:var(--text-soft);margin-right:5px}.demo-crumb-current{color:var(--text)}.demo-pagehead-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.demo-pagehead-text{min-width:0}.demo-pagehead h3{margin:0 0 3px;font-family:var(--font-heading);font-size:19px;letter-spacing:-.02em;line-height:1.15}.demo-pagehead-desc{margin:0;max-width:520px;color:var(--text-muted);font-size:11.5px;line-height:16px;min-height:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.demo-tabs{display:flex;gap:2px;flex-wrap:wrap;padding:9px 14px 0;border-bottom:1px solid var(--border)}.demo-tab{background:none;color:var(--text-muted);font-size:12px;padding:6px 9px 8px;border-radius:0;border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:5px}.demo-tab:hover{background:none;color:var(--text)}.demo-tab.is-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.demo-tab-count{font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:var(--radius-pill);background:var(--surface-tint);color:var(--text-muted)}.demo-viewseg{display:inline-flex;gap:2px;margin:12px 16px 0;padding:2px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-muted);align-self:start}.demo-viewseg-opt{background:none;color:var(--text-muted);font-size:11.5px;font-weight:600;padding:4px 12px;border-radius:var(--radius-pill)}.demo-viewseg-opt:hover{color:var(--text);background:var(--surface-tint)}.demo-viewseg-opt.is-active{background:var(--surface);color:var(--text);font-weight:700;box-shadow:var(--shadow-card)}.demo-app-body{padding:14px 16px 16px;display:grid;gap:11px;align-content:start}.demo-app-body--rail{grid-template-columns:136px minmax(0,1fr);gap:16px;align-items:start}.demo-rail{display:grid;gap:10px;align-content:start;max-height:430px;overflow-y:auto}.demo-rail-filter{font-size:10.5px;color:var(--text-soft);border:1px solid var(--border);border-radius:var(--radius-input);padding:5px 8px;background:var(--surface-muted)}.demo-rail-group{display:grid;gap:1px}.demo-rail-heading{font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--text-muted);padding:0 2px 3px}.demo-rail-item{background:none;text-align:left;font-size:11.5px;font-weight:600;color:var(--text-muted);padding:5px 8px;border-radius:var(--radius-sm);border-left:2px solid transparent}.demo-rail-item:hover{background:var(--surface-muted);color:var(--text)}.demo-rail-item.is-active{background:var(--surface-tint);color:var(--primary);border-left-color:var(--primary)}.demo-body-main{min-width:0;display:grid;gap:11px;align-content:start}.demo-screen-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.demo-screen-head h3{margin:0;font-size:14px;font-family:var(--font-heading);display:flex;align-items:center;gap:8px}.demo-head-actions{display:flex;gap:8px;flex-wrap:wrap}.demo-count{margin:0}.demo-app button.small{font-size:12.5px;padding:7px 13px}.demo-secondary{background:var(--surface-muted);color:var(--text);border:1px solid var(--border)}.demo-secondary:hover{background:var(--surface-tint)}.demo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface-muted)}.demo-row-main{display:grid;gap:2px;flex:1 1 220px;min-width:0}.demo-row-main strong{font-size:13.5px}.demo-row.is-dim{opacity:.62}.demo-amount{font-family:var(--font-heading);font-size:14px;white-space:nowrap}.demo-footnote{margin:0}.demo-card-stub{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:10px 13px;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface-muted);opacity:.6}.demo-card-stub strong{font-family:var(--font-heading);font-size:13px}.demo-settings-card{display:grid;gap:10px;padding:14px 15px;border:1px solid var(--border);border-radius:var(--radius-preview);background:var(--surface);box-shadow:var(--shadow-card)}.demo-switchrow{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface-muted);font-weight:400;cursor:pointer;text-transform:none;letter-spacing:0;font-size:12.5px;color:var(--text)}.demo-switchrow input{margin:2px 0 0;flex:0 0 auto}.demo-switchrow>span{display:grid;gap:3px}.demo-switchrow strong{font-size:13px}.demo-policy{display:grid;gap:7px}.demo-policy-opt{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--primary);border-radius:var(--radius-input);background:var(--primary-soft)}.demo-policy-opt>.demo-policy-dot+span{display:grid;gap:3px}.demo-policy-opt strong{font-size:13px}.demo-policy-opt .demo-pill{margin-left:auto;align-self:center}.demo-policy-dot{flex:0 0 auto;margin-top:2px;width:13px;height:13px;border-radius:50%;border:4px solid var(--primary);background:var(--surface)}.demo-policy-opt.is-off{border-color:var(--border);background:var(--surface-muted)}.demo-policy-opt.is-off .demo-policy-dot{border:1px solid var(--border-strong);background:var(--surface)}.demo-filterbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.demo-fakeinput,.demo-fakeselect{font-size:11.5px;color:var(--text-soft);border:1px solid var(--border);border-radius:var(--radius-input);padding:6px 10px;background:var(--surface-muted)}.demo-fakeinput{flex:1 1 220px;min-width:0}.demo-hero{display:flex;gap:6px;flex-wrap:wrap}.demo-pill{display:inline-block;border-radius:var(--radius-pill);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 9px;white-space:nowrap}.pill-draft{background:var(--surface-tint);color:var(--text-muted)}.pill-warn{background:var(--warning-soft);color:var(--warning-text)}.pill-sent{background:var(--info-soft);color:var(--info-text)}.pill-pending{background:var(--warning-soft);color:var(--warning-text)}.pill-preview{background:var(--surface-tint);color:var(--text-soft)}.pill-ok,.pill-paid{background:var(--success-soft);color:var(--success-text)}.demo-table{width:100%;border-collapse:collapse;font-size:13px}.demo-table th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:6px 10px;border-bottom:1px solid var(--border)}.demo-table td{padding:8px 10px;border-bottom:1px solid var(--border)}.demo-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.demo-totals{display:flex;gap:16px;justify-content:flex-end;align-items:baseline}.demo-totals strong{font-family:var(--font-heading);font-size:15px}.demo-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 12px}.demo-field-grid:has(textarea){grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.demo-field-grid label{margin-bottom:6px;display:flex;flex-direction:column;justify-content:flex-end}.demo-app label:not(.demo-check):not(.demo-switchrow){text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;color:var(--text-muted)}.demo-field-grid input,.demo-field-grid select{margin-top:3px}.demo-field-grid select{width:100%;padding:10px 12px;background:var(--surface-muted)}.demo-empty{display:grid;place-items:center;padding:34px 16px;border:1px dashed var(--border);border-radius:var(--radius-input)}.demo-empty p{margin:0;max-width:380px;text-align:center;font-size:13.5px}.demo-banner{padding:11px 13px;font-size:13px;border:1px solid var(--success);border-radius:var(--radius-input);background:var(--success-soft);color:var(--success-text)}.demo-banner.is-warn{border-color:var(--warning);background:var(--warning-soft);color:var(--warning-text)}.demo-doc{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface);padding:18px 20px;display:grid;gap:14px;box-shadow:0 8px 22px #0f172a14}.demo-doc-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.demo-doc-head p{margin:0}.demo-doc-brand{font-family:var(--font-heading);font-weight:700;font-size:15px}.demo-doc-title{text-align:right}.demo-doc-title p{margin:0 0 4px;font-family:var(--font-heading);font-weight:700;letter-spacing:.09em;font-size:13.5px}.demo-doc-meta{display:flex;gap:28px;flex-wrap:wrap}.demo-doc-meta p{margin:0;font-size:13px}.demo-doc-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px!important}.demo-doc-table td{border-bottom-style:dashed}.demo-doc-total td{border-bottom:none;font-weight:700;font-family:var(--font-heading);padding-top:12px}.demo-modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:safe center;background:#0f172a6b;border-radius:0;z-index:4;padding:18px;overflow-y:auto}.demo-app:has(>.demo-modal-scrim.is-tall) .demo-shell{min-height:690px}.demo-modal{width:100%;max-width:340px;display:grid;gap:8px}.demo-modal h3{margin:0;font-size:15.5px}.demo-modal p{margin:0}.demo-modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px}.demo-customer .demo-app-body{padding:26px 22px}.demo-browser-bar{display:flex;align-items:center;gap:6px;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--surface-muted)}.demo-browser-dot{width:9px;height:9px;border-radius:50%;background:var(--border)}.demo-browser-url{margin-left:8px;flex:1;font-size:12px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 12px}.demo-paypage{display:grid;gap:10px;justify-items:center;text-align:center}.demo-paypage h3{margin:0;font-size:17px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.demo-paypage>p{margin:0}.demo-payamount{font-family:var(--font-heading);font-weight:700;font-size:26px}.demo-payactions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.demo-eft{margin-top:6px;padding:12px 14px;max-width:420px;border:1px dashed var(--border);border-radius:var(--radius-input);background:var(--surface-muted);display:grid;gap:6px;justify-items:center}.demo-eft p{margin:0}.demo-paid-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--success-soft);color:var(--success-text);font-size:22px;font-weight:700}.demo-wrap{display:grid;gap:12px}.demo-wrap h3{margin:0}.demo-wrap ul{margin:0;padding-left:20px;display:grid;gap:8px;font-size:13.5px}.demo-wrap button{justify-self:start}.demo-modal--wide{max-width:520px}.demo-field-grid textarea{width:100%;margin-top:3px;padding:8px 10px;resize:vertical;font:inherit;font-size:12.5px;background:var(--surface-muted);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-input)}.demo-check{display:flex;align-items:flex-start;gap:9px;margin:0;font-weight:400;color:var(--text);text-transform:none;letter-spacing:0}.demo-check input{margin:2px 0 0;flex:0 0 auto}.demo-check strong{font-weight:700}.demo-scope{display:grid;gap:7px}.demo-map{display:grid;place-items:center;gap:2px;padding:12px;border:1px dashed var(--border);border-radius:var(--radius-input);background:var(--surface-muted)}.demo-map-pin{font-size:22px;line-height:1}.demo-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}.demo-step-row{display:flex;align-items:flex-start;gap:9px;padding:8px 11px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface-muted)}.demo-step-row.is-waiting{opacity:.55}.demo-step-row.is-running{border-color:var(--primary)}.demo-step-mark{flex:0 0 auto;width:18px;text-align:center;font-weight:700;color:var(--text-soft)}.demo-step-row.is-done .demo-step-mark{color:var(--success-text)}.demo-step-row.is-running .demo-step-mark{color:var(--primary)}.demo-step-row div{min-width:0}.lesson-demo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 15px;margin:4px 0;border:1px solid var(--primary);border-radius:var(--radius-card);background:var(--primary-soft);color:inherit;text-decoration:none}.lesson-demo:hover{background:var(--surface-tint)}.lesson-demo-main{flex:1 1 240px;min-width:0;display:grid;gap:2px}.lesson-demo-main strong{font-family:var(--font-heading);font-size:14.5px}.lesson-demo-go{flex:0 0 auto;font-size:12.5px;font-weight:700;color:var(--primary)}.demo-glow{position:relative;box-shadow:0 0 0 3px var(--primary-soft),0 0 0 1px var(--primary);animation:demo-glow 1.4s ease-in-out infinite}@keyframes demo-glow{0%,to{box-shadow:0 0 0 3px var(--primary-soft),0 0 0 1px var(--primary)}50%{box-shadow:0 0 0 7px var(--primary-soft),0 0 0 1px var(--primary)}}@keyframes demo-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.55}}@media (prefers-reduced-motion: reduce){.demo-glow,.demo-cue-dot{animation:none}}.page.demo-page-wide{--demo-w: min(1480px, calc(100vw - var(--sidebar-w) - 48px));width:var(--demo-w);max-width:none;margin-left:calc(50% - var(--demo-w) / 2)}@media (max-width: 1008px){.page.demo-page-wide{width:auto;max-width:var(--page-max);margin-left:0}}@media (max-width: 1400px){.demo-shell{grid-template-columns:46px minmax(0,1fr)}.demo-sidebar{padding:11px 6px;align-items:center}.demo-sidebar-group{justify-items:center;width:100%}.demo-sidebar-text,.demo-sidebar-label{display:none}.demo-sidebar-group+.demo-sidebar-group{border-top:1px solid var(--border);padding-top:9px}.demo-sidebar-link{justify-content:center;padding:6px}.demo-sidebar-badge{position:absolute;margin:0;transform:translate(9px,-9px)}.demo-sidebar-link{position:relative}.demo-topbar-search kbd{display:none}.demo-app-body--rail{grid-template-columns:minmax(0,1fr)}.demo-rail{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;gap:12px;padding-bottom:4px}.demo-rail-filter{display:none}.demo-rail-group{grid-auto-flow:column;grid-auto-columns:max-content;gap:4px}.demo-rail-heading{display:none}.demo-rail-item{border:1px solid var(--border);border-radius:var(--radius-pill);white-space:nowrap;padding:4px 10px}.demo-rail-item.is-active{border-color:var(--primary)}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 15% -10%,var(--primary-soft),transparent 60%),radial-gradient(700px 420px at 100% 110%,var(--info-soft),transparent 60%),var(--bg)}.auth-card{width:100%;max-width:400px;padding:28px}.auth-card .mark{margin-bottom:18px}.auth-card h1{font-size:24px;margin-bottom:4px}.auth-card>p{margin-bottom:20px}.auth-card label{margin-bottom:14px}.auth-foot{margin:16px 0 0;font-size:12px;color:var(--text-muted)}.mark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.mark-glyph{width:34px;height:34px;flex:none;border-radius:11px;background:linear-gradient(145deg,var(--primary),var(--primary-strong));color:#fff;display:grid;place-items:center;font-family:var(--font-heading);font-weight:700;font-size:15px;letter-spacing:-.03em;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 35%,transparent)}.mark-words{display:grid;line-height:1.15}.mark-words b{font-family:var(--font-heading);font-weight:700;font-size:15px}.mark-words span{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:6px;padding:20px 14px;background:var(--surface);border-right:1px solid var(--border)}.sidebar-brand{padding:2px 8px 18px}.sidebar-section{margin:14px 8px 6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-input);color:var(--text-muted);text-decoration:none;font-weight:600;font-size:13.5px;border:1px solid transparent;transition:background var(--speed) ease,color var(--speed) ease}.nav-item:hover{background:var(--surface-muted);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--primary-strong);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.nav-item svg{width:18px;height:18px;flex:none}.nav-count{margin-left:auto;font-size:11px;font-weight:700;background:var(--surface-tint);color:var(--text-muted);border-radius:var(--radius-pill);padding:1px 7px;min-width:20px;text-align:center}.nav-item.active .nav-count{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary-strong)}.sidebar-foot{margin-top:auto;display:grid;gap:10px;padding-top:14px}.who{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-input)}.avatar{width:32px;height:32px;flex:none;border-radius:50%;background:var(--surface-tint);color:var(--text-muted);display:grid;place-items:center;font-weight:700;font-size:12px;font-family:var(--font-heading);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.who-name{display:grid;min-width:0;line-height:1.25}.who-name b{font-size:13px;font-weight:700}.who-name span{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tools{display:flex;gap:6px}.icon-btn{background:var(--surface-muted);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-input);padding:7px 10px;font-size:12px;font-weight:600;flex:1}.icon-btn:hover{background:var(--surface-tint);color:var(--text)}.main{min-width:0}.page{max-width:var(--page-max);margin:0 auto;padding:28px 32px 80px}.page-wide{max-width:1320px}.topbar{display:none}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:20;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-nav{display:flex;gap:6px;overflow-x:auto;margin-left:auto;scrollbar-width:none}.topbar-nav::-webkit-scrollbar{display:none}.topbar-nav .nav-item{padding:7px 12px;font-size:13px;white-space:nowrap}.topbar-nav .nav-item svg{display:none}.page{padding:20px 16px 72px}}.page-head{margin:0 0 22px;display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.page-head-text{min-width:0;flex:1 1 320px}.page-head h1{margin-bottom:4px}.page-head p{margin:0;color:var(--text-muted);max-width:70ch}.page-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.backlink{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;font-size:12.5px;font-weight:600;color:var(--text-muted);text-decoration:none}.backlink:hover{color:var(--text)}.section-head{display:flex;align-items:baseline;gap:12px;margin:32px 0 12px}.section-head h2{font-size:17px}.section-head p{margin:0;font-size:13px;color:var(--text-muted-strong)}.page>.muted,.page>p.muted,.layer-head p,.checkpoints>.small.muted{color:var(--text-muted-strong)}.section-head .spacer+*{flex:none}.empty{display:grid;gap:10px;justify-items:center;text-align:center;padding:40px 24px;color:var(--text-muted)}.empty-glyph{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--surface-tint);color:var(--text-soft);font-size:20px}.empty h3{color:var(--text)}.empty p{max-width:46ch;margin:0}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:22px}.stat-tile{padding:14px 16px;display:grid;gap:2px}.stat-tile b{font-family:var(--font-heading);font-size:25px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.stat-tile span{font-size:11.5px;color:var(--text-muted);font-weight:600}.resume{position:relative;overflow:hidden;padding:24px 26px;border-color:color-mix(in srgb,var(--primary) 26%,var(--border));background:radial-gradient(620px 240px at 100% 0%,var(--primary-soft),transparent 70%),var(--surface)}.resume-eyebrow{margin-bottom:8px;color:var(--primary-strong)}.resume h2{font-size:23px;margin-bottom:6px}.resume-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.resume-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.resume-progress{flex:1 1 220px;min-width:180px;display:grid;gap:6px}.resume-progress .small{color:var(--text-muted)}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:14px}.module-card{text-decoration:none;color:inherit;display:grid;gap:8px;align-content:start;padding:16px 18px 18px;border-top:3px solid var(--track, var(--border));transition:border-color var(--speed) ease,box-shadow var(--speed) ease,transform var(--speed) var(--ease)}.module-card:hover{box-shadow:var(--shadow-raised)}.module-card h3{font-size:16.5px}.module-card .card-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.module-card .blurb{margin:0;font-size:13px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-card .card-foot{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:12px;color:var(--text-muted)}.module-card .bar{margin-top:6px}.module-card.is-certified{border-top-color:var(--success)}.dot-sep:before{content:"·";margin-right:8px;color:var(--text-soft)}.path-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.path-card{display:grid;gap:10px;text-decoration:none;color:inherit;padding:18px;transition:box-shadow var(--speed) ease}.path-card:hover{box-shadow:var(--shadow-raised)}.path-card-head{display:flex;align-items:flex-start;gap:14px}.path-card-head h3{font-size:16.5px;margin-bottom:2px}.path-card-head p{margin:0;font-size:12.5px;color:var(--text-muted)}.path-modules{display:flex;flex-wrap:wrap;gap:5px}.path-mod{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);padding:2px 9px;background:var(--surface-muted);color:var(--text-muted);border:1px solid transparent}.path-mod.is-done{background:var(--success-soft);color:var(--success-text)}.path-mod.is-optional{opacity:.6;border-style:dashed;border-color:var(--border)}.ring{flex:none;display:block}.ring circle{fill:none;stroke-width:6}.ring .ring-track{stroke:var(--surface-tint)}.ring .ring-fill{stroke:var(--primary);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray .6s var(--ease)}.ring.is-complete .ring-fill{stroke:var(--success)}.ring-label{font-family:var(--font-heading);font-size:13px;font-weight:700;fill:var(--text);text-anchor:middle;dominant-baseline:central}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-pill)}.seg button{background:transparent;border:none;color:var(--text-muted);padding:6px 13px;font-size:12.5px;border-radius:var(--radius-pill)}.seg button:hover{background:transparent;color:var(--text)}.seg button.active{background:var(--surface);color:var(--primary-strong);box-shadow:var(--shadow-card)}.search-field{position:relative;flex:1 1 220px;max-width:320px}.search-field input{margin-top:0;padding-left:34px}.search-field svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-soft);pointer-events:none}.module-hero{display:grid;gap:14px;margin-bottom:22px;padding:24px 26px}.module-hero h1{margin-bottom:6px}.module-hero>p{margin:0;color:var(--text-muted);max-width:72ch}.hero-meta{display:flex;flex-wrap:wrap;gap:8px}.hero-progress{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-progress .bar{flex:1 1 220px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.syllabus{display:grid;gap:8px}.layer-head{display:flex;align-items:center;gap:10px;margin:20px 0 8px}.layer-head h3{font-size:13px;text-transform:uppercase;letter-spacing:.07em}.layer-head p{margin:0;font-size:12.5px}.lesson-row{display:flex;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;color:inherit;border-radius:var(--radius-preview);transition:border-color var(--speed) ease,background var(--speed) ease}.lesson-row:hover{background:var(--surface-muted);border-color:var(--border-strong)}.lesson-row.is-next{border-color:var(--primary);background:var(--surface)}.lesson-state{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--surface-tint);color:var(--text-muted);border:1px solid var(--border)}.lesson-state.is-done{background:var(--success-soft);color:var(--success-text);border-color:transparent}.lesson-state.is-next{background:var(--primary);color:#fff;border-color:transparent}.lesson-row-body{min-width:0;flex:1;display:grid;gap:2px}.lesson-row-body strong{font-family:var(--font-heading);font-weight:600;font-size:14.5px}.lesson-row-meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-muted)}.lesson-row-go{font-size:12.5px;font-weight:700;color:var(--text-muted)}.lesson-row:hover .lesson-row-go{color:var(--primary)}.kind-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.claim{margin-top:24px;padding:22px 24px;display:grid;gap:12px}.claim.is-ready{border-color:var(--success);background:radial-gradient(520px 200px at 100% 0%,var(--success-soft),transparent 70%),var(--surface)}.claim h3{font-size:17px}.claim p{margin:0;color:var(--text-muted);max-width:62ch}.claim-missing{display:flex;flex-wrap:wrap;gap:6px}.player{display:grid;grid-template-columns:268px minmax(0,1fr);gap:26px;align-items:start}@media (max-width: 1080px){.player{grid-template-columns:1fr}}.contents{position:sticky;top:24px;display:grid;gap:4px;padding:14px}.contents-head{padding:2px 8px 10px;display:grid;gap:6px}.contents-head b{font-family:var(--font-heading);font-size:14px}.contents-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:52vh;overflow:auto}.contents-item{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-muted);font-size:13px;line-height:1.35}.contents-item:hover{background:var(--surface-muted);color:var(--text)}.contents-item.active{background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.contents-tick{width:17px;height:17px;flex:none;border-radius:50%;font-size:10px;display:grid;place-items:center;border:1px solid var(--border);color:var(--text-soft)}.contents-item.is-done .contents-tick{background:var(--success);border-color:var(--success);color:#fff}@media (max-width: 1080px){.contents{position:static;max-height:none}.contents-list{max-height:none}}.lesson-main{min-width:0;display:grid;gap:16px}.lesson-head{display:grid;gap:8px}.lesson-head h1{font-size:clamp(22px,2vw,28px)}.lesson-head-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lesson-nav{display:flex;align-items:center;gap:12px;margin-top:8px;padding:14px 16px;position:sticky;bottom:16px;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow-raised)}.lesson-nav .spacer{margin-left:auto}.lesson-nav-hint{font-size:12px;color:var(--text-muted)}.learn-page{max-width:68ch;font-size:15px;line-height:1.72}.learn-page h3{font-size:19px;margin:30px 0 10px;font-weight:700;letter-spacing:-.01em}.learn-page h3:first-child{margin-top:0}.learn-page p{margin:0 0 15px}.learn-page ul{margin:0 0 16px;padding-left:22px}.learn-page li{margin-bottom:7px}.callout{border-left:3px solid var(--info);background:var(--surface-muted);border-radius:0 var(--radius-input) var(--radius-input) 0;padding:12px 16px;margin:18px 0;font-size:14px}.callout p:last-child{margin-bottom:0}.callout-warning{border-left-color:var(--warning)}.callout-story{border-left-color:var(--primary)}.callout-label{display:block;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.checkpoints{display:grid;gap:12px;margin:26px 0 0}.checkpoint{padding:16px 18px}.checkpoint legend{font-weight:600;font-family:var(--font-heading);padding:0;margin-bottom:8px}.checkpoint .option{display:flex;gap:9px;align-items:flex-start;margin:6px 0;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text);font-weight:400}.checkpoint-verdict{margin:10px 0 0;font-size:13.5px;padding:10px 13px;border-radius:var(--radius-input)}.checkpoint-verdict.right{background:var(--success-soft);color:var(--success-text)}.checkpoint-verdict.wrong{background:var(--warning-soft);color:var(--warning-text)}.quiz{display:grid;gap:12px}.quiz-intro{margin:0}.quiz-status{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap;position:sticky;top:12px;z-index:4}.quiz-status .bar{flex:1 1 160px}.question{padding:18px 20px;border:1px solid var(--border);margin:0}.question legend{padding:0;font-family:var(--font-heading);font-weight:600;font-size:15.5px;display:flex;gap:10px;align-items:baseline;margin-bottom:10px}.question .qnum{font-size:11px;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;padding-top:2px}.question .scenario{background:var(--surface-muted);border-left:3px solid var(--border-strong);border-radius:0 var(--radius-input) var(--radius-input) 0;padding:10px 14px;margin:0 0 12px;font-size:13.5px;color:var(--text-muted)}.quiz .option{display:flex;gap:10px;align-items:flex-start;margin:0 0 7px;padding:10px 13px;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface);cursor:pointer;font-weight:400;font-size:14px;text-transform:none;letter-spacing:0;color:var(--text);transition:border-color var(--speed) ease,background var(--speed) ease}.quiz .option:hover{border-color:var(--border-strong);background:var(--surface-muted)}.quiz .option:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.quiz .option input{margin:3px 0 0;flex:none}.question.is-wrong{border-color:var(--warning)}.question.is-mustpass{border-left:3px solid var(--warning)}.mustpass-flag{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--warning-text);margin-left:auto;flex:none}.quiz-verdict{padding:18px 20px;display:grid;gap:8px}.quiz-verdict.passed{border-color:var(--success)}.quiz-verdict.failed{border-color:var(--warning)}.verdict-score{font-family:var(--font-heading);font-size:30px;font-weight:700;line-height:1}.practical{display:grid;gap:12px}.prac-header{position:sticky;top:12px;z-index:5;padding:16px 20px}.prac-header-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.prac-count{display:flex;align-items:baseline;gap:6px}.prac-count strong{font-family:var(--font-heading);font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.prac-count span{font-size:12px;color:var(--text-muted)}.live-wrap{display:inline-flex;align-items:center;gap:6px}.live-dot{width:7px;height:7px;border-radius:999px;background:var(--success);box-shadow:0 0 0 0 var(--success);animation:livePulse 2s ease-out infinite}@keyframes livePulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}@media (prefers-reduced-motion: reduce){.live-dot{animation:none}}.live-text{font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.token-chip{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:var(--surface-tint);color:var(--text);border:1px dashed var(--border-strong);border-radius:var(--radius-pill);padding:6px 13px;cursor:pointer}.token-chip:hover{background:var(--info-soft);border-color:var(--info)}.token-chip.is-copied{background:var(--success-soft);border-color:var(--success)}.token-label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--text);opacity:.72;font-weight:700}.token-value{font-family:var(--font-mono);font-size:14px;font-weight:700}.token-hint{font-size:10.5px;color:var(--text);opacity:.6}.prac-bar{height:6px;border-radius:999px;background:var(--surface-tint);overflow:hidden;margin-top:12px}.prac-bar-fill{height:100%;background:var(--success);border-radius:999px;transition:width .42s var(--ease)}.prac-next{margin:10px 0 0;font-size:13px}.prac-next-label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--info-text);margin-right:8px}.practical .steps{list-style:none;padding:0;display:grid;gap:10px;margin:0}.practical .step{transition:border-color .2s ease,background .2s ease;padding:13px 16px}.practical .step-head{display:flex;align-items:center;gap:10px}.practical .step-ok{border-color:var(--success)}.practical .step-next{border-color:var(--info);background:var(--surface)}.practical .step-head strong{font-family:var(--font-heading);font-weight:600}.step-done-compact{display:flex;align-items:center;gap:10px;padding:7px 18px;font-size:13px;color:var(--text);opacity:.78}.step-done-compact .ok{font-size:12px}.nudge-btn{margin-left:auto;font-size:12px}.nudge-btn.is-offered{text-decoration:underline}.practical .nudge{background:#fdf3d6;color:#4a3606;border:1px solid #f0d089;border-radius:var(--radius-input);padding:9px 13px;margin:8px 0 0;font-size:13.5px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .practical .nudge{background:#2a2313;color:#f6e2b0;border-color:#5a4a1e}}:root[data-theme=dark] .practical .nudge{background:#2a2313;color:#f6e2b0;border-color:#5a4a1e}.brief-tasks{margin:10px 0 0;padding-left:22px;display:grid;gap:7px}.brief-tasks li{font-size:13.5px}.brief-note{margin:12px 0 0;padding-top:10px;border-top:1px dashed var(--border);font-size:13px;color:var(--text-muted)}.access-panel{border-left:3px solid var(--info);background:var(--surface-tint);border-radius:0 var(--radius-input) var(--radius-input) 0;padding:14px 18px}.access-panel h4{font-family:var(--font-heading);font-size:13px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em;color:var(--info-text)}.access-panel ol{margin:0;padding-left:20px}.access-panel li{margin-bottom:6px;font-size:13.5px}.access-panel li:last-child{margin-bottom:0}.access-panel a{color:var(--info)}.access-panel-blocked{border-left-color:var(--warning)}.access-panel-blocked p{margin:0 0 6px;font-size:13.5px}details.access-panel>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}details.access-panel>summary::-webkit-details-marker{display:none}details.access-panel>summary:before{content:"▸";color:var(--info);font-size:11px}details.access-panel[open]>summary:before{content:"▾"}.access-title{font-family:var(--font-heading);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--info-text)}.access-room{margin-left:auto;font-size:12px;color:var(--text-muted);font-family:var(--font-heading)}details.access-panel>ol{margin-top:10px}.prac-footer{display:flex;gap:18px;align-items:center;margin-top:4px}.step-group{margin-top:16px}.step-group:first-of-type{margin-top:4px}.step-group-title{display:flex;align-items:baseline;gap:10px;font-family:var(--font-heading);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text);opacity:.72;margin:0 0 8px 2px}.step-group-count{font-size:11px;letter-spacing:0;text-transform:none;color:var(--text-muted);font-variant-numeric:tabular-nums}.step-why{margin:7px 0 0 26px;font-size:12.5px;color:var(--text);opacity:.72;max-width:62ch}.practical .step-guard{border-style:dashed}.practical .step-guard.step-ok{border-color:var(--border)}.guard-badge{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--text-muted);background:var(--surface-tint);border-radius:var(--radius-pill);padding:2px 8px}.passed{text-align:center;padding:32px 26px;border-color:var(--success)}.passed-mark{width:52px;height:52px;margin:0 auto 12px;border-radius:999px;background:var(--success-soft);color:var(--success-text);display:grid;place-items:center;font-size:24px;font-weight:700}.passed h3{font-size:19px;margin-bottom:6px}.passed p{margin:0 auto 16px;max-width:48ch;color:var(--text-muted)}.practical-passed{text-align:center;padding:32px 26px;border-color:var(--success)}@media (max-width: 620px){.token-chip{margin-left:0}.prac-header,.quiz-status{position:static}}.sim{display:grid;gap:12px}.sim-brief p{margin:0;white-space:pre-line}.sim-progress{display:grid;gap:8px;padding:14px 18px}.sim-result{padding:14px 18px}.sim-wrong{margin:6px 0 0;padding-left:20px}.sim-wrong li{font-size:13.5px;margin-bottom:4px}.shift{display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(260px,330px);gap:12px;align-items:start}@media (max-width: 1100px){.shift{grid-template-columns:1fr}}.shift-queue,.shift-event,.shift-actions{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:14px}.shift-queue{display:grid;gap:6px;align-content:start}.shift-section{display:flex;align-items:center;gap:6px;margin:6px 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.shift-section span{background:var(--surface-tint);border-radius:var(--radius-pill);padding:1px 7px;font-size:11px}.shift-section-attention:before,.shift-section-handled:before{content:"";width:7px;height:7px;border-radius:50%}.shift-section-attention:before{background:var(--primary)}.shift-section-handled:before{background:var(--success)}.shift-card{display:flex;gap:9px;align-items:stretch;width:100%;text-align:left;padding:9px 10px;cursor:pointer;background:var(--surface-muted);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-input);font:inherit}.shift-card:hover{background:var(--surface-tint)}.shift-card.is-open{border-color:var(--info);background:var(--surface)}.shift-card.is-done{opacity:.62}.shift-card-body{display:grid;gap:1px;min-width:0}.shift-card-body strong{font-family:var(--font-heading);font-size:13.5px}.shift-card-time{font-size:11px;color:var(--text-muted)}.sev{width:4px;border-radius:3px;flex:0 0 4px;align-self:stretch}.sev-high{background:#e11d48}.sev-medium{background:#f59e0b}.sev-low{background:#14b8a6}.shift-event-head{display:flex;gap:11px;align-items:center;margin-bottom:10px}.shift-event-head h3{margin:0;font-size:17px}.shift-event-head .sev{min-height:34px}.shift-event-head p{margin:2px 0 0}.shift-summary{margin:0 0 12px}.shift-media{margin-bottom:14px}.shift-media-open{padding:13px 15px;border:1px solid var(--info);border-radius:var(--radius-input);background:var(--info-soft)}.shift-media-open .shift-sub{margin-bottom:5px}.shift-media-note{margin:7px 0 0;font-size:13px;color:var(--text-muted)}.shift-media-shut{display:grid;gap:9px;justify-items:start;padding:18px;border:1px dashed var(--border);border-radius:var(--radius-input);background:var(--surface-muted)}.shift-media-shut p{margin:0;font-size:13.5px;color:var(--text-muted)}.shift-sub{margin:0 0 7px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.shift-context{margin:0;padding-left:19px}.shift-context li{font-size:13.5px;margin-bottom:4px}.shift-actions{display:grid;gap:16px;align-content:start}.shift-block{display:grid;gap:9px}.shift-contact{display:grid;gap:7px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface-muted)}.shift-contact-head{display:grid;gap:2px}.shift-cred{font-size:11.5px;color:var(--text-muted)}.shift-dial{margin:0;font-variant-numeric:tabular-nums;font-size:15px;font-family:var(--font-heading)}.shift-transcript{margin:0;padding:9px 11px;font-size:13px;font-style:italic;border-left:3px solid var(--info);background:var(--surface);border-radius:0 var(--radius-input) var(--radius-input) 0}.shift-hint{margin:0;font-size:11.5px;color:var(--text-muted)}.shift-unit{display:flex;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface-muted);flex-wrap:wrap}.shift-unit>div{flex:1 1 120px;min-width:0}.shift-unit strong{font-family:var(--font-heading);font-size:13.5px}.shift-unit p{margin:1px 0 0}.shift-unit.is-rolled{border-color:var(--success);background:var(--success-soft)}.shift-decision{display:grid;gap:6px;margin:0 0 4px;padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface-muted)}.shift-decision legend{padding:0;font-size:13.5px;font-weight:600;font-family:var(--font-heading)}.shift-decision .option{font-size:13px;display:flex;gap:8px;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:400;color:var(--text);margin-bottom:4px}.chip-done{background:var(--success-soft);color:var(--success-text)}.chip-queue{background:var(--warning-soft);color:var(--warning-text);border-radius:var(--radius-pill);padding:2px 9px;font-size:11px;font-weight:600;white-space:nowrap}.learn-page figure{margin:22px 0}.learn-page figure img{display:block;width:100%;border:1px solid var(--border);border-radius:var(--radius-preview);background:var(--surface)}.learn-page figcaption{margin-top:8px;font-size:12.5px;color:var(--text-muted);max-width:60ch}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .learn-page figure img{background:#fff;box-shadow:0 0 0 4px var(--surface-muted)}}:root[data-theme=dark] .learn-page figure img{background:#fff;box-shadow:0 0 0 4px var(--surface-muted)}.learn-page figure.diagram>div{display:block;padding:20px 18px;border:1px solid var(--border);border-radius:var(--radius-preview);background:var(--surface);overflow-x:auto}.learn-page figure.diagram svg{display:block;width:100%;height:auto;max-width:100%;font-family:var(--font-body);font-size:13px;fill:var(--text)}.learn-page figure.diagram svg .dim{fill:var(--text-muted);font-size:12px}.learn-page figure.diagram svg .box{fill:var(--surface-muted);stroke:var(--border);stroke-width:1.5}.learn-page figure.diagram svg .box-accent{fill:var(--primary-soft);stroke:var(--primary);stroke-width:1.5}.learn-page figure.diagram svg .box-info{fill:var(--info-soft);stroke:var(--info);stroke-width:1.5}.learn-page figure.diagram svg .flow{stroke:var(--text-soft);stroke-width:1.5;fill:none}.learn-page figure.diagram svg .flow-strong{stroke:var(--primary);stroke-width:2;fill:none}.learn-page figure.diagram svg .arrowhead{fill:var(--text-soft)}.learn-page figure.diagram svg .arrowhead-strong{fill:var(--primary)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .learn-page figure.diagram>div{background:var(--surface);box-shadow:none}}:root[data-theme=dark] .learn-page figure.diagram>div{background:var(--surface);box-shadow:none}@media (min-width: 1240px){.learn-page figure{width:min(860px,calc(100vw - var(--sidebar-w) - 96px))}}.admin-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px}.stat-row{display:flex;gap:16px;margin-left:auto}.stat-row .stat{font-size:12px;color:var(--text-muted)}.stat-row .stat b{font-family:var(--font-heading);font-size:17px;color:var(--text);display:block}.assign-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}.roster{display:grid;gap:10px}.member{display:grid;gap:8px}.member-head{display:flex;align-items:center;gap:10px;margin:0;font-weight:400;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text)}.member-head input{width:auto;margin:0}.member-head .chip{margin:0 0 0 8px}.member-modules{display:flex;flex-wrap:wrap;gap:6px}.mod-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 10px;font-size:12px;background:var(--surface-muted)}.mod-badge .mod-slug{font-family:var(--font-heading);font-weight:700}.mod-badge .mod-label{color:var(--text-muted)}.mod-badge.tone-certified{background:var(--success-soft);border-color:var(--success)}.mod-badge.tone-certified .mod-label{color:var(--success-text)}.mod-badge.tone-stale{background:var(--warning-soft);border-color:var(--warning)}.mod-badge.tone-stale .mod-label{color:var(--warning-text)}.mod-badge.tone-overdue{background:var(--primary-soft);border-color:var(--primary)}.mod-badge.tone-overdue .mod-label{color:var(--primary-strong)}.mod-badge.tone-none{opacity:.55}.mod-badge.tone-revoked{opacity:.55;text-decoration:line-through}.ladder{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.ladder-labelled{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;width:100%;flex:1 1 100%}.rung{display:grid;gap:4px;flex:0 1 auto}.ladder:not(.ladder-labelled) .rung{width:30px}.rung-bar{display:block;height:6px;border-radius:var(--radius-pill);background:var(--surface-tint);border:1px solid transparent}.rung.is-done .rung-bar{background:var(--success)}.rung.is-current .rung-bar{background:var(--primary)}.rung.is-locked .rung-bar{background:var(--surface-tint);border-color:var(--border)}.rung.is-awaiting .rung-bar{background:transparent;border:1px dashed var(--border-strong)}.rung-label{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rung.is-done .rung-label{color:var(--success-text)}.rung.is-current .rung-label{color:var(--text)}.track-here{margin:0}.track-brief{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin:22px 0 6px;align-items:start}.track-brief-card{display:grid;gap:8px;padding:18px}.track-brief-card h3{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.track-brief-card p{margin:0}.outcome-list{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px}.outcome-list li{padding-left:2px}.outcome-list li::marker{color:var(--primary)}.level-list{display:grid;gap:26px}.level-block{display:grid;gap:8px}.level-head{margin:0;align-items:flex-start}.level-no{font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--text-soft);background:var(--surface-tint);border-radius:var(--radius-pill);padding:3px 9px;flex:none}.level-block.is-done .level-no{background:var(--success-soft);color:var(--success-text)}.level-block.is-current .level-no{background:var(--primary-soft);color:var(--primary-strong)}.level-head-text{display:grid;gap:2px}.level-head-text h3{font-size:14px;text-transform:none;letter-spacing:-.01em}.level-clearance{margin:0 0 4px;font-style:italic}.level-empty{padding:16px 18px;border-style:dashed;box-shadow:none;background:var(--surface-muted)}.level-empty p{margin:0;max-width:62ch}.level-block.is-locked .syllabus{opacity:.72}.track-card-foot,.track-card-apps{margin:0}.walkthrough{display:grid;gap:14px}.wt-head{display:grid;gap:8px;padding:18px}.wt-brief{margin:0;font-size:15px}.wt-head p:last-child{margin:0}.wt-rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.wt-pip{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:9px 12px;border-radius:var(--radius-input);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-weight:600;font-size:12.5px;cursor:pointer}.wt-pip:hover{border-color:var(--border-strong)}.wt-pip.is-at{border-color:var(--primary);color:var(--text);background:var(--surface)}.wt-pip.is-done{background:var(--success-soft);border-color:transparent;color:var(--success-text)}.wt-pip-no{flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--surface-tint);font-size:11px}.wt-pip.is-done .wt-pip-no{background:transparent}.wt-pip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wt-pip-tick{margin-left:auto}.wt-step{display:grid;gap:10px;padding:20px}.wt-context{margin:0;font-size:14px}.wt-prompt{margin:0;font-weight:600}.wt-surface{margin:4px 0}.wt-rows{display:grid;gap:8px}.wt-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-preview);background:var(--surface);color:inherit;font:inherit;cursor:pointer}.wt-row:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-muted)}.wt-row.is-picked{border-color:var(--primary);box-shadow:var(--focus-ring)}.wt-row:disabled{cursor:default;opacity:.85}.wt-row-body{display:grid;gap:2px;min-width:0}.wt-row-detail{font-size:12.5px;color:var(--text-muted)}.wt-fields{display:grid;gap:12px}.wt-field{display:grid;gap:4px}.wt-field-label{font-size:12.5px;font-weight:600;color:var(--text-muted)}.wt-field input,.wt-field select{width:100%}.wt-field.is-wrong input,.wt-field.is-wrong select{border-color:var(--warning)}.wt-field-hint{margin:0}.wt-toggles{display:grid;gap:8px}.wt-toggle{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-preview);background:var(--surface);color:inherit;font:inherit;cursor:pointer}.wt-toggle:hover:not(:disabled){border-color:var(--border-strong)}.wt-toggle:disabled{cursor:default;opacity:.85}.wt-toggle.is-wrong{border-color:var(--warning)}.wt-toggle-track{flex:none;width:34px;height:20px;border-radius:var(--radius-pill);background:var(--surface-tint);border:1px solid var(--border);display:flex;align-items:center;padding:2px;transition:background var(--speed) var(--ease)}.wt-toggle-track>span{width:14px;height:14px;border-radius:50%;background:var(--text-soft);transition:transform var(--speed) var(--ease)}.wt-toggle.is-on .wt-toggle-track{background:var(--success-soft);border-color:transparent}.wt-toggle.is-on .wt-toggle-track>span{transform:translate(14px);background:var(--success)}.wt-nudge,.wt-outcome{margin:0;padding:12px 15px;border-radius:0 var(--radius-input) var(--radius-input) 0;font-size:14px}.wt-nudge{border-left:3px solid var(--warning);background:var(--warning-soft);color:var(--text)}.wt-outcome{border-left:3px solid var(--success);background:var(--success-soft);color:var(--text)}.wt-actions{margin-top:2px}.wt-finished{padding:18px;display:grid;gap:6px}@media (prefers-reduced-motion: reduce){.wt-toggle-track,.wt-toggle-track>span{transition:none}}.cred-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.cred-card{display:grid;gap:0;text-decoration:none;color:inherit;padding:0;overflow:hidden;position:relative;transition:box-shadow var(--speed) ease,border-color var(--speed) ease}.cred-card:hover{box-shadow:var(--shadow-raised);border-color:var(--border-strong)}.cred-card-top{position:relative;padding:18px 20px 16px;background:radial-gradient(420px 180px at 88% -30%,rgba(225,29,72,.1),transparent 70%),linear-gradient(160deg,#fffefb,#f7f4ef);color:#17223a;border-bottom:1px solid var(--border)}.cred-card-top:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(23,34,58,.16);border-radius:12px;pointer-events:none}.cred-kind{font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8a6a2f;margin-bottom:8px}.cred-card-top h3{font-size:17px;line-height:1.25;margin-bottom:8px;color:#17223a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cred-holder-line{font-size:12.5px;color:#4a5568;margin:0}.cred-card-top .cred-seal{position:absolute;right:18px;bottom:14px;width:46px;height:46px;opacity:.9}.cred-card-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 20px 14px;background:var(--surface)}.cred-no{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--text-muted)}.cred-card-foot .spacer{margin-left:auto}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-pill);padding:3px 10px}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-valid{background:var(--success-soft);color:var(--success-text)}.status-superseded{background:var(--warning-soft);color:var(--warning-text)}.status-revoked{background:var(--error-soft);color:var(--error-text)}.cert-frame{width:100%;overflow:hidden}.cert-scaler{transform-origin:top left;transform:scale(var(--cert-scale, 1))}.cert-sheet{--ink: #16203a;--ink-soft: #55617a;--ink-faint: #626c7e;--rule: #cfd6e2;--gold: #a8842f;--gold-text: #7a5e18;--gold-soft: #e8d7ac;--paper: #fffefb;position:relative;width:1122px;height:793px;box-sizing:border-box;background:radial-gradient(760px 420px at 88% -18%,rgba(225,29,72,.055),transparent 68%),radial-gradient(680px 380px at 4% 112%,rgba(37,99,235,.05),transparent 66%),linear-gradient(158deg,#fffefc,#faf8f4 58%,#f6f2ea);color:var(--ink);font-family:var(--font-body);padding:54px 62px 46px;display:grid;grid-template-rows:auto 1fr auto;box-shadow:var(--shadow-deep);border-radius:3px;overflow:hidden}.cert-sheet.is-distinction{--gold: #8a6a1f;--gold-text: #6b5010}.cert-sheet:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1.5px solid var(--gold);opacity:.5;pointer-events:none}.cert-sheet:after{content:"";position:absolute;top:23px;right:23px;bottom:23px;left:23px;border:.75px solid var(--rule);pointer-events:none}.cert-guilloche{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5}.cert-watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;opacity:.045}.cert-watermark svg{width:460px;height:460px}.cert-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;position:relative;z-index:1}.cert-issuer{display:flex;align-items:center;gap:13px}.cert-issuer-logo{width:46px;height:46px;flex:none;border-radius:13px;object-fit:contain;background:#fff;border:1px solid var(--rule);padding:4px}.cert-issuer-glyph{width:46px;height:46px;flex:none;border-radius:13px;background:linear-gradient(145deg,#e11d48,#9f1239);color:#fff;display:grid;place-items:center;font-family:var(--font-heading);font-weight:700;font-size:18px;letter-spacing:-.03em}.cert-issuer-words{display:grid;line-height:1.2}.cert-issuer-words b{font-family:var(--font-heading);font-size:16px;font-weight:700}.cert-issuer-words span{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint)}.cert-serial{text-align:right;display:grid;gap:3px}.cert-serial-label{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.cert-serial-value{font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.03em}.cert-body{position:relative;z-index:1;display:grid;align-content:center;justify-items:center;text-align:center;padding:0 40px}.cert-eyebrow{font-family:var(--font-heading);font-size:12.5px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-text);margin-bottom:4px}.cert-eyebrow-rule{width:128px;height:1px;background:var(--gold);opacity:.55;margin:10px 0 22px}.cert-lead{font-size:14px;color:var(--ink-soft);margin:0 0 10px;font-style:italic}.cert-name{font-family:var(--font-heading);font-weight:700;font-size:46px;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px;max-width:22ch}.cert-name-long{font-size:36px}.cert-identity{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;margin:0 0 20px;font-size:12.5px;color:var(--ink-soft)}.cert-identity>span{padding:0 11px;position:relative;white-space:nowrap}.cert-identity>span+span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:11px;background:var(--rule)}.cert-identity b{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.cert-subject-lead{font-size:13.5px;color:var(--ink-soft);margin:0 0 8px}.cert-subject{font-family:var(--font-heading);font-weight:700;font-size:27px;line-height:1.25;margin:0 0 8px;max-width:30ch}.cert-subject-note{font-size:12.5px;color:var(--ink-soft);margin:0;max-width:74ch}.cert-covers{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:78ch}.cert-cover-chip{font-size:10.5px;font-weight:600;letter-spacing:.02em;border:1px solid var(--rule);border-radius:999px;padding:2px 9px;color:var(--ink-soft);background:#fff9}.cert-foot{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:30px;padding-top:18px;border-top:1px solid var(--rule)}.cert-facts{display:grid;grid-template-columns:repeat(3,auto);gap:12px 24px;justify-content:start}.cert-fact{display:grid;gap:2px}.cert-fact dt{font-size:8.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.cert-fact dd{margin:0;font-size:13px;font-weight:700;font-family:var(--font-heading);font-variant-numeric:tabular-nums}.cert-fact dd.is-distinction{color:var(--gold)}.cert-seal-block{display:grid;justify-items:center;gap:6px}.cert-seal{width:92px;height:92px}.cert-signature{display:grid;justify-items:center;gap:3px;text-align:center}.cert-sig-rule{width:180px;height:1px;background:var(--ink);opacity:.35}.cert-sig-name{font-size:12px;font-weight:700}.cert-sig-role{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.cert-verify{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;justify-self:end}.cert-qr{width:84px;height:84px;background:#fff;padding:5px;border:1px solid var(--rule);border-radius:6px}.cert-qr svg{display:block;width:100%;height:100%}.cert-verify-text{display:grid;gap:3px;max-width:190px}.cert-verify-text .cert-serial-label{text-align:left}.cert-verify-code{font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.04em}.cert-verify-url{font-size:9.5px;color:var(--ink-faint);word-break:break-all;line-height:1.4}.cert-void{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;pointer-events:none}.cert-void span{font-family:var(--font-heading);font-size:116px;font-weight:700;letter-spacing:.1em;color:#b91c1c29;transform:rotate(-16deg);border:8px solid rgba(185,28,28,.16);padding:8px 34px;border-radius:14px}.cert-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}@media (max-width: 1400px){.cert-layout{grid-template-columns:minmax(0,1fr)}}.cert-side{display:grid;gap:14px;position:sticky;top:24px}.cert-side .card{padding:16px 18px}.cert-side h3{font-size:14px;margin-bottom:10px}.detail-list{display:grid;gap:10px;margin:0}.detail-list>div{display:grid;gap:1px}.detail-list dt{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.detail-list dd{margin:0;font-size:13.5px;font-weight:600;word-break:break-word}.detail-list dd.mono{font-family:var(--font-mono);font-weight:700;font-size:13px}.cert-side-actions{display:grid;gap:8px}.notice{display:flex;gap:10px;align-items:flex-start;border-radius:var(--radius-input);padding:11px 14px;font-size:13px}.notice-warning{background:var(--warning-soft);color:var(--warning-text)}.notice-error{background:var(--error-soft);color:var(--error-text)}.notice-info{background:var(--info-soft);color:var(--info-text)}.notice b{display:block}.verify-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.verify-form label{flex:1 1 280px;margin:0}.verify-form input{font-family:var(--font-mono);font-size:15px;letter-spacing:.04em;text-transform:uppercase}.verify-result{display:grid;gap:16px}.verify-banner{display:flex;align-items:center;gap:16px;padding:18px 22px;border-left:4px solid currentColor}.verify-banner.valid{color:var(--success-text);background:var(--success-soft)}.verify-banner.superseded{color:var(--warning-text);background:var(--warning-soft)}.verify-banner.revoked,.verify-banner.notfound{color:var(--error-text);background:var(--error-soft)}.verify-banner-glyph{width:40px;height:40px;flex:none;border-radius:50%;background:color-mix(in srgb,currentColor 18%,transparent);display:grid;place-items:center;font-size:20px;font-weight:700}.verify-banner h2{font-size:18px;color:inherit;margin-bottom:2px}.verify-banner p{margin:0;font-size:13px;opacity:.9;color:inherit}@page{size:A4 landscape;margin:0}@media print{.no-print,.sidebar,.topbar,.cert-side,.page-head,.backlink{display:none!important}body{background:#fff}.shell{display:block}.page{padding:0;max-width:none}.cert-layout{display:block}.cert-frame{overflow:visible;height:auto!important}.cert-scaler{transform:none!important}.cert-sheet{box-shadow:none;border-radius:0;break-inside:avoid;page-break-after:always;-webkit-print-color-adjust:exact;print-color-adjust:exact}}