/* Paper tweaks for the voltage notebook, layered on ../../voltage/style.css and ../paper.css.
   Sky is this page's colour; the circuit board becomes a deep sky-navy stage. */
:root{--accent:var(--sky-ink);--soft:#e1edf9;--orange:var(--tomato-ink);--green:var(--grass-ink);--navy:#1f3552;--focus:var(--tomato-ink)}
header{border-bottom:0}
.paper-links{display:flex;align-items:center;gap:18px;margin-left:auto}
.paper-links a{font:700 12px var(--round);color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;padding:3px 0}
.paper-links a:hover{border-color:var(--sun)}
.edition{font-family:var(--round);font-weight:800;color:var(--muted)}
.quiet{font-family:var(--round);font-weight:700}
.app{gap:0}
.rail{border-right:2px dotted var(--line)}
.rail-title{font:800 25px/1.12 var(--round);letter-spacing:-.02em}
.rail-title em{font-style:normal;color:var(--sky-ink)}
.little-mark{color:var(--sun-ink);font-family:var(--round);font-weight:800}
nav button{font-family:var(--round);font-weight:700;border-radius:12px;transition:translate .35s var(--spring),background-color .2s}
nav button:hover{background:#fff;translate:3px 0}
nav button[aria-current=step]{background:var(--sky-ink);color:#fff;box-shadow:3px 4px 0 var(--shadow-2)}
nav button[aria-current=step] small{color:#e4efff}
h1{font-size:clamp(32px,3.6vw,52px)}
h1 em{color:var(--sky-ink)}
.intro .eyebrow{color:var(--sky-ink)}

/* the work surface */
.board{background:var(--navy);border:0;border-radius:18px;box-shadow:0 0 0 4px #fff,5px 7px 0 4px var(--shadow)}
.board-head{color:#cfe2f7;font-family:var(--round);font-weight:800}
.board-foot{border-top-color:rgba(255,255,255,.16);color:#c6dbf2}
.board-foot a,.board-foot button{color:#fff}
.wire{stroke:#b9d3ef}
.part.hot{stroke:var(--sun)!important;filter:drop-shadow(0 0 5px #f6bf2c90)}
.node:focus circle,.node:hover circle{stroke:var(--sun)}
.current-path{stroke:var(--sun)}
.board [fill="#6c8291"]{fill:#9fc0e6}
.board [fill="#2b4351"],.board [fill="#35413f"]{fill:#2c4c74}
.board [stroke="#b2a4d4"]{stroke:#8cc4f5}
.board [stroke="#d2bc85"]{stroke:var(--sun)}
.board [fill="#d8cceb"]{fill:#d6e8fb}
.board [fill="#e7ca92"],.board [fill="#e8c88d"]{fill:var(--sun)}
.board [stroke="#d8bf8c"],.board [stroke="#d8c891"],.board [stroke="#e6c27e"]{stroke:var(--sun)}
.board [fill="#849eac"],.board [fill="#91acb9"]{fill:#b3cdea}
.board [fill="#c5d0d6"]{fill:#e3eefa}
.board [fill="#d2dce2"]{fill:#fff}
.board [stroke="#1e303c"]{stroke:var(--navy)}
.board [fill="#e9eef0"]{fill:#fff}
/* probes: red stays warm, black stays dark — both on-palette and distinguishable */
[fill="#bf6759"]{fill:var(--tomato)}
[fill="#405f72"]{fill:#141a24}
[stroke="#e18e7a"]{stroke:#ff9a88}
[stroke="#b5c9d7"]{stroke:#e3ecf7}
.probe-controls .btn.red{color:var(--tomato-ink)}
.probe-controls .btn.black{color:var(--ink)}
.probe-controls .selected.red{background:var(--tomato)!important;border-color:transparent!important;color:#fff!important}
.probe-controls .selected.black{background:#141a24!important;border-color:transparent!important;color:#fff!important}

/* readings and representations */
.meter{background:#fff;border:0;border-radius:16px;box-shadow:0 0 0 1px var(--line),4px 5px 0 var(--shadow)}
.meter strong{font-family:var(--round);font-weight:800;color:var(--sky-ink)}
.reactive-prose{font-family:Georgia,"Iowan Old Style",serif}
.scrub{color:var(--sky-ink);border-bottom:2px dashed var(--sky)}
.exact{border-radius:8px}
.equation{font-family:Georgia,"Iowan Old Style",serif}
.term{background:#fff;border:0;border-radius:12px;box-shadow:0 0 0 1px var(--line),3px 4px 0 var(--shadow);transition:translate .35s var(--spring),background-color .2s}
.term.hot,.term:hover{background:var(--butter);translate:0 -2px}
.formula{background:#e1edf9;border-radius:14px}
.summary-grid strong,.score{font-family:var(--round);font-weight:800}
.summary-grid div{border-top:3px solid var(--sky)}
.legend i{background:var(--sky-ink);height:3px;border-radius:2px}
.legend i.before{background:var(--tomato)}
.potential [stroke="#7861aa"]{stroke:var(--sky-ink)}
.potential [fill="#7861aa"]{fill:var(--sky-ink)}
.potential [stroke="#d8d3df"]{stroke:#e3dccd}
.potential [fill="#d8d3df"]{fill:#e3dccd}
[stroke="#c57443"]{stroke:var(--tomato)}
[stroke="#c8c9c2"]{stroke:rgba(43,34,48,.28)}
[fill="#7f8582"],[fill="#737b7b"]{fill:var(--muted)}
[fill="#76638f"]{fill:var(--sky-ink)}
.avatar{background:var(--sun);border:0;color:var(--ink);font-family:var(--round);font-weight:800;box-shadow:0 0 0 3px #fff,2px 3px 0 3px var(--shadow)}
.companion p{font-family:Georgia,"Iowan Old Style",serif}
.companion{border-bottom:2px dotted var(--line)}
.feedback.good{box-shadow:inset 0 0 0 2px var(--grass),3px 4px 0 var(--shadow);background:#fff}
.feedback.warm{box-shadow:inset 0 0 0 2px var(--sun),3px 4px 0 var(--shadow);background:#fff}
.tabs button{font-family:var(--round);font-weight:700;border-radius:12px}
.tabs button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:3px 4px 0 var(--shadow-2)}
.traversal button{font-family:var(--round)}
.answer-line input{border:0;border-radius:12px;box-shadow:0 0 0 2px var(--line),3px 4px 0 var(--shadow);font-family:var(--round);font-weight:800}
.quiet-surface{border-radius:16px}
.test-progress span{height:6px;border-radius:99px}
.test-progress .done{background:var(--sky-ink)}
.correct{color:var(--grass-ink)}.incorrect{color:var(--tomato-ink)}
.journey-next{border-top:2px dotted var(--line)}
dialog{border:0;border-radius:20px;box-shadow:0 0 0 1px var(--line),8px 10px 0 var(--shadow)}
footer{border-top:0}
@media(max-width:1150px){.paper-links{gap:10px}}
@media(max-width:650px){.paper-links .paper-tag{display:none}}
/* AA: chapter numbers at full strength; selected red probe on the deeper tomato */
nav button span{opacity:1;color:var(--muted)}
nav button[aria-current=step] span{color:#e4efff}
.probe-controls .selected.red{background:var(--tomato-ink)!important}