.guide { width:100%; min-width:0; max-width:1400px; margin:auto; padding:clamp(12px,2vw,28px); color:#1e293b; font-size:15px; container:documentation / inline-size; }
            .guide,.guide *, .guide *::before,.guide *::after { box-sizing:border-box; }
            .guide :where(h1,h2,h3,p,li,strong,code,a,summary) { overflow-wrap:anywhere; }
            .guide :where(.guide-layout,.guide-card,.guide-nav,.guide-context,.guide-section-heading,.guide-heading-actions,.guide-shortcut,.guide-hero>div,.guide-option,.guide-route-list) { min-width:0; max-width:100%; }
            .guide h1 { font-size:clamp(26px,3vw,38px); font-weight:750; line-height:1.45; letter-spacing:-.7px; margin-bottom:10px; }
            .guide p { line-height:1.9; margin:10px 0; }
            .guide-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:24px; margin-top:24px; align-items:start; }
            .guide-nav { position:sticky; top:20px; max-height:calc(100vh - 100px); overflow-y:auto; padding:18px; border:1px solid #e2e8f0; border-radius:14px; background:#fff; }
            .guide-nav a { display:block; padding:9px 11px; border-radius:7px; color:#526173; font-size:13px; line-height:1.65; margin:3px 0; transition:background .15s; }
            .guide-nav a:hover { background:#f1f5f9; color:#0f766e; }
            .guide-nav a[aria-current="location"] { background:#e8f6f0; color:#0f766e; font-weight:700; box-shadow:inset 3px 0 #0f766e; }
            .guide-nav [hidden] { display:none!important; }
            .guide-nav-group { display:block; margin:20px 0 8px; padding-top:16px; border-top:1px solid #e2e8f0; font-size:12px; color:#64748b; }
            .guide-route-list { display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:12px; margin:16px 0; color:#64748b; }
            .guide-route-list code { background:#f1f5f9; border:1px solid #e2e8f0; border-radius:5px; padding:4px 8px; color:#334155; overflow-wrap:anywhere; }
            .dark .guide-route-list code { background:#111827; border-color:#475569; color:#cbd5e1; }
            .guide-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:28px; margin-bottom:28px; scroll-margin-top:24px; box-shadow:0 2px 3px #0f172a03; }
            .guide-card h2 { font-size:22px; font-weight:700; margin-bottom:16px; }
            .guide-section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
            .guide-section-heading h2 { margin-bottom:0; }
            .guide-edit { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:0; max-width:100%; white-space:normal; text-align:center; line-height:1.6; padding:10px 14px; border-radius:8px; background:#0f766e; color:#fff; font-size:13px; font-weight:600; }
            .guide-edit:hover { background:#115e59; }
            .guide-edit:focus-visible { outline:3px solid #14b8a6; outline-offset:3px; }
            .guide-edit-note { font-size:13px; color:#64748b; }
            .dark .guide-edit-note { color:#cbd5e1; }
            @media print { .guide-edit,.guide-edit-note { display:none!important; } }
            .guide-preview { position:relative; overflow:hidden; background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; }
            .guide-preview img { position:absolute; top:0; left:0; width:100%; max-width:none; height:auto; }
            .guide-menu { padding:10px 14px; background:#ecfdf5; color:#065f46; border-radius:8px; margin:18px 0; }
            .guide ol, .guide ul { padding-left:24px; line-height:1.9; }
            .guide ol { list-style:decimal; } .guide ul { list-style:disc; }
            .guide li { padding:5px 0; }
            .guide-preview-button { flex-shrink:0; border:1px solid #0f766e; color:#0f766e; background:#f0fdfa; border-radius:7px; padding:5px 12px; font:inherit; font-size:12px; cursor:pointer; }
            .guide-preview-button:focus-visible { outline:3px solid #14b8a6; outline-offset:2px; }
            .guide-dialog { width:min(1100px,calc(100vw - 24px)); min-width:0; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow:auto; overscroll-behavior:contain; margin:auto; border:1px solid #cbd5e1; border-radius:14px; padding:20px; background:#fff; color:#1e293b; }
            .guide-dialog::backdrop { background:rgba(15,23,42,.65); }
            .guide-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
            .guide-dialog-heading h3 { min-width:0; font-size:clamp(16px,2vw,20px); line-height:1.6; font-weight:700; }
            .guide-dialog-heading form { flex-shrink:0; }
            .guide-announcement-scroll { overflow-x:auto; margin:18px 0; }
            .guide-announcement-labels,.guide-announcement-example { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:10px 16px; font-size:12px; }
            .guide-announcement-labels { color:#64748b; background:#f8fafc; }
            .guide-announcement-example { background:#004d40; color:#fff; }
            .guide-announcement-labels span:nth-child(2),.guide-announcement-example span:nth-child(2) { text-align:center; }
            .guide-announcement-labels span:last-child,.guide-announcement-example span:last-child { text-align:right; }
            .dark .guide-dialog { background:#1f2937; color:#e2e8f0; border-color:#475569; }
            @media(max-width:600px) { .guide-dialog { padding:16px; } }
            @media print { .guide-preview-button,.guide-dialog { display:none!important; } }
            .guide-note { border-left:3px solid #94bdb1; background:#f1f8f5; padding:16px 18px; border-radius:6px; font-size:13px; color:#466359; }
            .guide-note>strong { display:block; color:#24483b; margin-bottom:5px; }
            .guide-action { display:inline-block; padding:9px 16px; border:1px solid #cbd5e1; border-radius:8px; margin-right:8px; color:#0f766e; }
            .guide-map-scroll { overflow-x:auto; border:1px solid #cbd5e1; border-radius:12px; margin:18px 0; }
            .guide-map { position:relative; width:100%; min-width:0; background:#fff; }
            .guide-map > img { display:block; width:100%; height:auto; }
            .guide-hotspot { position:absolute; left:0; right:0; border:2px solid #0f766e; pointer-events:none; }
            .guide-hotspot:focus-within,.guide-hotspot:hover { border-color:#f97316; background:rgba(20,184,166,.08); }
            .guide-hotspot-tools { position:absolute; right:2px; top:0; display:flex; align-items:center; gap:4px; pointer-events:auto; font-size:11px; line-height:18px; }
            .guide-hotspot-tools a,.guide-hotspot-tools span { display:inline-block; padding:0 7px; border-radius:3px; background:#0f766e; color:#fff; box-shadow:0 1px 4px #0005; }
            .guide-hotspot-tools a:last-child { background:#fff; color:#0f766e; border:1px solid #0f766e; }
            .guide-hotspot-tools a:focus-visible { outline:3px solid #f97316; outline-offset:2px; }
            .guide-shortcuts { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:12px; }
            .guide-shortcut { border:1px solid #cbd5e1; border-radius:10px; padding:14px; }
            .guide-shortcut strong { display:block; margin-bottom:10px; }
            .guide-shortcut a { margin-top:6px; }
            .dark .guide-shortcut { border-color:#475569; }
            .guide-tabs { display:flex; gap:10px; flex-wrap:wrap; margin:20px 0; }
            .guide-tabs a { padding:12px 20px; border:1px solid #cbd5e1; border-radius:10px; font-weight:700; }
            .guide-tabs a[aria-current="page"] { background:#0f766e; border-color:#0f766e; color:#fff; }
            .guide-tabs a { display:flex; flex-direction:column; flex:1; gap:5px; background:#fff; padding:16px 22px; transition:border-color .15s; }
            .guide-tabs a:hover { border-color:#0f766e; }
            .guide-tabs a small { font-size:12px; font-weight:400; opacity:.8; }
            .guide-hero { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:16px; padding-bottom:8px; }
            .guide .guide-eyebrow { display:block; font-size:10px; letter-spacing:1.5px; color:#698176; font-weight:700; margin:0 0 9px; line-height:1.6; }
            .guide .guide-lead { font-size:15px; color:#64748b; max-width:760px; }
            .guide-meta { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:11px; color:#7a8795; margin-top:14px; }
            .guide-meta span+span::before { content:'·'; padding-right:16px; }
            .guide-context { border:1px solid #dce8e4; border-radius:10px; background:#f5faf8; padding:16px 22px; color:#426055; font-size:13px; }
            .guide-context p { margin:5px 0 0; }
            .guide-search { margin:16px 0; padding-bottom:16px; border-bottom:1px solid #edf1f4; }
            .guide-search label { font-size:11px; color:#64748b; display:block; margin-bottom:7px; }
            .guide-search-field { display:flex; align-items:center; border:1px solid #dce3e8; border-radius:7px; padding:0 9px; background:#f8fafc; }
            .guide-search input { padding:10px 0; width:100%; min-width:0; border:0; outline:none; background:transparent; color:inherit; font:inherit; font-size:12px; }
            .guide-search-field:focus-within { outline:2px solid #0f766e; outline-offset:2px; }
            .guide-search kbd { border:1px solid #dce3e8; font-size:10px; color:#94a3b8; border-radius:3px; padding:0 4px; }
            .guide .guide-search-status { font-size:11px; color:#64748b; line-height:1.7; margin-bottom:0; }
            .guide .guide-subheading { font-size:13px; font-weight:700; color:#64748b; margin:24px 0 10px; }
            .guide-heading-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
            .guide-topic-heading { flex:1 1 220px; min-width:0; }
            .guide-topic-heading h2 { font-size:21px; line-height:1.5; }
            .guide-article-footer { border-top:1px solid #e8edf1; margin-top:24px; padding-top:16px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:12px; color:#0f766e; }
            .guide-article-footer a:hover { text-decoration:underline; text-underline-offset:3px; }
            .guide-shortcut-disclosure { margin-top:18px; }
            .guide-shortcut-disclosure summary { cursor:pointer; padding:12px 0; color:#0f766e; font-size:13px; font-weight:600; }
            .guide-shortcut-disclosure summary span { font-size:11px; color:#64748b; margin-left:10px; font-weight:400; }
            .guide-shortcuts { padding-top:10px; }
            .guide a:focus-visible,.guide button:focus-visible,.guide summary:focus-visible { outline:2px solid #0f766e; outline-offset:3px; }
            .dark .guide-context,.dark .guide-note { background:#15392f; color:#c5ded4; border-color:#386353; }
            .dark .guide-note>strong { color:#d5f5e6; }
            .dark .guide-tabs a { background:#1f2937; border-color:#475569; }
            .dark .guide-tabs a[aria-current="page"] { background:#0f766e; border-color:#0f766e; }
            .dark .guide-search-field { background:#111827; border-color:#475569; }
            .dark .guide-nav a:hover,.dark .guide-nav a[aria-current="location"] { background:#163e33; color:#99f6d4; }
            .dark .guide-article-footer,.dark .guide-option,.dark .guide-search { border-color:#475569; }
            .dark .guide .guide-eyebrow,.dark .guide .guide-subheading,.dark .guide .guide-lead,.dark .guide-meta { color:#a8bcb5; }
            .guide-content { min-width:0; }
            .guide-option { padding:18px 0; border-top:1px solid #e2e8f0; }
            .guide-option h3 { font-size:17px; font-weight:700; }
            .guide-option p { font-size:14px; }
            .guide-option .guide-section-heading { margin-bottom:6px; }
            @media print { .guide-map-scroll { overflow:visible; } .guide-map { min-width:0; } .guide-hotspot-tools { display:none; } .guide-shortcuts { display:none; } }
            .dark .guide { color:#e2e8f0; } .dark .guide-card,.dark .guide-nav { background:#1f2937; border-color:#475569; }
            .dark .guide-nav a { color:#cbd5e1; }
            @media(max-width:900px) { .guide-layout { grid-template-columns:1fr; } .guide-nav { position:static; max-height:300px; } .guide { padding:16px; } .guide-card { padding:16px; } }
            @media print { #sidebar,header,.guide-nav,.guide-actions { display:none!important; } .guide-layout { display:block; } .guide { padding:0; color:#000; } .guide-card { break-inside:avoid; box-shadow:none; } }
            @media print { .guide-tabs,.guide-article-footer,.guide-heading-actions,.guide-hero .guide-actions { display:none!important; } .guide-map { min-width:0; } .guide-card { border-color:#bbb; margin-bottom:18px; } .guide h1 { font-size:24px; } }
            @media(max-width:600px) { .guide-tabs a { padding:12px; } .guide-meta { gap:8px; } .guide-meta span+span::before { padding-right:8px; } .guide-card { padding:18px; } .guide-hero .guide-actions { margin-bottom:4px; } }
            @media(prefers-reduced-motion:reduce) { .guide * { transition:none!important; } }
            /* Use the available panel width, including when the admin sidebar is open. */
            @container documentation (max-width:1000px) {
                .guide-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
                .guide-nav { position:static; max-height:280px; overscroll-behavior:contain; }
                .guide-card { padding:20px; }
                .guide-hotspot-tools { display:none; }
                .guide-heading-actions { width:100%; }
            }
            @container documentation (max-width:600px) {
                .guide-hero { gap:12px; }
                .guide h1 { font-size:25px; letter-spacing:-.3px; }
                .guide .guide-eyebrow { font-size:9px; letter-spacing:1px; }
                .guide-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
                .guide-tabs a { min-width:0; padding:12px; font-size:13px; }
                .guide-tabs a small { font-size:11px; line-height:1.7; }
                .guide-card { padding:16px; margin-bottom:18px; border-radius:12px; }
                .guide-card h2,.guide-topic-heading h2 { font-size:19px; line-height:1.6; }
                .guide-nav { max-height:240px; padding:14px; }
                .guide-heading-actions { align-items:stretch; gap:8px; }
                .guide-heading-actions .guide-edit { flex:1 1 160px; }
                .guide-preview-button { min-height:40px; padding:8px 12px; }
                .guide-action { min-height:40px; padding:8px 12px; margin-right:0; font-size:12px; }
                .guide-context,.guide-note { padding:14px; }
                .guide-menu { padding:12px; font-size:13px; }
                .guide li { padding:6px 0; }
                .guide-meta { gap:6px 12px; line-height:1.8; }
                .guide-meta span+span::before { content:none; }
                .guide-article-footer { flex-direction:column; }
                .guide-shortcut .guide-edit,.guide-shortcut .guide-action { width:100%; }
                .guide-option .guide-section-heading { align-items:flex-start; }
                .guide-option .guide-edit { width:100%; }
            }
            @media(max-width:600px) {
                .guide-dialog { padding:14px; }
                .guide-dialog-heading { gap:10px; align-items:flex-start; }
                .guide-announcement-labels { display:none; }
                .guide-announcement-example { display:block; }
                .guide-announcement-example span:first-child,.guide-announcement-example span:last-child { display:none; }
                .guide-announcement-example span:nth-child(2) { display:block; }
            }