/* Guide and help navigation. The workspace's existing styles remain in app.css. */
.masthead-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.download-guide-link a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.guide-page .guide-heading{padding:42px 0 30px;max-width:850px}
.guide-page .guide-heading h1{font-size:clamp(34px,4.5vw,50px);letter-spacing:-1.8px;margin-bottom:14px}
.guide-page .guide-heading p{color:var(--muted);font-size:16px;max-width:680px;margin:0 0 20px}
.guide-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:28px;padding-bottom:28px}
.guide-toc{position:sticky;top:24px;border:1px solid var(--border);border-radius:14px;background:#152119;padding:18px;max-height:calc(100vh - 48px);overflow:auto}
.guide-toc summary{cursor:pointer;color:var(--green);font-weight:650;font-size:15px}
.guide-toc ol{padding-left:22px;margin:14px 0 0;font-size:13px;line-height:1.45}
.guide-toc li{padding:0 0 10px 3px;color:var(--muted)}
.guide-toc a:hover,.guide-toc a:focus-visible{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.guide-article{min-width:0;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,#1c2a21,var(--panel));padding:30px;line-height:1.7}
.guide-article p{margin:0 0 16px}
.guide-article ul,.guide-article ol{margin:0 0 20px;padding-left:26px}
.guide-article li{padding-left:4px;margin-bottom:10px}
.guide-article li:last-child{margin-bottom:0}
.guide-article h2{font-size:25px;letter-spacing:-.6px;line-height:1.25;margin:0 0 20px}
.guide-article h3{font-size:18px;font-weight:650;line-height:1.4;letter-spacing:0;margin:26px 0 12px}
.guide-section{border-top:1px solid var(--border);padding-top:28px;margin-top:28px;scroll-margin-top:24px}
.guide-section h2{scroll-margin-top:24px}
.guide-article code{font-family:Consolas,ui-monospace,monospace;font-size:.88em;background:#101b14;border:1px solid #314839;border-radius:4px;padding:2px 5px;overflow-wrap:anywhere}
.guide-article pre{max-width:100%;background:#101b14;border:1px solid #314839;border-radius:10px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 20px}
.guide-article pre code{background:none;border:0;padding:0;font-size:13px}
.guide-callout{border-left:3px solid var(--green);padding:16px 18px;background:#24362b;border-radius:0 9px 9px 0;margin:20px 0}
.guide-callout p:last-child{margin-bottom:0}
.guide-table-wrap{max-width:100%;overflow-x:auto;margin:0 0 22px}
.guide-table-wrap table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}
.guide-table-wrap th,.guide-table-wrap td{text-align:left;vertical-align:top;border:1px solid #3a4c40;padding:12px;overflow-wrap:anywhere;white-space:normal}
.guide-table-wrap th{color:var(--green);background:#15241a;font-weight:650;font-size:13px;letter-spacing:0;text-transform:none}
.guide-table-wrap tr:last-child td{border-bottom:1px solid #3a4c40}
.guide-table-wrap th:first-child:nth-last-child(2){width:36%}
.guide-article a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.guide-page .guide-end{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0 0 32px}
.guide-end a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.offline-guide{--bg:#101915;--panel:#18231d;--border:#2c3c32;--text:#ecf3ed;--muted:#a1b3a6;--green:#9aefb6;color-scheme:dark;margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.55}
.offline-guide *{box-sizing:border-box}
.offline-guide .shell{max-width:1220px;padding:0 36px;margin:auto}
.offline-guide a{color:inherit}
.offline-guide .masthead{padding:28px 0;border-bottom:1px solid var(--border);font-weight:650;font-size:21px}
.offline-guide h1{font-weight:650;line-height:1.1;margin:0}
.offline-guide .eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);margin-bottom:12px}
.offline-guide .button{display:inline-flex;align-items:center;border:1px solid #42644d;border-radius:9px;padding:10px 16px;background:#263e2d;color:var(--text);font:inherit;cursor:pointer;text-decoration:none}
.offline-guide .guide-section h2{font-weight:600}
.offline-guide button:focus-visible,.offline-guide a:focus-visible,.offline-guide summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(max-width:900px){
    .guide-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}
    .guide-article{padding:24px}
}
@media(max-width:700px){
    .guide-layout{grid-template-columns:minmax(0,1fr);gap:20px}
    .guide-toc{position:static;max-height:none}
    .guide-toc ol{max-height:260px;overflow:auto;padding-right:12px}
    .guide-page .guide-heading{padding-top:30px}
    .guide-article{padding:22px 18px}
    .guide-article h2{font-size:23px}
    .guide-table-wrap th,.guide-table-wrap td{padding:9px;font-size:13px}
    .guide-table-wrap table{min-width:0}
    .offline-guide .shell{padding:0 18px}
}
@media print{
    @page{margin:16mm}
    html:has(.guide-page){color-scheme:light}
    body:has(.guide-page){background:white!important;color:black!important;font-size:11pt;line-height:1.45}
    .guide-page{max-width:none!important;padding:0!important;margin:0!important}
    .guide-page .masthead,.guide-page .guide-tools,.guide-page .guide-toc,.guide-page .guide-end,
    body:has(.guide-page) .publisher-notice,body:has(.guide-page) #mcs-reconnect-banner,
    body:has(.guide-page) #blazor-error-ui{display:none!important}
    .guide-page .guide-heading{padding:0 0 12pt;max-width:none}
    .guide-page .guide-heading h1{font-size:26pt;letter-spacing:-.5pt}
    .guide-page .guide-heading p,.guide-page .eyebrow{color:#333}
    .guide-layout{display:block;padding:0}
    .guide-article{padding:0;border:0;border-radius:0;background:white!important;color:black;line-height:1.45}
    .guide-article p,.guide-article li{margin-bottom:8pt}
    .guide-section{margin-top:18pt;padding-top:16pt;border-color:#aaa;scroll-margin-top:0}
    .guide-article h2{font-size:17pt;margin-bottom:10pt;break-after:avoid}
    .guide-section h2{scroll-margin-top:0}
    .guide-article h3{font-size:13pt;break-after:avoid}
    .guide-article ul,.guide-article ol{margin-bottom:10pt}
    .guide-callout{background:#f5f5f5;border-color:#555;padding:10pt 12pt;margin:12pt 0}
    .guide-article code,.guide-article pre{background:#f5f5f5;color:black;border-color:#bbb}
    .guide-article pre{padding:10pt;break-inside:avoid}
    .guide-table-wrap{overflow:visible;margin-bottom:12pt}
    .guide-table-wrap table{font-size:10pt;width:100%;table-layout:fixed}
    .guide-table-wrap th,.guide-table-wrap td{font-size:10pt;padding:6pt;color:black;background:white;border-color:#aaa}
    .guide-table-wrap th{background:#eee}
    .guide-table-wrap tr{break-inside:avoid}
    .guide-article a{color:black}
}