:root{color-scheme:light dark;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius-lg:10px;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.25rem;--focus-width:2px;--hairline:1px;--tap-min:40px;--target-primary:var(--tap-min);--target-secondary:var(--tap-min);--color-bg:#fff;--color-bg-subtle:#f8fafc;--color-bg-muted:#eef2f7;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-field-border:#7f8c9d;--color-ink:#0f172a;--color-ink-muted:#64748b;--color-accent:#2563eb;--color-accent-fill:#dbeafe;--color-accent-strong:#1d4ed8;--color-on-accent:#fff;--color-success:#15803d;--color-success-fill:#dcfce7;--color-success-border:#bbf7d0;--color-warning:#92400e;--color-warning-fill:#fef3c7;--color-warning-border:#fde68a;--color-danger:#b91c1c;--color-danger-fill:#fee2e2;--color-danger-border:#fecaca;--color-danger-strong:#991b1b;--color-on-danger:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#15181c;--color-bg-subtle:#1c2126;--color-bg-muted:#242a30;--color-border:#333b43;--color-border-strong:#454f59;--color-field-border:#66717d;--color-ink:#e6e9ec;--color-ink-muted:#9aa5b1;--color-accent:#60a5fa;--color-accent-fill:#1c3457;--color-accent-strong:#93c5fd;--color-on-accent:#0b1a2e;--color-success:#4ade80;--color-success-fill:#143523;--color-success-border:#1f5738;--color-warning:#fbbf24;--color-warning-fill:#3a2c0c;--color-warning-border:#5c4813;--color-danger:#f87171;--color-danger-fill:#3a1616;--color-danger-border:#5c2323;--color-danger-strong:#fca5a5;--color-on-danger:#2a0b0b}}:root[data-theme=dark]{--color-bg:#15181c;--color-bg-subtle:#1c2126;--color-bg-muted:#242a30;--color-border:#333b43;--color-border-strong:#454f59;--color-field-border:#66717d;--color-ink:#e6e9ec;--color-ink-muted:#9aa5b1;--color-accent:#60a5fa;--color-accent-fill:#1c3457;--color-accent-strong:#93c5fd;--color-on-accent:#0b1a2e;--color-success:#4ade80;--color-success-fill:#143523;--color-success-border:#1f5738;--color-warning:#fbbf24;--color-warning-fill:#3a2c0c;--color-warning-border:#5c4813;--color-danger:#f87171;--color-danger-fill:#3a1616;--color-danger-border:#5c2323;--color-danger-strong:#fca5a5;--color-on-danger:#2a0b0b}*{box-sizing:border-box}body{background:var(--color-bg-subtle);color:var(--color-ink);font:var(--text-base)/1.6 system-ui, -apple-system, "Segoe UI", "Noto Sans JP", sans-serif;margin:0}:focus-visible{outline:var(--focus-width) solid var(--color-accent);outline-offset:2px}main.app{max-width:1680px;padding:var(--space-4) var(--space-4) var(--space-7);margin:0 auto}main.app .page-title{font-size:var(--text-xl);margin:0 0 var(--space-1)}main.app>.hint{margin:0 0 var(--space-5)}main.app>.hint:has(+.hint){margin-bottom:var(--space-2)}main.app>.hint.notice{color:var(--color-ink)}@media (width>=1024px){main.app>.narrow-only{display:none}}@media print{main.app>.narrow-only{display:none}}main.app>.editor-body{margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid var(--color-border)}main.app>.editor-body h2:first-child{margin-top:0}main.app>.app-lead{margin:0 0 var(--space-3);max-width:60rem;color:var(--color-ink)}main.app>.editor-about{margin-top:var(--space-5)}.content a{color:var(--color-accent-strong)}.content{max-width:44rem;padding:var(--space-4) var(--space-4) var(--space-7);font-size:var(--text-lg);margin:0 auto;line-height:1.8}.content h1{margin:0 0 var(--space-4);font-size:1.75rem;line-height:1.4}.content h2{margin:var(--space-7) 0 var(--space-3);font-size:1.25rem}.content h3{margin:0 0 var(--space-1);font-size:1rem}.content p{margin:0 0 var(--space-4)}.content ul,.content ol{margin:0 0 var(--space-4);padding-left:1.4em}.content li{margin-bottom:var(--space-2)}.content .lead{color:var(--color-ink);font-size:1.0625rem}.content .notice{background:var(--color-accent-fill);border-radius:var(--radius-lg);padding:var(--space-4)}.content .cta{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.content a.cta-link,.cta-link{min-height:var(--target-primary);padding:0 var(--space-5);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.cta-note{color:var(--color-ink-muted);font-size:var(--text-base)}.content .cta-hero{margin:var(--space-6) 0}.content .cta-hero .cta-link{min-height:52px;padding:0 var(--space-6);font-size:1.0625rem}.content .screenshot{margin:0 0 var(--space-6)}.content .screenshot img{border:var(--hairline) solid var(--color-border);border-radius:var(--radius-lg);width:100%;height:auto;display:block}.content .screenshot figcaption{margin-top:var(--space-2);font-size:var(--text-base);color:var(--color-ink-muted)}.content .steps>li{margin-bottom:var(--space-5)}.content .faq dt{margin-top:var(--space-4);font-weight:700}.content .faq dd{margin:0 0 var(--space-4)}.content .next{margin-top:var(--space-7)}.page-dates{max-width:44rem;padding:0 var(--space-4) var(--space-5);color:var(--color-ink-muted);font-size:var(--text-base);margin:0 auto}.content .crumbs{font-size:var(--text-base);color:var(--color-ink-muted);margin-bottom:var(--space-3)}.content .example-figure{margin:0 0 var(--space-4);padding:var(--space-4);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-sm);background:#fff}.content .example-figure svg{width:100%;height:auto;display:block}.content .figure-note{font-size:var(--text-base);color:var(--color-ink-muted)}.content .example-card{margin-bottom:var(--space-7)}.content .guide-card{margin-bottom:var(--space-6)}.content .guide-card h2{margin-bottom:var(--space-1)}.content .guide-summary{color:var(--color-ink-muted);margin-top:0}.content .example-card h2{margin-top:0}.content .example-shows{font-size:var(--text-base);color:var(--color-ink-muted)}.content .credits{border-collapse:collapse;width:100%;font-size:var(--text-base);margin-bottom:var(--space-4)}.content .credits th,.content .credits td{text-align:left;vertical-align:top;padding:var(--space-2) var(--space-3) var(--space-2) 0;border-bottom:var(--hairline) solid var(--color-border)}.content .credits th{color:var(--color-ink-muted);font-weight:400}.content code{background:var(--color-bg-muted);border-radius:var(--radius-sm);padding:0 var(--space-1);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.page-footer{max-width:44rem;padding:var(--space-5) var(--space-4) var(--space-7);border-top:var(--hairline) solid var(--color-border);font-size:var(--text-base);margin:0 auto}.language-switch{gap:var(--space-4);display:flex}.language-switch span{color:var(--color-ink-muted);min-height:var(--target-secondary);align-items:center;display:inline-flex}.page-footer-note{color:var(--color-ink-muted);margin:var(--space-2) 0 0}.update-banner{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--color-warning-fill);border:var(--hairline) solid var(--color-warning-border);border-radius:var(--radius-lg);color:var(--color-warning);font-size:var(--text-sm);display:flex}.update-banner button{border-color:var(--color-warning-border);margin-left:auto}.undo-banner{right:var(--space-4);bottom:var(--space-4);max-width:min(36em, calc(100vw - 2 * var(--space-4)));z-index:20;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-accent-fill);border:var(--hairline) solid var(--color-accent);border-radius:var(--radius-lg);color:var(--color-ink);font-size:var(--text-sm);display:flex;position:fixed;box-shadow:0 4px 16px #0003}.undo-banner .undo-dismiss{padding-inline:var(--space-3);margin-left:0}.undo-banner button{border-color:var(--color-accent);color:var(--color-accent-strong);margin-left:auto}.appbar{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);background:var(--color-bg);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.appbar .brand{font-weight:700;font-size:var(--text-lg)}.appbar .brand-input{font-weight:700;font-size:var(--text-lg);border:var(--hairline) solid transparent;padding:var(--space-1) var(--space-2);min-height:var(--target-secondary);box-sizing:border-box;border-color:var(--color-border);border-radius:var(--radius-sm);background:0 0;flex:0 20em;min-width:10em}.appbar .brand-input:hover,.appbar .brand-input:focus-visible{border-color:var(--color-field-border)}.appbar .tagline{color:var(--color-ink-muted);font-size:var(--text-sm);white-space:nowrap}.appbar .status-group{gap:var(--space-4);margin-left:auto;display:flex}.appbar .status{font-size:var(--text-sm);color:var(--color-ink-muted);white-space:nowrap}.appbar .status.ok{color:var(--color-success)}.appbar .status.ng{color:var(--color-danger)}.appbar .status.warn,.hint.warning{color:var(--color-warning)}.panel{border:var(--hairline) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);background:var(--color-bg)}.panel+.panel{margin-top:var(--space-5)}.panel h2{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.02em;font-weight:700}.panel label{font-size:var(--text-sm);color:var(--color-ink-muted);margin-top:var(--space-3);margin-bottom:var(--space-1);font-weight:600;display:block}.panel input,.panel select{box-sizing:border-box;width:100%;padding:var(--space-2) var(--space-3);min-height:var(--tap-min);font:inherit;font-size:var(--text-base);border:var(--hairline) solid var(--color-field-border);border-radius:var(--radius-sm);background:var(--color-bg);color:inherit}.panel input:focus-visible,.panel select:focus-visible{outline-offset:0}.hint{font-size:var(--text-sm);color:var(--color-ink-muted)}.code-strip{margin-top:var(--space-3);touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:2px;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.code-strip .char{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-lg);min-width:var(--tap-min);min-height:var(--tap-min);padding:var(--space-1) var(--space-2);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-subtle);color:inherit;cursor:pointer}.code-strip .char:hover{border-color:var(--color-border-strong)}.code-strip .char-selected{background:var(--color-accent-fill);border-color:var(--color-accent)}.item-list{margin:var(--space-2) 0 0;border:var(--hairline) solid var(--color-border);border-radius:var(--radius-sm);gap:0;padding:0;list-style:none;display:grid;overflow:hidden}.item-list li{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-base);background:var(--color-bg);display:flex;position:relative}.item-list li+li{border-top:var(--hairline) solid var(--color-border)}.row-actions{gap:var(--space-2);flex-shrink:0;display:flex}.item-delete{font-size:var(--text-sm);padding:var(--space-1) var(--space-3);min-height:var(--target-secondary);border-radius:var(--radius-sm);border:var(--hairline) solid var(--color-danger-border);background:var(--color-danger-fill);color:var(--color-danger);flex-shrink:0}.item-delete:hover{background:var(--color-danger-border);color:var(--color-danger-strong)}.item-delete.armed{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger);font-weight:700}.item-delete.armed:hover{background:var(--color-danger-strong);border-color:var(--color-danger-strong)}.item-list li:has(.note-number) input[type=text]{flex:1;min-width:0}.note-number{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.note-picker{gap:var(--space-2);margin:var(--space-2) 0 var(--space-3);flex-direction:column;display:flex}.note-picker-option{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);display:flex}.workspace{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1024px){.workspace{grid-template-columns:minmax(26em,1fr) minmax(32em,1.15fr);align-items:start}.pane{max-height:100dvh;padding-block:var(--space-3);position:sticky;top:0;overflow-y:auto}}.diagram-frame{border:var(--hairline) solid var(--color-border);border-radius:var(--radius-sm);background:#fff}.diagram-frame svg{width:100%;height:auto;display:block}.diagram-svg{white-space:pre}.export-actions .png-width{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-muted);margin:0 0 0 auto;display:flex}.export-actions .png-width input{width:7.5em;margin:0}.diagram-bg-transparent{background:0 0}.diagram-bg-white{background:#fff}.font-choice{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(9em,1fr));display:grid}.font-preview-gothic{font-family:PNC Preview Gothic,sans-serif}.font-preview-mincho{font-family:PNC Preview Mincho,serif}.font-preview-design{font-family:PNC Preview Design,sans-serif}.font-preview-code-robotoCondensed{font-family:PNC Preview Roboto,ui-monospace,monospace}.font-preview-code-barlowCondensed{font-family:PNC Preview Barlow,ui-monospace,monospace}.font-preview-code-ibmPlexSansCondensed{font-family:PNC Preview Plex,ui-monospace,monospace}.panel .font-choice-option{text-align:center;justify-content:flex-start;align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:inherit;cursor:pointer;flex-direction:column;margin:0;font-weight:400;display:flex}.export-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.export-actions button{margin-top:0}.issues{margin:0 0 var(--space-3);padding-left:var(--space-5);color:var(--color-danger);font-size:var(--text-sm)}.warnings{margin:0 0 var(--space-3);padding-left:var(--space-5);color:var(--color-warning);font-size:var(--text-sm)}button{font:inherit;font-size:var(--text-base);padding:var(--space-2) var(--space-4);min-height:var(--tap-min);border-radius:var(--radius-sm);border:var(--hairline) solid var(--color-border-strong);background:var(--color-bg-muted);color:inherit;cursor:pointer}button:hover{border-color:var(--color-ink-muted)}button:active{background:var(--color-border)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-weight:700}button.primary:hover:not(:disabled){background:var(--color-accent-strong);border-color:var(--color-accent-strong)}button.add-item,.example-picker{margin-top:var(--space-4)}.example-picker .hint{margin-bottom:var(--space-2)}.example-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}[role=status]{font-size:var(--text-sm);color:var(--color-ink-muted);margin:var(--space-2) 0 0}.tone-a{background:var(--color-accent-fill)}.tone-b{background:var(--color-success-fill)}.code-strip .char.tone-a,.code-strip .char.tone-b{border-color:#0000}.code-strip .char.char-selected{background:var(--color-accent-fill);border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.selection-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.item-cards{margin:var(--space-2) 0 0;gap:var(--space-3);padding:0;list-style:none;display:grid}.item-card{border:var(--hairline) solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-bg)}.panel .item-card input,.panel .item-card select{width:auto;margin:0}.item-card-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.code-pill{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);min-width:var(--space-6);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.panel .item-card .item-heading{flex:10em;min-width:0;font-weight:600}.option-rows{margin:var(--space-2) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.option-row{align-items:center;gap:var(--space-2);display:flex}.panel .item-card .option-code{flex:0 0 6em;min-width:0}.option-separator{color:var(--color-ink-muted)}@media (width<=639px){.option-row{flex-wrap:wrap}.option-row .option-separator{display:none}.panel .item-card .option-code{flex:6em}.option-row .desc-field{flex:100%;order:1}}.option-remove{padding-inline:var(--space-3)}.option-add{margin-top:var(--space-2)}.note-picker-root{position:relative}.note-button{padding-inline:var(--space-3);white-space:nowrap}.note-button.has-notes{background:var(--color-warning-fill);border-color:var(--color-warning-border);color:var(--color-warning)}.note-popover{right:0;top:calc(100% + var(--space-1));z-index:10;gap:var(--space-2);width:min(22em,80vw);padding:var(--space-3);border:var(--hairline) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);display:grid;position:absolute;box-shadow:0 4px 16px #0000001f}.note-popover-option{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:inherit;margin:0;font-weight:400;display:flex}.panel .note-popover-option input{width:auto;min-height:0}.findings{margin:0 0 var(--space-3);font-size:var(--text-sm)}.findings-title{margin:0 0 var(--space-1);font-weight:700}.findings ul{padding-left:var(--space-5);margin:0}.findings-broken{color:var(--color-danger)}.findings-todo{color:var(--color-ink-muted)}.findings-notice{color:var(--color-warning)}.finding-link{all:unset;cursor:pointer;text-underline-offset:2px;text-decoration:underline}.finding-link:focus-visible{outline:var(--focus-width) solid var(--color-accent)}.relayout{margin:0 0 var(--space-3)}.status-line:empty{margin:0}.summary-fallback{box-sizing:border-box;width:100%;min-height:6em;margin-top:var(--space-2);font:inherit;font-size:var(--text-sm)}.desc-field{min-width:0;min-height:var(--tap-min);box-sizing:border-box;padding:var(--space-2) var(--space-3);border:var(--hairline) solid var(--color-field-border);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--text-base);white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;flex:auto;line-height:1.5}.desc-field:focus-visible{outline:var(--focus-width) solid var(--color-accent);outline-offset:0}.desc-field:empty:before{content:attr(data-placeholder);color:var(--color-ink-muted)}.note-chip{padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-warning-fill);border:var(--hairline) solid var(--color-warning-border);color:var(--color-warning);font-size:var(--text-sm);vertical-align:.15em;user-select:none;cursor:default;margin:0 1px;line-height:1.3;display:inline-block}.note-chip.missing{background:var(--color-danger-fill);border-color:var(--color-danger-border);color:var(--color-danger)}.panel .note-popover .note-popover-option{text-align:left;min-height:var(--target-primary);padding:var(--space-2);background:0 0;border-color:#0000}.panel .note-popover .note-popover-option:hover{background:var(--color-bg-muted)}.projects-toggle,#other-projects{margin-top:var(--space-2)}.zoom-controls{gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.zoom-controls button{min-height:var(--target-secondary);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.zoom-controls button[aria-pressed=true]{background:var(--color-accent-fill);border-color:var(--color-accent)}.diagram-frame.zoomed{max-height:70vh;overflow:auto}.diagram-frame.zoomed svg{width:var(--preview-width);max-width:none}.preview-stage{position:relative}.preview-map{top:var(--space-2);right:var(--space-2);border:var(--hairline) solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;background:#fff;width:min(240px,40%);position:absolute;overflow:hidden;box-shadow:0 2px 8px #00000026}.preview-map svg{pointer-events:none;width:100%;height:auto;display:block}.preview-map-view{box-sizing:border-box;pointer-events:none;background:#2563eb1f;border:2px solid #2563eb;position:absolute}.diagram-frame.zoomed:focus-visible{outline:var(--focus-width) solid var(--color-accent)}@media (width>=1024px){.pane-edit .code-panel{z-index:5;position:sticky;top:0;box-shadow:0 6px 12px -8px #00000040}}.item-card-head .item-delete{margin-left:var(--space-5)}.option-row .option-remove{margin-left:var(--space-4)}.item-list li:has(.note-number) .item-delete{margin-left:var(--space-3)}.panel .font-choice-option input{width:var(--tap-min)}.appbar-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.appbar-actions button{min-height:var(--target-secondary);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.projects-panel{margin-bottom:var(--space-5)}.diagram-frame .item-hit{cursor:pointer}.diagram-frame .item-hit:hover rect{fill:#2563eb14}.sitemap-home{margin:0 0 var(--space-2)}.sitemap-group h2{align-items:baseline;gap:var(--space-3);display:flex}.sitemap-count{color:var(--color-ink-muted);font-size:.875rem;font-weight:400}.sitemap-list{margin:0;padding:0;list-style:none}.sitemap-label{color:var(--color-ink-muted);font-size:.875rem;display:block}.sitemap-entry{margin:0 0 var(--space-3)}.content .sitemap-list li{margin-bottom:var(--space-3)}.sitemap-summary{color:var(--color-ink-muted);display:block}.demo-video{margin:0 0 var(--space-5)}.demo-video video{aspect-ratio:16/9;background:var(--color-bg-muted);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:auto;display:block}.demo-video figcaption{margin-top:var(--space-2);color:var(--color-ink-muted);font-size:.875rem}:root{--nav-w:248px;--rail-w:56px}.skip-link{z-index:100;padding:var(--space-2) var(--space-3);background:var(--color-accent);color:var(--color-on-accent);position:absolute;top:0;left:-999px}.skip-link:focus{left:var(--space-2);top:var(--space-2)}.shell{grid-template-columns:var(--nav-w) minmax(0, 1fr);min-height:100vh;display:grid}.page{min-width:0}#content:focus{outline:none}.sidenav{background:var(--color-bg-subtle);border-right:1px solid var(--color-border);height:100vh;font-size:var(--text-base);flex-direction:column;line-height:1.5;display:flex;position:sticky;top:0;overflow:hidden}.sidenav-head{align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);flex:none;display:flex}.nav-brand{align-items:center;gap:var(--space-2);min-width:0;color:var(--color-ink);white-space:nowrap;font-weight:700;text-decoration:none;display:flex}.nav-logo{flex:none;width:28px;height:28px;display:block}.nav-logo svg{width:100%;height:100%;display:block}.nav-close{display:none}.sidenav-scroll{padding:var(--space-3) var(--space-2);flex:1;overflow-y:auto}.nav-ico{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.nav-group{margin-bottom:var(--space-1)}.nav-group-head{align-items:center;display:flex}.nav-group-link{align-items:center;gap:var(--space-3);min-width:0;min-height:40px;padding:0 var(--space-3);color:var(--color-ink);border-radius:8px;flex:1;font-weight:600;text-decoration:none;display:flex}.nav-toggle{width:36px;min-height:40px;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.nav-chev{width:16px;height:16px;transition:transform .15s}.nav-toggle[aria-expanded=true] .nav-chev{transform:rotate(90deg)}.nav-items,.nav-minor{margin:2px 0 var(--space-2);padding:0 0 0 var(--space-5);list-style:none}.nav-minor{margin-bottom:var(--space-3);padding-left:0}.nav-items li,.nav-minor li{margin:0}.nav-item{min-height:34px;padding:var(--space-1) var(--space-3);color:var(--color-ink-muted);font-size:var(--text-sm);border-radius:8px;align-items:center;text-decoration:none;display:flex}.nav-minor-link{min-height:32px}.nav-section-label{margin:var(--space-4) var(--space-3) var(--space-1);letter-spacing:.04em;color:var(--color-ink-muted);font-size:11px;font-weight:700}.nav-single{align-items:center;gap:var(--space-3);min-height:40px;padding:0 var(--space-3);color:var(--color-ink);border-radius:8px;text-decoration:none;display:flex}.nav-single.nav-rail-rep{display:none}.nav-editor{margin-bottom:var(--space-1);font-weight:600}.nav-group-link:hover,.nav-toggle:hover,.nav-item:hover,.nav-single:hover,.nav-width:hover{background:var(--color-bg-muted)}.nav-item[aria-current=page],.nav-group-link[aria-current=page],.nav-editor[aria-current=page]{background:var(--color-accent-fill);color:var(--color-accent-strong);font-weight:700}.sidenav a:focus-visible,.sidenav button:focus-visible,.topbar a:focus-visible,.topbar button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.nav-group[data-open=false] .nav-items{display:none}.sidenav-foot{gap:var(--space-1);padding:var(--space-2);border-top:1px solid var(--color-border);flex-direction:column;flex:none;display:flex}.sidenav-foot .language-switch{padding:0 var(--space-3);align-items:center;gap:var(--space-3);min-height:36px;font-size:var(--text-sm)}.sidenav-foot .language-switch span{min-height:0;color:var(--color-ink);font-weight:700}.sidenav-foot .language-switch a{color:var(--color-ink-muted)}.nav-width{align-items:center;gap:var(--space-3);min-height:36px;padding:0 var(--space-3);color:var(--color-ink-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;border-radius:8px;display:flex}.nav-width-expand,.topbar,.nav-scrim{display:none}@media (width>=1024px){html.nav-rail .shell{grid-template-columns:var(--rail-w) minmax(0, 1fr)}html.nav-rail .nav-toggle,html.nav-rail .nav-items,html.nav-rail .nav-section-label,html.nav-rail .nav-minor,html.nav-rail .sidenav-foot .language-switch span,html.nav-rail .nav-width .nav-label{display:none}html.nav-rail .nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html.nav-rail .nav-group[data-current=true] .nav-group-link,html.nav-rail .nav-rail-rep[aria-current=true]{background:var(--color-accent-fill);color:var(--color-accent-strong)}html.nav-rail .nav-single.nav-rail-rep{display:flex}html.nav-rail .sidenav-head,html.nav-rail .nav-group-link,html.nav-rail .nav-single,html.nav-rail .nav-width,html.nav-rail .sidenav-foot .language-switch{justify-content:center;padding:0}html.nav-rail .nav-width-ico{transform:rotate(180deg)}html.nav-rail [data-tip]{position:relative}html.nav-rail [data-tip]:hover:after,html.nav-rail [data-tip]:focus-visible:after{content:attr(data-tip);z-index:50;background:var(--color-ink);color:var(--color-bg);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}html.nav-rail .sidenav,html.nav-rail .sidenav-scroll{overflow:visible}}@media (width<=1023px){.shell{grid-template-columns:minmax(0,1fr)}.topbar{height:52px;padding:0 var(--space-3);z-index:20;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar button{border:1px solid var(--color-border-strong);background:var(--color-bg);min-width:44px;min-height:44px;color:var(--color-ink);font:inherit;cursor:pointer;border-radius:8px}.sidenav{border-right:0;border-bottom:1px solid var(--color-border);height:auto;position:static}.sidenav-scroll{overflow:visible}html:not(.js) .topbar button,html:not(.js) .sidenav .nav-close{display:none}html.js .sidenav{z-index:40;border-bottom:0;border-right:1px solid var(--color-border);visibility:hidden;width:min(86vw,320px);height:auto;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}html.js .sidenav-scroll{overflow-y:auto}html.js body.drawer-open .sidenav{visibility:visible;transition:transform .2s;transform:none}body.drawer-open .nav-scrim{z-index:30;background:#0f172a73;display:block;position:fixed;inset:0}.nav-close{min-width:44px;min-height:44px;color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin-left:auto;display:grid}.nav-width{display:none}}@media (prefers-reduced-motion:reduce){.sidenav,html.js body.drawer-open .sidenav{transition:none}}@media print{.sidenav,.topbar,.nav-scrim,.skip-link{display:none}.shell{display:block}}