/* Guide components extend the established wiki skin. */
html{scroll-padding-top:78px}.article h2[id],.article h3[id]{scroll-margin-top:20px}
.site-sidebar{max-height:calc(100vh - 132px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.site-sidebar nav+nav{margin-top:20px}.site-sidebar a{padding-top:6px;padding-bottom:6px}.sidebar-note a{padding:0;margin-top:10px;font-size:10px}
.reading-meta{display:flex;gap:9px 16px;align-items:center;flex-wrap:wrap;margin:18px 0 0!important;padding-top:13px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}
.reading-meta .guide-number{color:var(--accent);letter-spacing:1px}
.guide-summary{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--raised);padding:15px 18px;margin:20px 0;font-size:13px;border-radius:3px}
.guide-summary p:last-child{margin-bottom:0}.guide-summary>strong{display:block;margin-bottom:5px}
.guide-path{list-style:none;padding:0!important;margin:19px 0 25px!important;border:1px solid var(--border);border-radius:3px;overflow:hidden}
.guide-path li{padding:0!important;margin:0!important}.guide-path li+li{border-top:1px solid var(--border)}
.guide-path a{display:flex;align-items:center;gap:16px;padding:14px 17px;color:var(--text)}
.guide-path a:hover{background:var(--raised);text-decoration:none}
.guide-path .path-number{font:20px/1 Georgia,serif;color:var(--accent);min-width:28px;align-self:center}
.guide-path div{flex:1;min-width:0}.guide-path strong{display:block;font-size:14px}.guide-path div span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.guide-path a>span:last-child{color:var(--accent)}
.quick-answers{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:3px;overflow:hidden}
.quick-answers a{padding:15px;font-size:13px}.quick-answers a:nth-child(2n){border-left:1px solid var(--border)}.quick-answers a:nth-child(n+3){border-top:1px solid var(--border)}
.quick-answers a:hover{background:var(--raised);text-decoration:none}.quick-answers span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.article-neighbors{display:grid;grid-template-columns:1fr 1fr;gap:12px;clear:both;margin-top:32px}
.article-neighbors a{padding:15px 16px;border:1px solid var(--border);border-radius:3px;min-width:0}
.article-neighbors a:hover{background:var(--raised);text-decoration:none}.article-neighbors a:last-child{text-align:right}
.article-neighbors span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.article-neighbors strong{font-size:13px;color:var(--link)}
.article figure.flow-diagram,.article div.flow-diagram{margin:20px 0;padding:18px;border:1px solid var(--border);border-radius:3px;background:var(--bg);font-size:13px}
.flow-diagram>ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:9px;list-style:none;padding:0!important;margin:0!important;counter-reset:diagram}
.flow-diagram>ol>li{counter-increment:diagram;padding:12px!important;margin:0!important;background:var(--surface);border:1px solid var(--border);font-size:12px;line-height:1.6}
.flow-diagram>ol>li::before{content:counter(diagram,decimal-leading-zero);display:block;font-size:10px;letter-spacing:1px;color:var(--accent);margin-bottom:7px}
.flow-diagram figcaption{font-size:11px;color:var(--muted);margin-top:13px;line-height:1.6}
.flow-diagram pre{margin:0;overflow:auto;font:12px/1.65 Consolas,monospace;padding-bottom:5px;color:var(--text);tab-size:2}
.power-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1.4fr;align-items:center;gap:10px;text-align:center}
.power-flow>div{border:1px solid var(--border);padding:14px 8px;background:var(--surface)}
.power-flow strong,.power-flow small{display:block}.power-flow strong{font-size:12px}.power-flow small{font-size:10px;color:var(--muted);margin-top:5px}.power-flow>span{color:var(--accent)}
.fluid-flow{display:flex;justify-content:center;gap:12px;align-items:center;text-align:center;border-top:1px dashed var(--border);margin-top:15px;padding-top:15px;font-size:11px;color:var(--muted)}.fluid-flow b{color:var(--accent)}
.port-legend{display:grid;grid-template-columns:1fr 1fr;gap:9px;border:1px solid var(--border);border-radius:3px;padding:14px;margin:17px 0;font-size:12px}
.port-legend>span{display:flex;gap:8px;align-items:center}.port-dot{display:inline-block;width:12px;height:12px;border:1px solid #ffffff40;border-radius:2px;flex-shrink:0}
.port-dot.input{background:#278ce5}.port-dot.output{background:#e97924}.port-dot.both{background:#8c4dd8}.port-dot.none{background:#697279}
.article ul.checklist{padding:0;margin:15px 0 23px;list-style:none;border:1px solid var(--border);border-radius:3px;overflow:hidden}
.article .checklist li{margin:0;padding:0}.article .checklist:not([data-checklist]) li{padding:12px 14px}.checklist li+li{border-top:1px solid var(--border)}
.checklist label{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;cursor:pointer;line-height:1.6;font-size:13px}
.checklist input{width:17px;height:17px;margin:3px 0 0;flex-shrink:0;accent-color:var(--accent);cursor:pointer}
.checklist li.is-checked{background:color-mix(in srgb,var(--notice) 45%,transparent)}.checklist li.is-checked label{color:var(--muted)}
.checklist-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--border);padding:9px 12px;background:var(--raised);border-radius:3px;font-size:11px;color:var(--muted)}
.checklist-tools progress{height:7px;flex:1;min-width:75px;max-width:180px;accent-color:var(--accent)}.checklist-tools button{margin-left:auto;font-size:10px}
.energy-calculator{background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:18px;margin:18px 0}
.calculator-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}.calculator-fields label{font-size:12px;line-height:1.5;font-weight:500}
.calculator-fields label>span{font-size:10px;color:var(--muted);display:block;margin:4px 0 6px}
.calculator-fields input{width:100%;min-width:0;padding:9px 10px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:3px;font-variant-numeric:tabular-nums;font-size:14px}
.energy-calculator output{display:block;border-left:3px solid var(--accent);padding:12px 14px;background:var(--notice);font-size:13px;margin:18px 0 12px}.energy-calculator p:last-child{margin-bottom:0}
.search-results{max-height:min(580px,70vh);overflow-y:auto}
.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1050px){.reading-meta{gap:7px 12px}.site-sidebar{font-size:12px}}
@media(max-width:760px){
 html{scroll-padding-top:112px}.site-sidebar{visibility:hidden}.nav-open .site-sidebar{visibility:visible}
 .site-sidebar{max-height:calc(100vh - 112px)}.reading-meta span:last-child{display:none}.guide-path a{gap:12px;padding:13px}.guide-path div span{font-size:11px}.guide-path .path-number{font-size:18px;min-width:23px}
 .quick-answers{grid-template-columns:1fr}.quick-answers a:nth-child(2n){border-left:0}.quick-answers a+a{border-top:1px solid var(--border)}
 .flow-diagram>ol{grid-template-columns:1fr 1fr}.flow-diagram>ol>li{font-size:11px}.flow-diagram>ol>li:last-child:nth-child(odd){grid-column:1/-1}
 .article figure.flow-diagram,.article div.flow-diagram{padding:12px}.flow-diagram pre{font-size:11px}.power-flow{grid-template-columns:1fr;gap:7px}.power-flow>span{transform:rotate(90deg)}.power-flow>div{padding:10px}.power-flow small{margin-top:2px}
 .fluid-flow{gap:8px;font-size:10px}.port-legend{grid-template-columns:1fr;font-size:12px}.calculator-fields{grid-template-columns:1fr}.calculator-fields label>span{display:inline;margin-left:5px}.calculator-fields input{display:block;margin-top:5px}
 .energy-calculator{padding:14px}.checklist label{font-size:12px;padding:12px}.checklist-tools{gap:7px}.checklist-tools progress{max-width:90px}.article-neighbors{gap:8px}.article-neighbors a{padding:12px}.article-neighbors strong{font-size:12px}.search-results{max-height:60vh}
}
@media print{
 .reading-meta{font-size:8pt}.article-neighbors,.checklist-tools button{display:none}.guide-summary,.energy-calculator,.flow-diagram{break-inside:avoid}
 .checklist-tools{border:0;padding:0;background:none}.checklist-tools progress{display:none}.checklist label{padding:6px;font-size:9pt}.article .checklist li.is-checked{background:none}
 .guide-path a{padding:8px}.flow-diagram pre{white-space:pre-wrap}.energy-calculator input{border-color:#aaa}.calculator-fields{grid-template-columns:1fr 1fr 1fr}
 .power-flow{grid-template-columns:1fr auto 1fr auto 1.4fr}.power-flow>span{transform:none}.quick-answers{grid-template-columns:1fr 1fr}
}