.page-help-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.drawer-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
.page-help-button{white-space:nowrap}
.help-dialog{inset:0;margin:auto;width:min(1000px,calc(100vw - 32px));height:auto;max-height:90dvh;padding:30px 36px;border:1px solid var(--line);border-radius:10px;background:#fdfefb}
.help-dialog::backdrop{background:rgba(28,40,31,.42)}
.help-dialog .drawer-top{margin-bottom:18px}
.help-tools{display:flex;justify-content:space-between;align-items:end;gap:18px;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.help-tools label{display:grid;gap:6px;font-size:12px;color:var(--muted);min-width:0;flex:1;max-width:420px}
.help-tools select{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink)}
.help-tools a{flex-shrink:0;text-decoration:none;color:var(--green)}
.help-article{font-size:14px;line-height:1.85;overflow-wrap:anywhere}
.help-intro{font-size:16px;line-height:1.8;color:var(--green);max-width:66ch;margin-bottom:28px}
.help-section{margin:28px 0}
.help-section h3,.help-related h3{font-size:17px;font-weight:600;margin:0 0 14px}
.help-section p{margin:12px 0;max-width:70ch}
.help-section ol{padding-left:26px;margin:0;max-width:70ch}
.help-section li{padding-left:5px;margin:13px 0}
.help-table-wrap{overflow-x:auto}
.help-table-wrap table{min-width:540px;font-size:13px;line-height:1.7}
.help-table-wrap td,.help-table-wrap th{white-space:normal;vertical-align:top}
.help-table-wrap th[scope=row]{font-weight:550;max-width:170px;background:transparent}
.help-code{padding:18px;border-radius:5px;background:#f0f3eb;font:12px/1.75 var(--mono);overflow:auto;white-space:pre}
.help-related{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.help-related>div{display:flex;flex-wrap:wrap;gap:9px}
.resource-explanation{padding:20px 22px;margin:0 0 20px;background:var(--green-light);border-left:3px solid var(--green);display:grid;grid-template-columns:1fr 1fr;gap:26px}
.resource-explanation h2{font-size:14px;margin-bottom:7px}
.resource-explanation p{font-size:12px;color:#59675e;line-height:1.8}
.resource-explanation .text-button{padding:8px 0 0;color:var(--green)}
.import-explanation{font-size:13px;line-height:1.85;color:#59675e}
.import-explanation p+p{margin-top:9px}
.guide-header{max-width:1320px;margin:auto;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}
.guide-header>a:last-child{text-decoration:none;color:var(--green)}
.guide-layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:48px;padding:32px}
.guide-directory{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow:auto;padding-right:12px}
.guide-directory>label{display:block;font-size:12px;margin-bottom:8px;color:var(--muted)}
.guide-directory>input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:white}
#guide-navigation{display:grid;gap:3px;margin-top:20px}
#guide-navigation a{display:block;text-decoration:none;color:var(--muted);font-size:13px;line-height:1.6;padding:9px 11px;border-left:2px solid transparent}
#guide-navigation a:hover{color:var(--green);background:var(--green-light)}
#guide-navigation a[aria-current]{color:var(--green);background:var(--green-light);border-left-color:var(--green);font-weight:550}
.guide-main{margin:0;padding:4px 0 60px;min-width:0;width:100%}
.guide-main>h1{margin-bottom:22px;font-size:28px;scroll-margin-top:24px}
@media(max-width:700px){.help-dialog{width:100%;max-height:100dvh;border-radius:0;padding:22px 18px}.help-dialog .drawer-top h2{font-size:20px}.help-tools{align-items:stretch;flex-direction:column;gap:12px}.help-tools label{max-width:none}.help-tools a{align-self:flex-start}.page-help-actions{max-width:160px;gap:6px}.drawer-tools{gap:4px}.resource-explanation{grid-template-columns:1fr;gap:18px;padding:17px}.guide-header{padding:18px 16px}.guide-header .brand span{display:none}.guide-layout{grid-template-columns:1fr;gap:28px;padding:20px 16px}.guide-directory{position:static;max-height:240px;padding:0 0 18px;border-bottom:1px solid var(--line)}.guide-main>h1{font-size:24px}.help-intro{font-size:15px}.help-article{font-size:14px}}
