:root{color-scheme:dark;--bg:#101013;--panel:#1b1b20;--ink:#f7f7fa;--muted:#b8b8c1;--line:#393940;--red:#df3544;--accent:#ff6473}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:15px system-ui,-apple-system,sans-serif}main{max-width:600px;padding:24px 20px 40px;margin:auto}header{position:relative;text-align:center;margin-bottom:20px}header img{width:350px;max-width:100%;height:auto;margin:-25px 0 -42px}header p{font-size:13px;letter-spacing:1px}#theme{position:absolute;right:0;top:0;border-radius:50%;width:44px;padding:0;font-size:24px}h1{font-size:28px;letter-spacing:-1px;margin:0}h2{font-size:21px;margin:4px 0 15px}p{line-height:1.65;color:var(--muted);font-size:13px}.intro{text-align:center}.intro p{margin:6px 0 20px}button,select,input{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:11px;min-height:44px;padding:10px;max-width:100%}button{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.tabs{display:flex;gap:6px;position:sticky;top:0;background:var(--bg);z-index:3;padding:10px 0 16px}.tabs button{flex:1;font-size:12px;padding:8px 4px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:16px}.eyebrow{font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between;color:var(--muted)}.level{text-align:center;margin:24px 0 8px}.level strong{font-size:48px;display:block;font-variant-numeric:tabular-nums}.level span{font-size:12px;color:var(--muted)}.notice{font-size:11px;text-align:center}canvas{width:100%;height:230px;display:block;background:var(--bg);border-radius:12px}.row{display:flex;gap:6px;margin:12px 0}.row button{flex:1;font-size:11px;padding:8px 4px}.primary{width:100%;background:#b92132;color:white;border-color:#b92132;font-weight:650;min-height:50px}.small{font-size:11px}label{display:block;font-size:12px;margin:16px 0 7px;color:var(--muted)}input,select{width:100%}input[type=range]{accent-color:var(--red);padding:0}output.result{display:block;font-size:25px;margin:20px 0 8px;color:var(--accent)}.help{padding:18px 0;border-block:1px solid var(--line);font-size:12px}summary{cursor:pointer;min-height:44px;align-content:center}.focus-mode .intro,.focus-mode header p,.focus-mode #theme,.focus-mode .help,.focus-mode .advice{display:none}.focus-mode header{margin-bottom:24px}:root[data-theme=day]{color-scheme:light;--bg:#f5f5f7;--panel:white;--ink:#17171c;--muted:#62626e;--line:#d3d3db;--accent:#b92132}@media(max-width:380px){main{padding:22px 16px}.card{padding:16px}header img{width:288px;margin-top:-19px;margin-bottom:-35px}h1{font-size:25px}.tabs{gap:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.business-card{border-top:1px solid var(--line);padding:22px 0 8px;letter-spacing:0;font-size:11px;margin-top:18px}.business-card p{margin:5px 0;color:var(--muted)}.business-card .business-heading{color:var(--ink);font-size:14px;font-weight:550;margin-top:14px}.business-card nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;margin:8px 0}.business-card a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-underline-offset:4px;text-decoration-thickness:1px;font-size:12px}.business-card>span{font-size:10px;color:var(--muted);letter-spacing:.5px}
.business-card nav{gap:10px;margin:14px 0}.business-card nav a{width:46px;height:46px;min-height:46px;border:1px solid var(--line);border-radius:50%;display:inline-flex;justify-content:center;align-items:center;color:var(--ink);text-decoration:none;background:var(--panel)}.business-card nav img{display:block;object-fit:contain}.business-card nav a:hover{border-color:var(--accent);background:var(--panel)}.business-card>p:first-child{font-size:12px;line-height:1.7;max-width:310px;margin:0 auto 15px}.business-card .review-link{display:inline-flex;gap:9px;font-size:12px;align-items:center;min-height:44px;margin:0 0 6px}.review-link img{width:18px;height:18px}

/* Keep the business card available in every tool, including Focus. */
.focus-mode footer.business-card{display:block}
.business-card .locations{border:0;padding:0;margin:8px 0 12px;letter-spacing:0}.locations>summary{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;margin:0 auto;background:var(--panel);color:var(--ink);padding:0;list-style:none}.locations>summary::after{content:none!important}.locations[open]>summary{border-color:var(--accent);margin-bottom:14px}.locations .branch-list{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:4px 16px}.locations section{padding:14px 0}.locations section+section{border-top:1px solid var(--line)}.locations h3{font-size:14px;color:var(--ink);margin:0 0 6px;font-weight:650}.locations address{font:inherit;color:var(--muted);font-size:12px;line-height:1.7}.locations .branch-links{display:flex;flex-wrap:wrap;gap:0 14px;margin-top:8px}.locations .branch-links a{min-height:44px;max-width:100%;overflow-wrap:anywhere;font-size:12px}.locations .branch-links .map-link{color:var(--accent)}.focus-mode footer .locations{display:block}


/* One divider and a centred workshop signature. */
.help{border-bottom:0}.business-card,.business-card .business-heading,.business-card>span{text-align:center}.business-card .review-link{display:flex;width:fit-content;margin:0 auto 6px}.business-card>span{display:block}.tabs button{min-width:0;font-size:11px}.quiz-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quiz-choices button{width:100%}.result{overflow-wrap:anywhere}
.meter-title{text-align:center;margin:20px 0 0;font-size:16px}.level{margin-top:8px}.db-track{height:13px;border-radius:8px;background:var(--bg);overflow:hidden;border:1px solid var(--line)}#db-fill{height:100%;width:0;background:linear-gradient(90deg,#7c9d87,#dca83c,#df3544);transition:width .08s linear}.db-scale{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:6px}.peak-readout{color:var(--ink);font-size:13px;min-height:42px;font-variant-numeric:tabular-nums}#spectrum{touch-action:pan-y;cursor:crosshair}.spectrum-zoom{flex-wrap:wrap}.spectrum-zoom button{min-width:48px}.tabs #focus{margin-left:2px}#range-label{display:block;color:var(--ink);margin-top:5px}

/* Compact independent disclosures: native keyboard and touch behaviour. */
.tool-disclosure{padding:0;overflow:visible}.tool-disclosure>summary{padding:14px 18px;min-height:54px;font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.tool-disclosure[open]>summary{border-bottom:1px solid var(--line)}.disclosure-content{padding:4px 18px 18px}.business-card .back-to-jdk{display:flex;justify-content:center;width:fit-content;margin:10px auto 0;color:var(--muted);font-size:12px}
