body[data-site2-page="circuits-guide.html"] .site2-page{width:min(calc(100% - 16px),1200px)}
.circuit-guide{--guide-blue:#1766a8;--guide-gold:#eea91d}
.circuit-guide [hidden]{display:none!important}
.guide-intro{display:grid;place-items:center;min-height:440px;padding:24px;border:3px solid var(--site2-ink);background:var(--site2-cream);color:var(--site2-ink)}
.guide-intro-content{width:min(100%,540px);padding:34px 30px;border:3px solid var(--site2-ink);background:var(--site2-paper);box-shadow:4px 4px 0 var(--site2-moss);text-align:center}
.guide-intro-content p{margin:0 0 28px;font:24px/1.55 Site2Body,Arial,sans-serif}
.circuit-guide #start-guide{min-width:160px;min-height:54px;font-size:13px}
.guide-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 10px 19px}
.guide-header h1{margin:0;font-family:Site2Pixel,monospace;font-size:23px!important}
.circuit-guide button{font-family:Site2Body,Arial,sans-serif;cursor:pointer;border:2px solid var(--site2-ink);color:var(--site2-ink)}
.circuit-guide button:disabled{cursor:default}
.circuit-guide .guide-reset,.circuit-guide .guide-back{padding:11px 10px;background:var(--site2-cream);font:11px/1.5 Site2Pixel,monospace;min-height:44px}
.guide-reset{flex-shrink:0}
.guide-chapters{display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;list-style:none;border:2px solid var(--site2-ink);background:var(--site2-cream)}
.guide-chapters li{padding:13px 8px;text-align:center;font:11px/1.6 Site2Pixel,monospace;color:#655f53;border-right:2px solid var(--site2-ink)}
.guide-chapters li:last-child{border-right:0}
.guide-chapters li[aria-current="step"]{background:var(--site2-forest);color:var(--site2-paper)}
.guide-chapters li.done{background:#e4ecde;color:var(--site2-forest)}
#guide-progress{display:block;appearance:none;width:100%;height:6px;margin:0 0 12px;border:0;background:#e9e3d5;color:var(--site2-moss)}
#guide-progress::-webkit-progress-bar{background:#e9e3d5}
#guide-progress::-webkit-progress-value{background:var(--site2-moss)}
#guide-progress::-moz-progress-bar{background:var(--site2-moss)}
.guide-work{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:12px;align-items:start}
.guide-scene,.guide-question{min-width:0;border:3px solid var(--site2-ink);box-shadow:3px 3px 0 var(--site2-moss)}
.guide-scene{background:var(--site2-cream)}
.guide-situation{padding:16px 18px;background:var(--site2-paper);border-bottom:2px solid var(--site2-ink);font-size:18px;line-height:1.45}
.guide-situation p{margin:0}
.guide-situation p+p{margin-top:9px}
.guide-drawing{padding:8px 3px}
.guide-drawing svg{display:block;width:100%;height:auto;overflow:visible}
.guide-drawing text{font:24px Site2Body,Arial,sans-serif;fill:var(--site2-ink)}
.guide-drawing .svg-pixel{font:22px Site2Pixel,monospace}
.guide-drawing .svg-label{font-weight:700}
.guide-drawing .svg-key{font-size:22px}
.guide-drawing .svg-store-number{font-size:22px;font-weight:700}
.guide-drawing .svg-value{font-size:22px;fill:var(--guide-blue);font-weight:700}
.guide-drawing .route{fill:none;stroke:var(--site2-ink);stroke-width:8;stroke-linejoin:round}
.guide-drawing .route-center{fill:none;stroke:#ded4ba;stroke-width:4;stroke-linejoin:round}
.guide-drawing .circuit-wire{fill:none;stroke:var(--site2-ink);stroke-width:4;stroke-linejoin:round}
.guide-drawing .target{fill:#f9edca;stroke:#c59942;stroke-width:2}
.guide-drawing .checkpoint{fill:var(--site2-paper);stroke:var(--site2-ink);stroke-width:2}
.guide-drawing .checkpoint.active{fill:var(--guide-gold)}
.guide-drawing .arrow{fill:var(--guide-blue);stroke:var(--site2-cream);stroke-width:2;stroke-linejoin:round;paint-order:stroke fill}
.guide-reference{padding:14px 17px;border-top:2px solid var(--site2-ink);background:#e9eedf;font-size:17px;line-height:1.4}
.guide-reference p{margin:0}
.guide-reference p+p{margin-top:9px}
.guide-reference .reference-equation{font-size:26px;font-weight:700;letter-spacing:.02em}
.reference-meanings{display:grid;grid-template-columns:24px 1fr;gap:5px 9px;margin:11px 0 0}
.reference-meanings dt{font-weight:700}
.reference-meanings dd{margin:0}
.reference-totals{grid-template-columns:60px 1fr}
.guide-question{padding:20px 19px 17px;background:var(--site2-paper)}
.question-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:18px;color:var(--site2-chestnut);font:11px/1.6 Site2Pixel,monospace}
#answer-unit{font:700 13px/1.45 Site2Body,Arial,sans-serif;text-transform:uppercase;color:var(--site2-forest)}
.guide-question h2{margin:0 0 23px;font:700 25px/1.35 Site2Body,Arial,sans-serif;outline:none}
.guide-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.circuit-guide .guide-choice{position:relative;min-height:78px;padding:12px;background:var(--site2-cream);border-width:3px;box-shadow:3px 3px 0 var(--site2-line);font-size:31px;font-weight:700}
.guide-choice:hover:not(:disabled){background:#f9e8b4;border-color:var(--site2-chestnut)}
.circuit-guide .guide-choice.wrong{border-color:var(--site2-red);background:#f9e8e1;box-shadow:3px 3px 0 #d4b0a4}
.circuit-guide .guide-choice.correct{background:var(--site2-forest);color:var(--site2-paper);box-shadow:3px 3px 0 var(--site2-moss)}
.guide-choice.wrong::after{content:"×";position:absolute;top:2px;right:8px;font-size:22px}
.guide-choice.correct::after{content:"✓";position:absolute;top:6px;right:8px;font-size:18px}
.guide-choice:disabled:not(.correct){box-shadow:none;color:#655f53;border-color:var(--site2-line)}
.guide-feedback{font-size:17px;line-height:1.45;margin:0}
.guide-feedback:not(:empty){padding:13px 0 0;margin-top:18px;border-top:2px solid var(--site2-line)}
.guide-feedback strong{display:block;margin:0 0 5px;color:var(--site2-forest);font:11px/1.6 Site2Pixel,monospace}
.guide-feedback.retry strong{color:var(--site2-red)}
.guide-feedback p{margin:0}
.question-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;min-height:46px}
.guide-back:disabled{opacity:.45}
.circuit-guide .guide-next,.guide-resource{padding:12px;background:var(--site2-forest);color:var(--site2-paper)!important;font:11px/1.5 Site2Pixel,monospace;min-height:46px;border:2px solid var(--site2-ink);box-shadow:2px 2px 0 var(--site2-moss);text-decoration:none}
.guide-next:hover,.guide-resource:hover{background:var(--site2-chestnut)}
.guide-complete{padding:23px 18px 28px;border:3px solid var(--site2-ink);background:var(--site2-cream)}
.guide-complete>h2{margin:0 0 22px;font:18px/1.5 Site2Pixel,monospace}
.guide-results{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:23px}
.guide-results article{padding:16px;border:2px solid var(--site2-ink);background:var(--site2-paper)}
.guide-results h3{margin:0 0 12px;color:var(--site2-forest);font:11px/1.6 Site2Pixel,monospace}
.guide-results p{margin:0 0 10px;font-size:18px;line-height:1.45}
.guide-results p:last-child{margin-bottom:0}
.guide-results .result-equation{font-size:22px;font-weight:700}
.kirchhoff-result{grid-column:1/-1}
.guide-resource{display:inline-flex;align-items:center}
@media(min-width:761px) and (max-width:1000px){.guide-work{grid-template-columns:minmax(0,1fr)}.guide-drawing{max-width:640px;margin:auto}.guide-question h2{margin-bottom:18px}.guide-choices{grid-template-columns:repeat(4,1fr)}.guide-question{padding:18px}}
@media(max-width:760px){
  .guide-intro{padding:20px}
  .guide-intro-content{padding:26px 20px}
  .guide-intro-content p{font-size:22px}
  .guide-header{padding:10px 3px 16px;gap:14px;align-items:flex-start;flex-direction:column}
  .guide-header h1{font-size:20px!important;line-height:1.5!important}
  .guide-reset{align-self:flex-end}
  .guide-chapters li{padding:10px 5px;line-height:1.7}
  .guide-work{grid-template-columns:1fr;gap:13px}
  .guide-situation{padding:13px 14px;font-size:17px}
  .guide-question{padding:17px 14px}
  .guide-question h2{font-size:23px}
  .guide-choice{min-height:70px!important}
  .guide-results{grid-template-columns:1fr}
  .guide-complete{padding:19px 12px}
  .guide-drawing{max-width:640px;margin:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}