/* BenchSlap Notebook (Labs) — external, CSP-safe. Dark void + metallic gold. */
:root{
  --nb-ink:#0A0B0E;--nb-up:#12141A;--nb-card:#1A1D25;--nb-line:#24282F;--nb-line-hi:#32373F;
  --nb-gold:#D4AF37;--nb-gold-hi:#E8C547;--nb-gold-dim:#9A7F2A;
  --nb-text:#DBD7CC;--nb-bright:#EFEAD8;--nb-dim:#8F8B7E;
  --nb-green:#3FB37F;--nb-amber:#E0A93B;--nb-red:#E0584B;
  --nb-disp:'Cinzel','Georgia',serif;--nb-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--nb-mono:'JetBrains Mono','SF Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--nb-body);background:var(--nb-ink);color:var(--nb-text);line-height:1.6;-webkit-font-smoothing:antialiased}
.nb-wrap{max-width:880px;margin:0 auto;padding:0 22px}
a{color:var(--nb-gold);text-decoration:none}
.nb-nav{position:sticky;top:0;z-index:50;background:rgba(10,11,14,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--nb-line)}
.nb-nav .nb-wrap{display:flex;align-items:center;justify-content:space-between;height:58px}
.nb-logo{font-family:var(--nb-disp);font-size:18px;color:var(--nb-bright)}
.nb-tag{font-family:var(--nb-mono);font-size:10px;letter-spacing:.18em;color:var(--nb-gold);margin-left:8px;vertical-align:3px}
.nb-navlink{font-size:14px;color:var(--nb-dim)}
.nb-main{padding:40px 22px 80px}
.nb-kicker{font-family:var(--nb-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--nb-gold);margin-bottom:14px}
h1{font-family:var(--nb-disp);font-weight:600;font-size:clamp(26px,4.6vw,40px);line-height:1.1;color:var(--nb-bright);letter-spacing:-.01em}
h1 em{font-style:italic;color:var(--nb-gold-hi)}
.nb-sub{max-width:64ch;margin:18px 0 28px;color:var(--nb-text);font-size:16px}
.nb-sub strong{color:var(--nb-gold-hi)}
.nb-controls{background:linear-gradient(180deg,var(--nb-card),var(--nb-up));border:1px solid var(--nb-line);border-radius:14px;padding:20px}
.nb-label{display:block;font-size:13px;color:var(--nb-dim);margin:0 0 6px;letter-spacing:.02em}
.nb-select,.nb-q{width:100%;background:#0f1116;border:1px solid var(--nb-line);border-radius:10px;color:var(--nb-bright);font-size:15px;padding:12px 13px;font-family:var(--nb-body);margin-bottom:16px}
.nb-select:focus,.nb-q:focus{outline:none;border-color:var(--nb-gold)}
.nb-q{resize:vertical;min-height:72px}
.nb-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nb-btn{cursor:pointer;background:linear-gradient(180deg,var(--nb-gold-hi),var(--nb-gold));color:#0A0B0E;border:none;border-radius:10px;font-weight:600;font-size:15px;padding:12px 22px;font-family:var(--nb-body);transition:.16s}
.nb-btn:hover{filter:brightness(1.07)}
.nb-btn:disabled{opacity:.5;cursor:default}
.nb-status{font-size:14px;color:var(--nb-dim)}
.nb-status.err{color:var(--nb-amber)}
.nb-result{margin-top:28px}
.nb-h2{font-family:var(--nb-disp);font-weight:600;font-size:20px;color:var(--nb-bright);margin:26px 0 10px}
.nb-summary{border-radius:11px;padding:13px 16px;font-size:15px;border:1px solid var(--nb-line);background:#0f1116}
.nb-summary.ok{border-color:rgba(63,179,127,.5);color:var(--nb-green)}
.nb-summary.warn{border-color:rgba(224,169,59,.5);color:var(--nb-amber)}
.nb-answer{background:#0f1116;border:1px solid var(--nb-line);border-radius:11px;padding:16px 18px;white-space:pre-wrap;color:var(--nb-text);font-size:15.5px}
.nb-claims{list-style:none}
.nb-claim{border:1px solid var(--nb-line);border-left-width:4px;border-radius:9px;padding:12px 14px;margin-bottom:10px;background:#0f1116}
.nb-claim.g{border-left-color:var(--nb-green)}
.nb-claim.s{border-left-color:var(--nb-amber)}
.nb-claim.u{border-left-color:var(--nb-red)}
.nb-claim-head{display:flex;align-items:center;gap:9px;margin-bottom:5px}
.nb-badge{font-family:var(--nb-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:5px;flex:0 0 auto}
.nb-badge.g{background:rgba(63,179,127,.16);color:var(--nb-green)}
.nb-badge.s{background:rgba(224,169,59,.16);color:var(--nb-amber)}
.nb-badge.u{background:rgba(224,88,75,.16);color:var(--nb-red)}
.nb-claim-text{color:var(--nb-bright);font-size:14.5px}
.nb-receipt{margin-top:7px;font-size:13px;color:var(--nb-dim);border-top:1px dashed var(--nb-line);padding-top:7px}
.nb-receipt .src{color:var(--nb-gold-dim)}
.nb-receipt .ex{display:block;margin-top:3px;font-family:var(--nb-mono);font-size:12px;color:var(--nb-text);background:#0b0d11;padding:6px 8px;border-radius:6px;overflow-x:auto}
.nb-foot{margin-top:14px;color:var(--nb-dim);font-size:13px;line-height:1.5}
@media(max-width:560px){.nb-main{padding:26px 18px 60px}}

.nb-dl{margin:14px 0 0;font-size:14px;padding:10px 16px}

/* quote-check */
.nb-qc{margin-top:34px;border-top:1px solid var(--nb-line);padding-top:24px}
.nb-qc-sub{color:var(--nb-dim);font-size:14px;margin:6px 0 14px}
.nb-qc-result{margin-top:16px}
.nb-qc-head{border-radius:11px;padding:13px 16px;font-size:15px;border:1px solid var(--nb-line);background:#0f1116}
.nb-qc-head.g{border-color:rgba(63,179,127,.5);color:var(--nb-green)}
.nb-qc-head.u{border-color:rgba(224,88,75,.5);color:var(--nb-red)}
.nb-qc-result .nb-receipt{margin-top:10px;border-top:none}