/* Night Lab: native CSS, no font downloads or runtime CSS compiler. */
:root{--nl-bg:#111514;--nl-surface:#1a211e;--nl-raised:#222b25;--nl-ink:#eef2ee;--nl-text:#ccd5ce;--nl-muted:#a5b2a8;--nl-accent:#c2f85c;--nl-on-accent:#192315;--nl-line:#344137;--nl-tint:#232f23;--nl-secondary:#709c58;--nl-rest:#4c6554;--nl-good:#91e9bb;--nl-good-bg:#193529;--nl-warn:#f4cc7b;--nl-warn-bg:#352c1b;--nl-bad:#ffacb6;--nl-bad-bg:#382128;--nl-mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--nl-font:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark}
html:not(.dark){--nl-bg:#f5f7f0;--nl-surface:#ffffff;--nl-raised:#eef2e7;--nl-ink:#19271d;--nl-text:#354c3b;--nl-muted:#526857;--nl-accent:#356412;--nl-on-accent:#ffffff;--nl-line:#cbd5c4;--nl-tint:#e9f0de;--nl-secondary:#669043;--nl-rest:#8eaa76;--nl-good:#16633d;--nl-good-bg:#e7f6ec;--nl-warn:#805007;--nl-warn-bg:#fff4db;--nl-bad:#a3233d;--nl-bad-bg:#ffebed;color-scheme:light}
html{scroll-padding-top:100px}
body[data-night-lab]{margin:0;background:var(--nl-bg);color:var(--nl-text);font-family:var(--nl-font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body[data-night-lab] *,body[data-night-lab] *:before,body[data-night-lab] *:after{box-sizing:border-box}
body[data-night-lab] :focus-visible{outline:2px solid var(--nl-accent);outline-offset:4px;box-shadow:none}
body[data-night-lab] ::selection{background:var(--nl-accent);color:var(--nl-on-accent)}
body[data-night-lab] [hidden]{display:none!important}
.nl-skip{position:fixed;left:18px;top:-100px;z-index:100;padding:12px 20px;background:var(--nl-accent);color:var(--nl-on-accent);font-weight:700;border-radius:4px}
.nl-skip:focus{top:10px}
.nl-wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.nl-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--nl-line);background:var(--nl-bg)}
.nl-header-inner{min-height:78px;display:flex;align-items:center;gap:28px}
.nl-brand{display:inline-flex;align-items:center;gap:11px;color:var(--nl-ink);font-family:var(--nl-mono);font-size:21px;font-weight:700;letter-spacing:-1px;white-space:nowrap;text-decoration:none}
.nl-mark{display:grid;place-items:center;width:33px;height:33px;background:var(--nl-accent);color:var(--nl-on-accent);font-size:24px;line-height:1;border-radius:3px}
.nl-brand span:last-child span{font-weight:400;color:var(--nl-muted)}
.nl-nav{margin-left:auto;display:flex;align-items:center;gap:7px}
.nl-nav a{padding:10px 13px;color:var(--nl-muted);font-size:13px;font-weight:600;text-decoration:none;border-radius:3px;white-space:nowrap}
.nl-nav a:hover,.nl-nav a[aria-current="page"]{color:var(--nl-accent);background:var(--nl-tint)}
.nl-header-actions{display:flex;gap:8px;align-items:center}
.nl-theme{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--nl-line);border-radius:3px;background:var(--nl-surface);color:var(--nl-ink);cursor:pointer}
.nl-theme:hover{border-color:var(--nl-accent)}
.nl-theme svg{width:19px;height:19px}
.nl-moon{display:none}html:not(.dark) .nl-moon{display:block}html:not(.dark) .nl-sun{display:none}
.nl-menu{display:none}
.nl-menu summary{list-style:none;cursor:pointer;min-height:44px;padding:9px 12px;border:1px solid var(--nl-line);font:12px/24px var(--nl-mono);color:var(--nl-ink);border-radius:3px}
.nl-menu summary::-webkit-details-marker{display:none}
.nl-menu summary:after{content:" +";color:var(--nl-accent)}.nl-menu[open] summary:after{content:" −"}
.nl-menu nav{position:absolute;left:16px;right:16px;top:calc(100% + 8px);padding:12px;background:var(--nl-surface);border:1px solid var(--nl-line);box-shadow:0 16px 40px #0005;max-height:calc(100dvh - 105px);overflow:auto}
.nl-menu nav a{display:block;padding:12px;color:var(--nl-ink);font-size:14px;text-decoration:none;border-bottom:1px solid var(--nl-line)}
.nl-menu nav a:last-child{border:0}.nl-menu nav a:hover{background:var(--nl-tint);color:var(--nl-accent)}
.nl-eyebrow{font:11px/1.5 var(--nl-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--nl-accent);display:flex;align-items:center;gap:9px;margin:0 0 20px}
.nl-eyebrow:before{content:"";display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--nl-accent)}
.nl-hero{background-image:linear-gradient(var(--nl-line) 1px,transparent 1px),linear-gradient(90deg,var(--nl-line) 1px,transparent 1px);background-size:32px 32px;position:relative;border-bottom:1px solid var(--nl-line)}
.nl-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--nl-bg) 15%,transparent 200%);pointer-events:none}
.nl-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-block:76px 66px}
body[data-night-lab] .nl-hero h1{font-size:clamp(48px,5.2vw,72px);line-height:1.03;letter-spacing:-.065em;color:var(--nl-ink);font-weight:750;margin:0 0 24px}
.nl-hero h1 span{color:var(--nl-accent);display:block}
body[data-night-lab] .nl-hero h1 .nl-h1-lead{font:11px/1.5 var(--nl-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--nl-accent);display:flex;align-items:center;gap:9px;margin:0 0 20px}
body[data-night-lab] .nl-hero h1 .nl-h1-lead:before{content:"";display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--nl-accent)}
.nl-hero-copy>p:not(.nl-eyebrow){max-width:440px;font-size:16px;color:var(--nl-muted);line-height:1.8;margin:0 0 28px}
.nl-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nl-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:13px 19px;min-height:48px;border:1px solid var(--nl-accent);border-radius:3px;background:var(--nl-accent);color:var(--nl-on-accent);font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .16s,border-color .16s}
.nl-button:hover{filter:brightness(1.08)}
.nl-button-secondary{border-color:var(--nl-line);color:var(--nl-ink);background:var(--nl-surface)}
.nl-button-secondary:hover{border-color:var(--nl-accent)}
.nl-small-note{display:flex;gap:14px;margin-top:40px;font-size:12px;color:var(--nl-muted);max-width:420px}
.nl-small-note>span{font:20px var(--nl-mono);color:var(--nl-accent)}
.nl-small-note strong{display:block;margin-bottom:4px;font:10px/1.5 var(--nl-mono);letter-spacing:.07em;color:var(--nl-ink)}
.nl-calculator{min-width:0;background:var(--nl-surface);border:1px solid var(--nl-line);border-top:2px solid var(--nl-accent);border-radius:4px;box-shadow:0 16px 55px #0002}
.nl-calc-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;border-bottom:1px solid var(--nl-line);gap:12px}
body[data-night-lab] .nl-calc-heading h2{font:600 12px/1.6 var(--nl-mono);letter-spacing:.04em;color:var(--nl-ink);margin:0}
.nl-live-label{font:9px/1.5 var(--nl-mono);letter-spacing:.04em;color:var(--nl-muted);text-transform:uppercase}
.nl-calc-fields{display:grid;grid-template-columns:1.18fr 1fr;gap:12px;padding:22px 23px 0}
.nl-calc-fields label{font:10px/1.5 var(--nl-mono);color:var(--nl-muted);display:block;margin-bottom:8px;letter-spacing:.05em;text-transform:uppercase}
body[data-night-lab] .nl-calc-fields select{background:var(--nl-bg);color:var(--nl-ink);border:1px solid var(--nl-line);width:100%;font-size:13px;border-radius:3px;min-height:46px;padding:10px 8px}
.nl-calc-result{padding:24px 23px 20px}
.nl-result-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
.nl-result-label{font-size:12px;color:var(--nl-muted);margin:0}
.nl-wattage{font:500 58px/1.25 var(--nl-mono);letter-spacing:-.065em;color:var(--nl-accent);margin:0}
.nl-wattage span{font-size:23px;letter-spacing:-.04em;margin-left:3px}
.nl-load-note{font-size:12px;color:var(--nl-muted);margin:3px 0 0}
.nl-load-note strong{color:var(--nl-ink);font-weight:500}
.nl-ring{width:90px;height:90px;border-radius:50%;background:conic-gradient(var(--nl-accent) calc(var(--nl-load,72)*1%),var(--nl-line) 0);padding:5px;flex-shrink:0}
.nl-ring-center{background:var(--nl-surface);width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.nl-ring-value{font:19px/1.5 var(--nl-mono);color:var(--nl-ink)}.nl-ring small{font:9px/1.5 var(--nl-mono);text-transform:uppercase;color:var(--nl-muted)}
.nl-load-bar{height:7px;display:flex;gap:3px;margin:24px 0 11px;border-radius:1px;overflow:hidden}
.nl-load-bar span{min-width:0}.nl-load-bar span:first-child{background:var(--nl-accent)}.nl-load-bar span:nth-child(2){background:var(--nl-secondary)}.nl-load-bar span:nth-child(3){background:var(--nl-rest)}
.nl-legend{display:flex;justify-content:space-between;gap:6px;font:10px/1.6 var(--nl-mono);color:var(--nl-muted);flex-wrap:wrap}
.nl-legend span:before{content:"";display:inline-block;width:5px;height:5px;background:var(--nl-accent);margin-right:6px;vertical-align:middle}.nl-legend span:nth-child(2):before{background:var(--nl-secondary)}.nl-legend span:nth-child(3):before{background:var(--nl-rest)}
.nl-calc-context{padding:14px 23px 18px;border-top:1px solid var(--nl-line);font-size:11px;line-height:1.65;color:var(--nl-muted)}
.nl-calc-context a{color:var(--nl-accent);text-underline-offset:3px;text-decoration:underline}
.nl-calc-context p{margin:0 0 7px}.nl-calc-context p:last-child{margin:0}
.nl-calc-context .nl-full-link{display:flex;justify-content:space-between;margin-top:13px;padding-top:11px;border-top:1px solid var(--nl-line);font-weight:600;font-size:12px;text-decoration:none}
.nl-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--nl-line);padding-block:21px;gap:20px}
.nl-stats>div{font-size:12px;color:var(--nl-muted);display:flex;gap:14px;align-items:center;border-right:1px solid var(--nl-line)}.nl-stats>div:last-child{border-right:0}
.nl-stats b{font:20px/1.4 var(--nl-mono);color:var(--nl-ink)}
.nl-home-section{padding-block:58px}
.nl-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}
.nl-section-head .nl-eyebrow{margin-bottom:12px}
body[data-night-lab] .nl-section-head h2{font-size:32px;line-height:1.15;letter-spacing:-.045em;font-weight:650;color:var(--nl-ink);margin:0}
.nl-text-link{color:var(--nl-accent);font-size:12px;white-space:nowrap;text-underline-offset:5px;text-decoration:none}.nl-text-link:hover{text-decoration:underline}
.nl-tool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--nl-line);border-radius:4px;overflow:hidden}
.nl-tool-card{padding:25px 25px 28px;color:var(--nl-ink);text-decoration:none;min-width:0;border-right:1px solid var(--nl-line);background:var(--nl-surface);transition:background .16s}
.nl-tool-card:last-child{border:0}.nl-tool-card:hover{background:var(--nl-tint)}
.nl-tool-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:var(--nl-muted);font:11px var(--nl-mono)}
.nl-tool-card svg{width:26px;height:26px;color:var(--nl-accent)}
body[data-night-lab] .nl-tool-card h3{font-size:18px;letter-spacing:-.025em;line-height:1.4;font-weight:650;color:var(--nl-ink);margin:0 0 8px}
.nl-tool-card p{font-size:13px;color:var(--nl-muted);line-height:1.7;margin:0}
.nl-tool-card .nl-tool-arrow{display:block;font:18px var(--nl-mono);color:var(--nl-accent);margin-top:20px}
.nl-more-tools{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;margin-top:16px;font-size:12px;color:var(--nl-muted)}
.nl-more-tools a{padding:7px 0;color:var(--nl-muted);text-decoration:none}.nl-more-tools a:hover{color:var(--nl-accent);text-decoration:underline}
.nl-builder{border-top:1px solid var(--nl-line);border-bottom:1px solid var(--nl-line);background:var(--nl-surface)}
.nl-builder-intro{margin-top:12px;max-width:680px;font-size:14px;color:var(--nl-muted)}
.nl-reviewed{font:10px/1.7 var(--nl-mono);color:var(--nl-muted);margin-top:12px}.nl-reviewed a{color:var(--nl-muted);text-decoration:underline;text-underline-offset:3px}
body[data-night-lab] #sc-tiers{gap:10px;margin-top:28px}
body[data-night-lab] #sc-tiers>button{min-height:120px;padding:17px;background:var(--nl-bg);box-shadow:none}
body[data-night-lab] #sc-tiers>button[aria-selected="true"]{border-color:var(--nl-accent);background:var(--nl-tint)}
body[data-night-lab] #sc-tiers .text-lg{font:600 26px/1.4 var(--nl-mono)}
body[data-night-lab] #sc-output .truncate{white-space:normal;overflow:visible}
body[data-night-lab] #sc-output>div{box-shadow:none}
.nl-budget-links{display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:20px;font-size:12px}.nl-budget-links a{color:var(--nl-muted);text-decoration:underline;text-underline-offset:4px}
.nl-reading{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}
.nl-featured-guide{background:var(--nl-tint);border:1px solid var(--nl-line);padding:30px;display:block;text-decoration:none;color:var(--nl-ink);border-radius:4px}
.nl-featured-guide:hover{border-color:var(--nl-accent)}
.nl-featured-guide>span{font:10px var(--nl-mono);letter-spacing:.1em;color:var(--nl-muted);text-transform:uppercase}
body[data-night-lab] .nl-featured-guide h3{font-size:27px;line-height:1.25;letter-spacing:-.04em;color:var(--nl-ink);margin:24px 0 12px}
.nl-featured-guide p{font-size:13px;color:var(--nl-muted);margin:0 0 24px;max-width:400px}
.nl-featured-guide>b{font-size:12px;color:var(--nl-accent)}
.nl-reading-list a{display:block;padding:20px 0;border-bottom:1px solid var(--nl-line);text-decoration:none}.nl-reading-list a:first-child{padding-top:5px}
.nl-reading-list span{font:10px var(--nl-mono);color:var(--nl-muted);text-transform:uppercase;letter-spacing:.05em}.nl-reading-list strong{display:block;margin-top:7px;font-size:15px;line-height:1.5;font-weight:550;color:var(--nl-ink)}.nl-reading-list a:hover strong{color:var(--nl-accent)}
body[data-night-lab] .nl-home [data-v7-tool-guide]{max-width:850px;padding:40px 0 0;margin:0 auto 60px;font-size:15px}
.nl-home-guide{border-top:1px solid var(--nl-line);width:min(1160px,calc(100% - 64px));margin:0 auto}
.nl-footer{border-top:1px solid var(--nl-line);margin-top:72px;background:var(--nl-bg);padding-block:46px 24px}
body[data-page="home"] .nl-footer{margin-top:0}
.nl-footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}
.nl-footer-intro p{font-size:12px;line-height:1.8;color:var(--nl-muted);max-width:190px;margin-top:18px}
.nl-footer h2{font:10px/1.5 var(--nl-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--nl-muted);margin:0 0 13px}
.nl-footer ul{padding:0;margin:0;list-style:none}.nl-footer li{margin-bottom:5px}
.nl-footer li a{font-size:12px;line-height:1.7;display:inline-block;padding:3px 0;color:var(--nl-text);text-decoration:none}.nl-footer a:hover{color:var(--nl-accent)}
.nl-footer-bottom{display:flex;justify-content:space-between;gap:32px;border-top:1px solid var(--nl-line);padding-top:22px;margin-top:35px;font-size:10px;color:var(--nl-muted);line-height:1.8}
.nl-footer-bottom p:first-child{flex-shrink:0}.nl-footer-bottom p:last-child{max-width:630px}.nl-footer-bottom a{color:var(--nl-muted);text-decoration:underline;text-underline-offset:3px}
/* Shared reading and tool surfaces, including JS-rendered result cards. */
body[data-night-lab] .nl-page{width:min(920px,calc(100% - 64px));max-width:920px;padding:40px 0 0;margin:0 auto;font-size:16px;line-height:1.8;color:var(--nl-text)}
body[data-night-lab] .nl-page.nl-tool,body[data-night-lab] .nl-page.nl-index{width:min(1100px,calc(100% - 64px));max-width:1100px}
body[data-night-lab] .nl-page h1{max-width:940px;color:var(--nl-ink);font-size:clamp(30px,3.5vw,44px);font-weight:700;line-height:1.18;letter-spacing:-.045em;text-wrap:balance}
body[data-night-lab] .nl-page h2,body[data-night-lab] .nl-home [data-v7-tool-guide] h2{font-size:25px;line-height:1.35;letter-spacing:-.025em;color:var(--nl-ink)}
body[data-night-lab] .nl-page h3{line-height:1.45;color:var(--nl-ink)}
body[data-night-lab] .nl-page>h2{margin-top:44px;padding-top:24px;border-top:1px solid var(--nl-line)}
body[data-night-lab] .nl-page>p{max-width:80ch}
body[data-night-lab] .nl-page>p.text-sm{font-size:15px;line-height:1.85}
body[data-night-lab] .nl-page>nav:first-child{font:11px/1.8 var(--nl-mono);color:var(--nl-muted);margin-bottom:24px}
body[data-night-lab] .nl-page a{ text-underline-offset:4px }
body[data-night-lab] :is(.rounded-lg,.rounded-xl,.rounded-2xl){border-radius:5px}
body[data-night-lab] .rounded-full:not([class*="h-2"]){border-radius:4px}
body[data-night-lab] :is(.shadow-sm,.shadow-md,.shadow-lg){box-shadow:none}
body[data-night-lab] :is(.bg-white,.bg-white\/60,.bg-white\/70,.bg-white\/80,.bg-white\/90,.bg-white\/95,.bg-slate-50,.bg-slate-100,.bg-slate-900){background-color:var(--nl-surface)}
body[data-night-lab] :is(.dark\:bg-slate-800,.dark\:bg-slate-800\/40,.dark\:bg-slate-800\/50,.dark\:bg-slate-900,.dark\:bg-slate-900\/30,.dark\:bg-slate-900\/40,.dark\:bg-slate-950,.dark\:bg-slate-950\/80,.dark\:bg-slate-950\/90,.dark\:bg-slate-950\/95){background-color:var(--nl-surface)}
body[data-night-lab] :is(.from-slate-50,.dark\:from-slate-800){background:var(--nl-raised)}
body[data-night-lab] :is(.text-slate-900,.text-slate-800,.text-white,.dark\:text-white,.dark\:text-slate-100,.dark\:text-slate-200){color:var(--nl-ink)}
body[data-night-lab] :is(.text-slate-600,.text-slate-700,.text-slate-300,.dark\:text-slate-300){color:var(--nl-text)}
body[data-night-lab] :is(.text-slate-400,.text-slate-500,.dark\:text-slate-400,.dark\:text-slate-500,.dark\:text-slate-600){color:var(--nl-muted)}
body[data-night-lab] :is(.border-slate-100,.border-slate-200,.border-slate-300,.dark\:border-slate-600,.dark\:border-slate-700,.dark\:border-slate-800){border-color:var(--nl-line)}
body[data-night-lab] :is(.divide-slate-100,.divide-slate-200,.dark\:divide-slate-700)>:not([hidden])~:not([hidden]){border-color:var(--nl-line)}
body[data-night-lab] :is(.text-indigo-300,.text-indigo-500,.text-indigo-600,.text-indigo-700,.dark\:text-indigo-200,.dark\:text-indigo-300,.dark\:text-indigo-400){color:var(--nl-accent)}
body[data-night-lab] :is(.border-indigo-200,.border-indigo-500,.dark\:border-indigo-400,.dark\:border-indigo-500\/30){border-color:var(--nl-secondary)}
body[data-night-lab] :is(.bg-indigo-50,.bg-indigo-50\/60,.dark\:bg-indigo-500\/5,.dark\:bg-indigo-500\/10,.dark\:bg-indigo-500\/15){background:var(--nl-tint)}
body[data-night-lab] :is(.bg-indigo-500,.bg-indigo-600,.bg-violet-500,.from-indigo-500,.from-indigo-600){background:var(--nl-accent);color:var(--nl-on-accent)}
body[data-night-lab] :is(.bg-indigo-600,.from-indigo-600) *{color:inherit}
body[data-night-lab] :is(.hover\:text-indigo-600,.dark\:hover\:text-indigo-300,.dark\:hover\:text-indigo-400):hover{color:var(--nl-accent)}
body[data-night-lab] :is(.hover\:border-indigo-300,.hover\:border-indigo-400,.dark\:hover\:border-indigo-500,.dark\:hover\:border-indigo-500\/50):hover{border-color:var(--nl-accent)}
body[data-night-lab] :is(.hover\:bg-slate-50,.hover\:bg-slate-100,.dark\:hover\:bg-slate-800,.dark\:hover\:bg-slate-800\/40):hover{background:var(--nl-tint)}
body[data-night-lab] :is(.text-emerald-600,.text-emerald-700,.dark\:text-emerald-300,.dark\:text-emerald-400){color:var(--nl-good)}
body[data-night-lab] :is(.bg-emerald-50,.dark\:bg-emerald-500\/10){background:var(--nl-good-bg)}
body[data-night-lab] :is(.border-emerald-200,.border-emerald-300,.dark\:border-emerald-500\/30){border-color:var(--nl-good)}
body[data-night-lab] :is(.text-amber-600,.text-amber-700,.text-amber-800,.text-amber-900,.dark\:text-amber-100,.dark\:text-amber-200,.dark\:text-amber-300,.dark\:text-amber-400){color:var(--nl-warn)}
body[data-night-lab] :is(.bg-amber-50,.dark\:bg-amber-500\/10,.dark\:bg-amber-500\/15){background:var(--nl-warn-bg)}
body[data-night-lab] :is(.border-amber-200,.border-amber-300,.border-amber-400,.dark\:border-amber-500\/30,.dark\:border-amber-500\/40){border-color:var(--nl-warn)}
body[data-night-lab] :is(.text-rose-700,.text-rose-800,.dark\:text-rose-300){color:var(--nl-bad)}
body[data-night-lab] :is(.bg-rose-50,.dark\:bg-rose-500\/10){background:var(--nl-bad-bg)}
body[data-night-lab] :is(.border-rose-200,.border-rose-300,.dark\:border-rose-500\/30){border-color:var(--nl-bad)}
body[data-night-lab] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){font:inherit;font-size:16px;min-height:46px;color:var(--nl-ink);background:var(--nl-bg);border-color:var(--nl-line);border-radius:4px;max-width:100%}
body[data-night-lab] :is(input,select,textarea):focus{border-color:var(--nl-accent);box-shadow:none}
body[data-night-lab] :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--nl-accent)}
body[data-night-lab] label{color:var(--nl-muted)}
body[data-night-lab] :is(button,.nl-page a[class*="px-"]){min-height:44px}
body[data-night-lab] img{max-width:100%;height:auto}
body[data-night-lab] table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.6}
body[data-night-lab] th{color:var(--nl-muted);font-size:11px;font-weight:600;text-align:left;background:var(--nl-raised);vertical-align:bottom}
body[data-night-lab] :is(th,td){padding:14px 16px;border-bottom:1px solid var(--nl-line);text-align:left}
body[data-night-lab] tbody tr:hover{background:var(--nl-tint)}
body[data-night-lab] caption{font-size:12px;line-height:1.7;color:var(--nl-muted)}
body[data-night-lab] :is(.overflow-x-auto,.nl-table-scroll){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.nl-table-scroll{border:1px solid var(--nl-line);border-radius:4px;margin-top:14px}
.nl-tool-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:26px 0 30px;padding:13px 0;border-block:1px solid var(--nl-line);font-size:11px}
.nl-tool-links>span{color:var(--nl-muted);font:10px var(--nl-mono);letter-spacing:.06em;margin-right:10px}
.nl-tool-links a{color:var(--nl-muted);text-decoration:none;padding:8px 11px;border-radius:3px}.nl-tool-links a:hover,.nl-tool-links a[aria-current="page"]{color:var(--nl-accent);background:var(--nl-tint)}
.nl-toc{border:1px solid var(--nl-line);background:var(--nl-surface);border-radius:4px;padding:14px 18px;margin:24px 0;font-size:13px}
.nl-toc summary{cursor:pointer;color:var(--nl-ink);font:12px/1.7 var(--nl-mono)}.nl-toc nav{display:flex;flex-direction:column;align-items:flex-start;padding-top:12px;gap:7px}.nl-toc a{color:var(--nl-muted);text-decoration:none}.nl-toc a:hover{color:var(--nl-accent);text-decoration:underline}
/* The compatibility form and its results form two deliberate columns. */
body[data-night-lab] #compat-form{grid-column:1;grid-row:1/3}
body[data-night-lab] #compat-actions{grid-column:2;grid-row:1;align-self:start;margin:0}
body[data-night-lab] .nl-compat-grid>section{grid-column:2;grid-row:2;align-self:start}
body[data-night-lab] .nl-compat-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto 1fr;align-items:start}
body[data-night-lab] .nl-page .grid>*{min-width:0}
body[data-night-lab] .nl-js-warning{padding:12px 16px;border:1px solid var(--nl-line);background:var(--nl-surface);color:var(--nl-muted);font-size:13px;margin:15px 0}
@media(min-width:1100px){body[data-night-lab] .nl-tool #tool-container>.grid{gap:28px}body[data-night-lab] .nl-tool #tool-container>div>h1{max-width:850px}}
@media(max-width:980px){.nl-header-inner{gap:15px}.nl-nav a{padding:10px 8px;font-size:12px}.nl-hero-grid{gap:34px;padding-block:54px}.nl-wattage{font-size:49px}.nl-footer-grid{grid-template-columns:repeat(4,1fr)}.nl-footer-intro{grid-column:1/-1;display:flex;gap:40px;align-items:center}.nl-footer-intro p{margin:0;max-width:360px}}
@media(max-width:760px){.nl-wrap,.nl-home-guide{width:calc(100% - 36px)}.nl-header-inner{min-height:68px;justify-content:space-between}.nl-brand{font-size:20px}.nl-nav{display:none}.nl-menu{display:block}.nl-hero-grid{grid-template-columns:1fr;gap:36px;padding-block:42px 35px}.nl-hero-copy>p:not(.nl-eyebrow){max-width:540px}.nl-small-note{margin-top:25px}.nl-calculator{max-width:550px;width:100%}.nl-calc-heading,.nl-calc-context{padding-inline:20px}.nl-calc-fields,.nl-calc-result{padding-inline:20px}body[data-night-lab] .nl-calc-fields select{font-size:16px}.nl-stats{gap:12px}.nl-stats>div{align-items:flex-start;flex-direction:column;gap:3px;font-size:10px}.nl-stats b{font-size:19px}.nl-home-section{padding-block:38px}.nl-section-head{gap:15px}body[data-night-lab] .nl-section-head h2{font-size:27px}.nl-tool-list{grid-template-columns:1fr}.nl-tool-card{padding:20px 21px;border-right:0;border-bottom:1px solid var(--nl-line);position:relative}.nl-tool-card-top{margin-bottom:12px;justify-content:flex-start;gap:15px}.nl-tool-card p{max-width:85%}.nl-tool-card .nl-tool-arrow{position:absolute;right:24px;bottom:25px}.nl-tool-card-top svg{width:22px;height:22px}.nl-reading{grid-template-columns:1fr;gap:25px}.nl-featured-guide{padding:24px}.nl-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.nl-footer-intro{display:block}.nl-footer-intro p{margin-top:13px;max-width:250px}.nl-footer-bottom{display:block}.nl-footer-bottom p+p{margin-top:14px}.nl-footer{margin-top:45px;padding-top:32px}body[data-night-lab] .nl-page,body[data-night-lab] .nl-page.nl-tool,body[data-night-lab] .nl-page.nl-index{width:calc(100% - 36px);padding-top:27px}body[data-night-lab] .nl-page h1{font-size:31px}body[data-night-lab] .nl-page h2{font-size:23px}body[data-night-lab] .nl-page>p.text-sm{font-size:15px}body[data-night-lab] :is(th,td){padding:12px;min-width:95px}body[data-night-lab] #sc-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-night-lab] #sc-tiers>button:last-child{grid-column:1/-1;min-height:100px}body[data-night-lab] #sc-tiers>button{min-height:112px}body[data-night-lab] .nl-compat-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}body[data-night-lab] :is(#compat-form,#compat-actions,.nl-compat-grid>section){grid-column:auto;grid-row:auto}.nl-tool-links{gap:3px;margin-top:20px}.nl-tool-links a{padding:8px}.nl-tool-links>span{width:100%;margin-bottom:5px}.nl-home [data-v7-tool-guide]{padding-inline:0}}
@media(max-width:390px){.nl-calc-fields{grid-template-columns:1fr}.nl-wattage{font-size:48px}.nl-hero .nl-actions{align-items:stretch;flex-direction:column}.nl-hero .nl-button{justify-content:space-between}.nl-ring{width:80px;height:80px}.nl-section-head{align-items:start;flex-direction:column}.nl-footer-bottom{font-size:11px}.nl-calc-heading{gap:6px;padding-inline:15px}.nl-live-label{font-size:8px}.nl-calc-heading h2{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body[data-night-lab] *,body[data-night-lab] *:before,body[data-night-lab] *:after{transition:none!important;animation:none!important}}
@media print{.nl-header,.nl-footer,.nl-skip,.nl-tool-links,.nl-toc,.nl-theme{display:none!important}body[data-night-lab]{background:white!important;color:#111!important}body[data-night-lab] *{color:#111!important;background:transparent!important;box-shadow:none!important}body[data-night-lab] .nl-page{width:100%;max-width:none}body[data-night-lab] a{text-decoration:underline}body[data-night-lab] :is(.overflow-x-auto,.nl-table-scroll){overflow:visible}body[data-night-lab] table{font-size:10px}}