/* custom-rates.css: /custom-rates and /custom-rates/<state> (2026-10-17). */
.cr{max-width:820px;margin:0 auto;padding:1rem 1rem 4rem}
.cr .breadcrumb{font-size:.8rem;margin:0 0 .5rem}
.cr h1{font-size:clamp(1.35rem,4.3vw,1.95rem);line-height:1.2;margin:0 0 .3rem;color:var(--text)}
.cr .by{font-size:.8rem;color:var(--text-muted);margin:0 0 .9rem}
.cr h2{font-size:1.2rem;line-height:1.3;margin:2.2rem 0 .7rem;color:var(--text)}
.cr p,.cr li{font-size:.98rem;line-height:1.6;color:var(--text-dim)}
.cr p{margin:0 0 1rem}
.cr a{color:var(--link,var(--brand));text-underline-offset:2px;text-decoration:underline}
.cr b{color:var(--text)}
.cr .fine{font-size:.84rem;color:var(--text-muted)}
.cr-lede{color:var(--text)!important}
.cr-actions{margin:.2rem 0 1rem}
.cr-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 .95rem;border:1px solid var(--border);border-radius:8px;background:var(--surface2,var(--surface));color:var(--text)!important;font:inherit;font-weight:700;text-decoration:none!important;cursor:pointer}
.cr-btn.go{background:var(--gold);color:#111!important;border-color:var(--gold)}
.cr-pick{display:flex;flex-wrap:wrap;gap:.6rem .9rem;align-items:flex-end;margin:0 0 .8rem}
.cr-pick label{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:var(--text-muted);flex:1 1 12rem;min-width:0}
.cr-pick select,.cr-pick input{width:100%;min-height:44px;padding:0 .6rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:1rem;box-sizing:border-box}
.cr-card{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--gold);border-radius:0 12px 12px 0;padding:.8rem 1rem;margin:0 0 .9rem}
.cr-card p{margin:.2rem 0;font-size:.92rem;color:var(--text)}
.cr-card p.fine{font-size:.82rem;color:var(--text-muted)}
.cr-status{font-size:.88rem;color:var(--text-muted);margin:.3rem 0 .6rem}
.cr-status:empty{display:none}
.cr-status.err{color:var(--red)}
.cr-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 .8rem}
.cr-t{border-collapse:collapse;width:100%;font-size:.9rem}
.cr-t caption{caption-side:top;text-align:left;font-size:.82rem;color:var(--text-muted);padding:0 0 .4rem}
.cr-t th,.cr-t td{padding:.45rem .5rem;border-bottom:1px solid var(--border);text-align:right;vertical-align:top}
.cr-t th:first-child{text-align:left;font-weight:600;color:var(--text)}
.cr-t thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);vertical-align:bottom;font-weight:700}
.cr-t td{font-family:'JetBrains Mono',monospace;color:var(--text);white-space:nowrap}
.cr-t td small,.cr-t th small{font-family:inherit;font-size:.74rem;color:var(--text-muted);font-weight:400}
.cr-t tr.sec th{background:var(--surface2,var(--surface));font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding-top:.6rem}
.cr-t .na{font-family:inherit;font-size:.78rem;color:var(--text-muted)}
.cr-t tr.me th,.cr-t tr.me td{background:rgba(var(--gold-rgb),.10)}
.cr-faq details{border-top:1px solid var(--border);padding:.75rem 0}
.cr-faq details:last-child{border-bottom:1px solid var(--border)}
.cr-faq summary{cursor:pointer;font-weight:600;color:var(--text);font-size:1rem}
.cr-faq details p{margin:.6rem 0 .2rem}
.cr-other{line-height:2!important}
.cr .rel{display:flex;flex-wrap:wrap;gap:.4rem 1rem;list-style:none;padding:0;margin:.4rem 0 0}
.cr-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .8rem}
.cr-chip{min-height:36px;padding:0 .7rem;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);font:inherit;font-size:.84rem;cursor:pointer}
@media(max-width:560px){
  .cr-t{font-size:.84rem}
  .cr-t th,.cr-t td{padding:.4rem .3rem}
  /* phone: the range drops under the average so four columns fit 390 px */
  .cr-t.cr-full thead th.rg,.cr-t.cr-full td.rg{display:none}
  .cr-t.cr-full td.av .rgm{display:block}
  .cr-t.cr-full td.av{white-space:normal;min-width:5.5rem}
  .cr-t.cr-full td.av small{display:block}
  .cr-t thead th{letter-spacing:0;font-size:.66rem}
}
.cr-t td.av .rgm{display:none;font-size:.72rem;color:var(--text-muted);white-space:normal}
/* neighbor comparison: a table on wide screens, a list per job on phones */
.cr-cmpl{list-style:none;padding:0;margin:0 0 .8rem;display:none}
.cr-cmpl li{border-bottom:1px solid var(--border);padding:.55rem 0;font-size:.9rem;color:var(--text)}
.cr-cmpl li small{color:var(--text-muted)}
.cr-cmpl li span{display:flex;flex-wrap:wrap;gap:.25rem .9rem;margin-top:.2rem}
.cr-cmpl li i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:.84rem;white-space:nowrap}
.cr-cmpl li i.me{font-weight:800}
@media(max-width:560px){.cr-cmp-wrap .cr-tw{display:none}.cr-cmpl{display:block}}
@media print{#site-header,#site-footer,.skip,.breadcrumb,.cr-pick,.cr-chips,.cr-faq,.cr-actions{display:none!important}html,body,main{background:#fff!important;color:#000!important}.cr p,.cr li,.cr b,.cr-t td,.cr-t th{color:#000!important}}
