:root{--cn-color-brand-primary: #1F48D6;--cn-color-brand-ink: #0B1A4A;--cn-color-brand-accent: #F5C518;--cn-color-surface-base: #FFFFFF;--cn-color-surface-subtle: #F2F5FD;--cn-color-text-secondary: #45506E;--cn-color-text-inverse: #FFFFFF;--cn-color-border-default: #C9D1E8;--cn-color-state-ok: #1B7F4B;--cn-color-state-warning: #9A5B00;--cn-color-state-critical: #B3261E;--cn-font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--cn-font-family-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--cn-font-size-sm: .875rem;--cn-font-size-md: 1rem;--cn-font-size-lg: 1.25rem;--cn-font-size-xl: 1.75rem;--cn-space-1: 4px;--cn-space-2: 8px;--cn-space-3: 12px;--cn-space-4: 16px;--cn-space-6: 24px;--cn-space-8: 32px;--cn-radius-sm: 4px;--cn-radius-md: 8px;--cn-radius-lg: 16px;--cn-shadow-raised: 0 8px 24px rgba(11, 26, 74, .16);--cn-color-surface-inverse: var(--cn-color-brand-ink);--cn-color-text-primary: var(--cn-color-brand-ink);--cn-color-border-focus: var(--cn-color-brand-primary);--cn-color-state-info: var(--cn-color-brand-primary)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--cn-color-surface-subtle);color:var(--cn-color-text-primary);font-family:var(--cn-font-family-base);font-size:var(--cn-font-size-md);line-height:1.5}a{color:var(--cn-color-brand-primary)}:focus-visible{outline:3px solid var(--cn-color-border-focus);outline-offset:2px}h1,h2,h3{line-height:1.2;margin:0 0 var(--cn-space-3)}h1{font-size:var(--cn-font-size-xl)}h2{font-size:var(--cn-font-size-lg)}h3{font-size:var(--cn-font-size-md)}code{font-family:var(--cn-font-family-mono);font-size:.9em;overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--cn-space-4);top:var(--cn-space-2);background:var(--cn-color-surface-base);padding:var(--cn-space-2) var(--cn-space-3);z-index:10}.muted{color:var(--cn-color-text-secondary);font-size:var(--cn-font-size-sm)}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cn-space-4);padding:var(--cn-space-3) var(--cn-space-6);background:var(--cn-color-surface-base);border-bottom:1px solid var(--cn-color-border-default)}.topbar__brand{font-weight:700;color:var(--cn-color-brand-ink);text-decoration:none}.topbar__nav{display:flex;flex-wrap:wrap;gap:var(--cn-space-1)}.topbar__nav a{padding:var(--cn-space-2) var(--cn-space-3);border-radius:var(--cn-radius-md);text-decoration:none;color:var(--cn-color-text-primary)}.topbar__nav a[aria-current=page],.topbar__nav a.active{background:var(--cn-color-surface-subtle);font-weight:600}.topbar__tools{margin-left:auto;display:flex;align-items:center;gap:var(--cn-space-2)}.main{max-width:72rem;margin:0 auto;padding:var(--cn-space-6)}.footer{text-align:center;padding:var(--cn-space-6)}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--cn-space-3);margin-bottom:var(--cn-space-4)}.page-header h1:focus{outline:none}.panel,.card{background:var(--cn-color-surface-base);border:1px solid var(--cn-color-border-default);border-radius:var(--cn-radius-lg);padding:var(--cn-space-6);margin-bottom:var(--cn-space-4)}.card--selected{border:2px solid var(--cn-color-brand-primary)}.narrow{max-width:36rem}.stack>*+*{margin-top:var(--cn-space-4)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--cn-space-4)}.row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--cn-space-3)}.tabs{display:flex;flex-wrap:wrap;gap:var(--cn-space-1);border-bottom:1px solid var(--cn-color-border-default);margin:var(--cn-space-4) 0}.tabs a{padding:var(--cn-space-2) var(--cn-space-4);text-decoration:none;color:var(--cn-color-text-primary);border-bottom:3px solid transparent}.tabs a.active,.tabs a[aria-current=page]{border-bottom-color:var(--cn-color-brand-primary);font-weight:600}.field{display:flex;flex-direction:column;gap:var(--cn-space-1);margin-bottom:var(--cn-space-4);border:0;padding:0;min-width:0}.field label,.field legend{font-weight:600}.field__help{margin:0;color:var(--cn-color-text-secondary);font-size:var(--cn-font-size-sm)}.field__help--error{color:var(--cn-color-state-critical);font-weight:600}input,select,textarea{font:inherit;padding:var(--cn-space-2) var(--cn-space-3);border:1px solid var(--cn-color-border-default);border-radius:var(--cn-radius-md);background:var(--cn-color-surface-base);color:inherit;max-width:100%}input[type=color]{width:4rem;height:2.5rem;padding:2px}.choice{display:flex;gap:var(--cn-space-2);align-items:baseline;margin-bottom:var(--cn-space-2)}.checks{display:flex;flex-wrap:wrap;gap:var(--cn-space-1) var(--cn-space-4)}fieldset.panel legend{font-weight:700;font-size:var(--cn-font-size-lg);padding:0 var(--cn-space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cn-space-2);min-height:40px;padding:var(--cn-space-2) var(--cn-space-4);font:inherit;font-weight:600;border-radius:var(--cn-radius-md);border:2px solid var(--cn-color-brand-primary);background:var(--cn-color-surface-base);color:var(--cn-color-brand-primary);text-decoration:none;cursor:pointer}.btn--primary{background:var(--cn-color-brand-primary);color:var(--cn-color-text-inverse)}.btn--danger{border-color:var(--cn-color-state-critical);color:var(--cn-color-state-critical)}.btn--ghost{border-color:transparent}.btn:disabled{opacity:.55;cursor:not-allowed}.copy{display:flex;gap:var(--cn-space-2);align-items:flex-start}.copy textarea{flex:1;font-family:var(--cn-font-family-mono);font-size:var(--cn-font-size-sm)}.filters{display:flex;flex-wrap:wrap;gap:var(--cn-space-4)}.filters .field:first-child{flex:1 1 16rem}.table-wrap{overflow-x:auto;background:var(--cn-color-surface-base);border:1px solid var(--cn-color-border-default);border-radius:var(--cn-radius-lg)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;vertical-align:top;padding:var(--cn-space-3) var(--cn-space-4);border-bottom:1px solid var(--cn-color-border-default)}.table thead th{font-size:var(--cn-font-size-sm);color:var(--cn-color-text-secondary)}.table tbody th{font-weight:600}.pager{display:flex;align-items:center;gap:var(--cn-space-3);margin-top:var(--cn-space-4)}.list{padding-left:var(--cn-space-6)}.list li{margin-bottom:var(--cn-space-2)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:var(--cn-space-1) var(--cn-space-4)}.kv dd{margin:0}.badges{display:flex;flex-wrap:wrap;gap:var(--cn-space-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--cn-space-2);border-radius:999px;font-size:var(--cn-font-size-sm);border:1px solid currentColor;white-space:nowrap}.badge--ok{color:var(--cn-color-state-ok)}.badge--warning{color:var(--cn-color-state-warning)}.badge--critical{color:var(--cn-color-state-critical)}.badge--neutral{color:var(--cn-color-text-secondary)}.badge--info{color:var(--cn-color-state-info)}.notice{border-left:4px solid;padding:var(--cn-space-3) var(--cn-space-4);background:var(--cn-color-surface-base);margin:var(--cn-space-3) 0}.notice p{margin:0}.notice--critical{border-color:var(--cn-color-state-critical)}.notice--warning{border-color:var(--cn-color-state-warning)}.notice--ok{border-color:var(--cn-color-state-ok)}.state{padding:var(--cn-space-8) var(--cn-space-6);text-align:center}.stats{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--cn-space-4)}.stats li{display:flex;flex-direction:column}.stats__value{font-size:2rem;font-weight:700}.auth{min-height:100vh;display:grid;place-items:center;padding:var(--cn-space-6)}.auth__card{width:min(28rem,100%);background:var(--cn-color-surface-base);border:1px solid var(--cn-color-border-default);border-radius:var(--cn-radius-lg);padding:var(--cn-space-8)}.auth__brand{font-weight:700;color:var(--cn-color-brand-primary)}.auth__links{margin-top:var(--cn-space-4);font-size:var(--cn-font-size-sm)}.editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--cn-space-4);align-items:start}.editor__preview{position:sticky;top:var(--cn-space-4)}.preview{display:block;width:100%;height:560px;border:1px solid var(--cn-color-border-default);border-radius:var(--cn-radius-md);background:#fff;margin:var(--cn-space-3) auto}.preview--mobile{width:375px;max-width:100%}.segmented{display:inline-flex;border:1px solid var(--cn-color-border-default);border-radius:var(--cn-radius-md);overflow:hidden;margin-bottom:var(--cn-space-4)}.segmented button{font:inherit;border:0;padding:var(--cn-space-2) var(--cn-space-3);background:var(--cn-color-surface-base);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--cn-color-brand-primary);color:var(--cn-color-text-inverse)}@media(max-width:900px){.editor{grid-template-columns:1fr}.editor__preview{position:static}.main{padding:var(--cn-space-4)}}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cn-space-4)}@media(max-width:40rem){.grid-2{grid-template-columns:1fr}}.meta{display:grid;grid-template-columns:max-content 1fr;gap:var(--cn-space-1) var(--cn-space-4);margin-top:var(--cn-space-4)}.meta dt{font-weight:600}.meta dd{margin:0}.break{word-break:break-all}.grid__full{grid-column:1 / -1}