.help-page{width:min(100%,1240px);margin:auto;color:var(--text-primary)}
/* Clip horizontal paint without making a scroll container that traps the TOC. */
.workspace-main:has(.help-page){overflow-x:clip;overflow-y:visible}
.help-hero{padding:30px 34px;border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-primary)}
.help-eyebrow,.help-section-heading>span{display:block;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.help-hero h1{max-width:800px;margin:13px 0 12px;font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.18;letter-spacing:-.035em}
.help-hero p{max-width:800px;margin:0;color:var(--text-secondary);font-size:15px;line-height:1.65}
.help-hero-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;color:var(--text-muted);font-size:12px}
.help-home-link{display:inline-block;margin-top:20px;color:var(--text-primary);font-size:13px;font-weight:600;text-decoration:none}
.help-home-link:hover,.help-top:hover{text-decoration:underline;text-underline-offset:3px}
.help-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:20px 0}
.help-tools label{font-size:13px;font-weight:600}
.help-tools input{flex:1 1 280px;min-width:0;padding:11px 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-primary);color:var(--text-primary);font:inherit;font-size:13px}
.help-tools [role=status]{font-size:12px;color:var(--text-muted)}
.help-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start}
.help-toc{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding:16px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-primary)}
.help-toc nav{display:flex;flex-direction:column;gap:3px}
.help-toc nav>.help-eyebrow{margin-bottom:10px}
.help-toc a{display:block;padding:7px 0;color:var(--text-secondary);font-size:12px;line-height:1.45;text-decoration:none;overflow-wrap:anywhere}
.help-toc nav a:hover{color:var(--text-primary);text-decoration:underline}
.help-toc p{margin:14px 0 4px;color:var(--text-muted);font-size:11px;line-height:1.6}
.help-content{min-width:0}
.help-role-links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.help-role-links a{padding:8px 10px;border:1px solid var(--border-subtle);border-radius:7px;color:var(--text-secondary);font-size:12px;text-decoration:none;background:var(--surface-primary)}
.help-section{scroll-margin-top:24px;padding:24px 0;border-top:1px solid var(--border-subtle)}
.help-section-heading{margin-bottom:14px}
.help-section-heading h2{margin:7px 0 0;font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.025em}
.help-lead{margin:0 0 18px;color:var(--text-secondary);font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.help-topic{scroll-margin-top:24px;min-width:0;padding:22px;margin-top:14px;border:1px solid var(--border-subtle);border-radius:11px;background:var(--surface-primary)}
.help-topic-head{display:flex;gap:12px;align-items:start;justify-content:space-between}
.help-topic h3{margin:0 0 12px;color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.015em;text-transform:none;overflow-wrap:anywhere}
.help-topic-head>a{padding:3px 6px;color:var(--text-muted);text-decoration:none;font-size:16px}
.help-role,.help-path{margin:0 0 9px;font-size:12px;line-height:1.6;color:var(--text-secondary);overflow-wrap:anywhere}
.help-path{padding:9px 12px;border-radius:7px;background:var(--surface-secondary)}
.help-instructions{margin:18px 0;padding-left:24px;color:var(--text-secondary);font-size:14px;line-height:1.75}
.help-instructions li{padding-left:5px;overflow-wrap:anywhere}
.help-instructions li+li{margin-top:12px}
.help-instructions li::marker{color:var(--text-muted);font-weight:600}
.help-result{margin:14px 0;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.help-callout{margin:12px 0;padding:12px 16px;border-left:2px solid var(--border-strong);border-radius:0 8px 8px 0;background:var(--surface-secondary);color:var(--text-secondary);font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.help-illustration,.help-animation{margin:20px 0 0;min-width:0;padding:10px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--surface-secondary)}
.help-image-link{position:relative;display:block;border-radius:5px;overflow:hidden;color:#172554}
.help-illustration img,.help-animation-screen>img{display:block;width:100%;height:auto;border-radius:5px;background:#fff}
.help-image-link>span{display:block;padding:9px 12px;background:var(--surface-primary);color:var(--text-secondary);font-size:12px;text-align:right}
.help-illustration figcaption,.help-animation figcaption{margin:10px 4px 2px;color:var(--text-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.help-animation-heading{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:2px 4px 12px;font-size:13px;color:var(--text-secondary)}
.help-animation-screen{position:relative}
.help-animation:not(.is-playing) .help-animation-screen>img{max-height:180px;object-fit:cover;object-position:top;opacity:.85}
.help-animation-start{position:absolute;inset:0;width:100%;border:0;border-radius:5px;background:#0003;cursor:pointer;display:grid;place-items:center}
.help-animation-start>span{padding:12px 18px;border-radius:8px;background:var(--surface-primary);color:var(--text-primary);font-size:14px;font-weight:600;box-shadow:0 2px 12px #0003}
.help-animation-status{margin:10px 4px 2px;color:var(--text-secondary);font-size:12px;line-height:1.6}
.help-faq{border:1px solid var(--border-subtle);border-radius:11px;background:var(--surface-primary);overflow:hidden}
.help-faq details+details{border-top:1px solid var(--border-subtle)}
.help-faq summary{padding:16px 20px;cursor:pointer;font-size:14px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}
.help-faq p{padding:0 20px 16px;margin:0;color:var(--text-secondary);font-size:13px;line-height:1.75;overflow-wrap:anywhere}
.help-empty{padding:24px;border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-secondary)}
.help-page [hidden]{display:none!important}
.help-page a:focus-visible,.help-page button:focus-visible,.help-page input:focus-visible,.help-lightbox button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.help-lightbox{width:min(1460px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);padding:0;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-primary);color:var(--text-primary)}
.help-lightbox::backdrop{background:#000b}
.help-lightbox-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle)}
.help-lightbox-head h2{margin:0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.help-lightbox-head>div{display:flex;gap:8px;flex-wrap:wrap}
.help-lightbox-body{overflow:auto;max-height:calc(100vh - 150px);padding:12px}
.help-lightbox-body img{display:block;width:100%;height:auto}
@media(max-width:1100px){.help-layout{grid-template-columns:175px minmax(0,1fr);gap:18px}.help-toc{padding:12px}.help-topic{padding:18px}}
@media(max-width:850px){.help-layout{display:block}.help-toc{position:static;max-height:none;margin-bottom:18px}.help-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.help-toc nav>.help-eyebrow{grid-column:1/-1}.help-toc p{margin-top:8px}}
@media(max-width:620px){.help-hero{padding:22px}.help-topic{padding:16px}.help-section-heading h2{font-size:20px}.help-topic h3{font-size:16px}.help-instructions{font-size:13px;padding-left:20px}.help-tools{align-items:stretch}.help-tools label{flex-basis:100%}.help-tools input{flex-basis:100%}.help-tools .btn{font-size:12px}.help-illustration,.help-animation{padding:6px}.help-lightbox{max-width:calc(100vw - 16px);width:calc(100vw - 16px)}.help-lightbox-head{padding:12px}.help-lightbox-body{padding:4px}}
@media print{.layout-with-sidebar,.layout-public{display:block!important}.workspace-main{margin:0!important;padding:0!important;width:100%!important}.content{padding:0!important}.global-search-container{display:none!important}.sidebar,.topbar,.public-topbar,.help-tools,.help-toc,.help-role-links,.help-animation,.help-home-link,.help-lightbox,.help-image-link>span,.help-topic-head>a,.mobile-tabs{display:none!important}.help-page,.help-content{width:100%!important}.help-layout{display:block}.help-topic{break-inside:auto;border-color:#ccc;background:white}.help-instructions li,.help-section-heading,.help-topic-head{break-inside:avoid}.help-section-heading{break-after:avoid}.help-page *{color:#111!important}.help-hero{padding:18px}.help-illustration{break-inside:avoid}.help-page [hidden]{display:block!important}.help-empty[hidden]{display:none!important}.help-faq details>p{display:block!important}}