:root{--navy:#1c2d3f;--ink:#263746;--sage:#829e64;--paper:#f6f2ea;--line:#d9d3c8;--muted:#68737d;--amber:#b88736;--red:#9b594d}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,sans-serif}
.calibration-topbar{display:flex;align-items:center;gap:1rem;min-height:5.2rem;padding:1rem clamp(1rem,4vw,3rem);background:var(--navy);color:#fff}.calibration-topbar img{width:8rem;display:block}.calibration-topbar>div{display:grid;margin-right:auto}.calibration-topbar strong{font-size:.9rem}.calibration-topbar span{color:#bdc8d1;font-size:.62rem}.calibration-topbar>a:last-child{border:1px solid #516170;border-radius:.55rem;color:#fff;padding:.55rem .75rem;text-decoration:none;font-size:.66rem;font-weight:700}
.calibration-shell{width:min(76rem,calc(100% - 2rem));margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem) 0}.calibration-intro{max-width:62rem}.calibration-intro>span{color:var(--sage);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.calibration-intro h1{max-width:52rem;margin:.35rem 0 .65rem;color:var(--navy);font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.12}.calibration-intro p{max-width:48rem;margin:0;color:var(--muted);font-size:.83rem;line-height:1.65}.calibration-intro aside{margin-top:1.2rem;border-left:.25rem solid var(--amber);background:#fff;padding:.8rem 1rem;color:#56616a;font-size:.67rem;line-height:1.6}.calibration-intro aside strong{color:var(--navy);margin-right:.4rem}
.calibration-workbench{display:grid;grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:1rem;margin-top:1.5rem}.calibration-recorder,.calibration-providers,.calibration-results,.calibration-log{border:1px solid var(--line);border-radius:.85rem;background:#fff;padding:clamp(1rem,2.5vw,1.5rem)}article>header,.calibration-results>header,.calibration-log>header,.calibration-log>header>div{display:flex;align-items:center;gap:.75rem}.calibration-log>header{justify-content:space-between}header>span,.calibration-log>header>div>span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;background:var(--navy);color:#fff;font-size:.66rem;font-weight:700;flex:0 0 auto}header>div{display:grid}header strong{color:var(--navy);font-size:.82rem}header small{color:var(--muted);font-size:.58rem;line-height:1.45}
.calibration-recorder>label{display:grid;gap:.35rem;margin-top:1rem;color:var(--navy);font-size:.61rem;font-weight:700}.calibration-recorder select,.calibration-recorder textarea,.calibration-recorder input[type=text]{width:100%;border:1px solid var(--line);border-radius:.55rem;background:#faf8f3;color:var(--ink);padding:.65rem .75rem;font:500 .68rem/1.55 Poppins,sans-serif}.calibration-recorder textarea{font-size:.88rem}.calibration-recorder fieldset{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin:1rem 0 0;border:0;padding:0}.calibration-recorder legend{width:100%;margin-bottom:.2rem;color:var(--navy);font-size:.61rem;font-weight:700}.calibration-recorder fieldset label{font-size:.63rem}.calibration-save{grid-template-columns:auto 1fr!important;align-items:start!important}.calibration-save input{margin:.18rem 0 0}.calibration-save small{grid-column:2;color:var(--muted);font-weight:500}
.calibration-actions{display:flex;gap:.6rem;margin-top:1rem}.calibration-actions button,.secondary{border:0;border-radius:.52rem;background:var(--navy);color:#fff;padding:.65rem .85rem;font:700 .63rem Poppins,sans-serif;cursor:pointer}.calibration-actions button[disabled],.secondary[disabled]{opacity:.42;cursor:not-allowed}.calibration-actions .secondary,.secondary{border:1px solid #c9c2b6;background:#fff;color:var(--navy)}.calibration-recorder audio{width:100%;height:2.2rem;margin-top:.85rem}.calibration-status{min-height:1rem;margin:.6rem 0 0;color:var(--muted);font-size:.61rem}
.calibration-providers>div{display:grid;gap:.55rem;margin-top:1rem}.provider-state{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:.55rem;padding:.65rem}.provider-state i{width:.55rem;height:.55rem;border-radius:999px;background:#aaa}.provider-state.is-ready i{background:var(--sage)}.provider-state strong{display:block;color:var(--navy);font-size:.65rem}.provider-state span{display:block;color:var(--muted);font-size:.55rem}
.calibration-results,.calibration-log{margin-top:1rem}.comparison-visual{display:grid;grid-template-columns:minmax(11rem,.65fr) minmax(18rem,1.35fr);gap:1rem;margin-top:1rem;border:1px solid var(--line);border-radius:.7rem;background:#faf8f3;padding:1rem}.comparison-visual__summary{display:grid;align-content:center;gap:.3rem}.comparison-visual__summary strong{color:var(--navy);font-size:.78rem}.comparison-visual__summary span{color:var(--muted);font-size:.58rem;line-height:1.5}.comparison-chart{display:grid;gap:.55rem}.comparison-chart__row{display:grid;grid-template-columns:8rem minmax(6rem,1fr) 2rem 2.7rem;align-items:center;gap:.5rem}.comparison-chart__row>strong{font-size:.58rem}.comparison-chart__track{height:.58rem;border-radius:999px;background:#e6e1d7;overflow:hidden}.comparison-chart__track i{display:block;height:100%;border-radius:inherit;background:var(--sage)}.comparison-chart__row b{color:var(--navy);font-size:.68rem}.comparison-chart__row span{color:var(--muted);font-size:.53rem;text-align:right}
.calibration-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.provider-result{border:1px solid var(--line);border-radius:.7rem;overflow:hidden}.provider-result>header{display:flex;justify-content:space-between;padding:.75rem .85rem;background:#f1eee7}.provider-result>header strong{font-size:.72rem}.provider-result>header b{color:var(--navy);font-size:1.2rem}.provider-result>p{margin:.75rem .85rem;color:var(--muted);font-size:.6rem}.provider-result>p.provider-result__summary{margin-top:-.35rem;color:#4d5b66;line-height:1.5}.provider-result__words{display:grid;gap:.55rem;padding:0 .85rem .85rem}.provider-word{border-top:1px solid #e4dfd6;padding-top:.55rem}.provider-word>div{display:flex;align-items:center;justify-content:space-between}.provider-word strong{font-size:.69rem}.provider-word small{color:var(--muted);font-size:.56rem}.provider-phones{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.provider-phone{border-radius:999px;background:#edf1e9;color:#465a39;padding:.26rem .42rem;font-size:.55rem;font-weight:700}.provider-phone.is-close{background:#f4eedf;color:#725d31}.provider-phone.is-changed{background:#f3e8e5;color:#87594f}.provider-phone.is-uncertain{background:#eceeef;color:#697178}.provider-result__vote{display:flex;flex-wrap:wrap;gap:.4rem;padding:.7rem .85rem;border-top:1px solid var(--line)}.provider-result__vote button{border:1px solid var(--line);border-radius:.45rem;background:#fff;color:var(--navy);padding:.42rem .55rem;font:700 .55rem Poppins,sans-serif;cursor:pointer}.provider-result__vote button.is-selected{border-color:var(--navy);background:var(--navy);color:#fff}
.calibration-log>header>div>div{display:grid}.calibration-table-wrap{overflow:auto;margin-top:1rem}.calibration-log table{width:100%;border-collapse:collapse;font-size:.58rem}.calibration-log th,.calibration-log td{border-bottom:1px solid var(--line);padding:.55rem;text-align:left;vertical-align:top}.calibration-log th{color:var(--navy)}.calibration-log>p{color:var(--muted);font-size:.62rem}.calibration-blocked{max-width:35rem;margin:5rem auto;padding:2rem;text-align:center}.calibration-blocked strong{color:var(--navy)}.calibration-blocked p{color:var(--muted);font-size:.68rem}
@media(max-width:980px){.calibration-result-grid{grid-template-columns:1fr}.comparison-visual{grid-template-columns:1fr}}@media(max-width:760px){.calibration-topbar>div{display:none}.calibration-workbench{grid-template-columns:1fr}.comparison-chart__row{grid-template-columns:6rem minmax(4rem,1fr) 2rem}.comparison-chart__row span{display:none}.calibration-shell{width:min(100% - 1rem,76rem)}.calibration-log>header{align-items:flex-start}.calibration-actions{display:grid}.calibration-topbar img{width:6.5rem}}