/* Research notes 007–008: compact, readable editorial comparisons. */
.hero h1{max-width:1050px;font-size:clamp(2.6rem,5.3vw,4.6rem);line-height:1.08}.feature img{height:300px}.layout{gap:32px;grid-template-columns:minmax(0,1fr) 205px}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}.note-grid>div{border:1px solid var(--line);background:var(--panel);padding:18px}.note-grid span,.note-lab small,.history-pair small,.contrast-strip small{font:700 11px/1.5 var(--mono);letter-spacing:.05em;color:var(--muted)}.note-grid h3{margin:10px 0}.note-grid p{font-size:15px;color:var(--muted);margin:0}.history-pair,.contrast-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:var(--panel);border:1px solid var(--line);padding:22px;margin:26px 0}.history-pair strong,.contrast-strip strong{display:block;font:700 clamp(20px,3vw,30px)/1.4 var(--mono);margin:7px 0}.history-pair span,.contrast-strip span{display:block;font-size:13px;color:var(--muted)}.history-pair figcaption{grid-column:1/-1}.history-shift{align-self:center;text-align:center}.history-shift b{color:var(--amber);font:700 22px var(--mono)}.note-lab{padding:24px;border:1px solid #318a6c;background:linear-gradient(135deg,#10251f,#0b141c);margin:30px 0;scroll-margin-top:20px}.note-lab h3{font-size:25px;line-height:1.25;margin:12px 0}.note-lab>p{font-size:16px;color:var(--muted);max-width:65ch}.lab-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:22px}.lab-inputs,.lab-result{min-width:0}.lab-inputs label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font:600 14px/1.5 var(--mono);margin:12px 0}.lab-inputs output{font-size:18px;color:var(--green)}.lab-inputs input[type=range]{display:block;width:100%;max-width:100%;min-width:0;accent-color:var(--green);height:38px;margin:0 0 16px}.lab-inputs select{width:100%;min-height:44px;background:#10202b;color:var(--text);border:1px solid #607989;font-size:16px;padding:8px}.note-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.note-presets button{font:600 12px/1.4 system-ui;min-height:42px;padding:8px 11px;border:1px solid #547266;background:#0a1916;color:var(--text);cursor:pointer;border-radius:3px}.note-presets button:hover,.note-presets button[aria-pressed=true]{background:#164132;border-color:var(--green)}.note-lab :focus-visible{outline:2px solid var(--blue);outline-offset:3px}.note-lab .fine{font-size:12px;color:var(--muted);line-height:1.55}.lab-result{background:#09131b;border:1px solid var(--line);padding:20px}.lab-result>strong{display:block;font:700 clamp(28px,3.5vw,38px)/1.25 var(--mono);margin:10px 0}.lab-result>b{font:700 22px var(--mono)}.lab-result p{font-size:14px;color:#c2d1db;line-height:1.65}.mini-bar{margin-top:17px}.mini-bar>span{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--muted);margin-bottom:5px}.mini-track{height:13px;background:#182932}.mini-track i{display:block;height:100%;background:var(--blue);max-width:100%;transition:width .2s}.note-lab details{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:14px;color:var(--muted)}.note-lab summary{cursor:pointer;color:var(--text);min-height:30px}.note-lab details p{max-width:75ch}.sources>p{font-size:14px;color:var(--muted)}
@media(max-width:900px){.layout{grid-template-columns:1fr}.feature img{height:240px}}
@media(max-width:600px){.hero h1{font-size:2.6rem}.feature img{height:190px}.note-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.note-grid>div{flex:0 0 82%;scroll-snap-align:start}.history-pair,.contrast-strip{gap:10px;padding:16px}.history-pair strong,.contrast-strip strong{font-size:20px}.history-shift b{font-size:18px}.history-pair span,.contrast-strip span{font-size:12px}.note-lab{padding:17px}.lab-columns{grid-template-columns:1fr;gap:14px}.lab-result{padding:17px}.lab-result>strong{font-size:34px}.note-lab h3{font-size:23px}.note-grid>div{padding:16px}.contrast-strip{grid-template-columns:1fr 1fr}.contrast-strip>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.contrast-strip>div:last-child strong{grid-column:2;grid-row:1/3;font-size:29px;text-align:right}.history-pair{grid-template-columns:1fr 1fr}.history-shift{grid-column:1/-1;grid-row:2;text-align:left;border-top:1px solid var(--line);padding-top:10px}.history-shift span{display:inline;margin-left:10px}}
@media(prefers-reduced-motion:reduce){.mini-track i{transition:none}}