/* Compensation calculator, runtime calculator and near-me page (1 Nov 2026). Uses site tokens; builds on supplies-calculator.css (.sc-*). */
.tl-answer{background:var(--green-soft);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:var(--radius);padding:14px 18px;margin:18px 0 0;max-width:820px;font-size:1.05rem}
.tl-answer b{color:var(--green)}
.tl-read{font-size:.85rem;color:var(--muted);margin:8px 0 0}
.cc-big{font-family:var(--head);font-size:clamp(1.4rem,3.4vw,1.9rem);line-height:1.25;color:var(--green);margin:0 0 6px}
.cc-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}
.cc-case{border:1px solid var(--line-2);border-radius:var(--radius);padding:12px 14px;background:var(--paper-2)}
.cc-case h3{margin:0;font-size:.95rem}
.cc-amt{font-family:var(--head);font-size:2rem;color:var(--green);margin:4px 0}
.cc-case ul{margin:0;padding-left:18px;font-size:.9rem}
.sc-form input[type=number],.sc-form input[type=text],.sc-form select,.nm-form input{box-sizing:border-box;width:100%;height:42px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--paper-2);color:var(--ink);font:inherit;font-size:1rem}
.sc-form .tl-field{margin:16px 0 0}
.sc-form .tl-field label{display:block;font-weight:600;margin-bottom:6px;font-size:.98rem}
.tl-hint{display:block;color:var(--muted);font-size:.85rem;margin-top:4px}
.cc-only-ni{display:none}
.cc-ni .cc-only-ni{display:block}
.cc-ni .cc-only-gb{display:none}
.rc-cap{display:flex;gap:8px}
.rc-cap input{flex:1}
.rc-cap select{width:auto;flex:none}
.rc-devs{list-style:none;margin:8px 0 0;padding:0}
.rc-dev{display:grid;grid-template-columns:1fr 72px 64px;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}
.rc-dev label{display:flex;gap:8px;align-items:center;cursor:pointer;font-size:.95rem;line-height:1.3}
.rc-dev input[type=checkbox]{width:20px;height:20px;accent-color:var(--teal);flex:none}
.rc-dev input[type=number],.rc-dev input[type=text]{height:36px;padding:0 6px;font-size:.95rem}
.rc-dev small{display:block;color:var(--muted);font-size:.78rem}
.rc-head{display:grid;grid-template-columns:1fr 72px 64px;gap:8px;font-size:.78rem;color:var(--muted);margin-top:10px;padding-left:0}
.rc-off{opacity:.45}
.rc-maths{font-family:var(--mono);font-size:.9rem;padding-left:20px}
.rc-maths li{margin:0 0 4px}
.rc-notes{border-left:3px solid var(--olive);padding:4px 0 4px 26px;margin:12px 0}
.rc-bank .rc-station-only{display:none}
.nm-form{display:flex;gap:10px;flex-wrap:wrap;max-width:560px;margin:22px 0 0}
.nm-form input{flex:1;min-width:200px;font-size:1.1rem;height:48px}
.nm-form .btn{height:48px}
.nm-msg{margin:18px 0}
.nm-head{margin:24px 0 12px}
.nm-big{font-family:var(--head);font-size:clamp(1.4rem,3.4vw,1.9rem);color:var(--green);margin:0}
.nm-sub{color:var(--muted);margin:6px 0 0}
.nm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.nm-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}
.nm-card h3{margin:0 0 6px}
.nm-card p{margin:0 0 8px}
.nm-note{border-left:4px solid var(--amber-d)}
.nm-list{margin:6px 0 10px;padding-left:18px}
.nm-list li{margin:0 0 6px}
.nm-src{font-size:.8rem;color:var(--muted);margin-top:8px}
.nm-prod{margin:18px 0 0;background:var(--stone);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}
.nm-uk{margin:26px 0 0}
.tl-table{width:100%;border-collapse:collapse;font-size:.95rem;margin:10px 0}
.tl-table th,.tl-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px;vertical-align:top}
@media (max-width:520px){
  .rc-dev{grid-template-columns:1fr 64px 54px;gap:6px}
  .rc-head{grid-template-columns:1fr 64px 54px;gap:6px}
  .tl-table{font-size:.85rem}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.tl-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
/* Round 2 tools (1 Nov 2026): storm tracker, PSR checker, no-water helper, cash calculator (seo_tools2.py). */
.st-live{margin:22px 0 0;max-width:820px}
.st-h{margin:0 0 8px;font-size:1.2rem}
.st-warn{list-style:none;margin:8px 0 10px;padding:0}
.st-warn li{border-left:5px solid var(--line-2);padding:6px 0 6px 12px;margin:0 0 8px}
.st-warn li.st-yellow{border-left-color:#e3c033}
.st-warn li.st-amber{border-left-color:#e08a1e}
.st-warn li.st-red{border-left-color:#c8372d}
.st-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:12px 0}
.st-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.st-card h3{margin:0}
.st-card p{margin:6px 0}
.st-date{color:var(--muted);font-size:.9rem}
.st-names{columns:3 140px;padding-left:22px;margin:10px 0}
.st-names li{margin:0 0 4px}
.st-names .st-used{color:var(--muted)}
.st-names .st-next{font-weight:700;color:var(--green)}
.psr-ni .psr-gb{display:none}
.psr-steps{padding-left:20px}
.psr-steps li{margin:0 0 10px}
.cash-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cash-row .tl-field{margin-top:0}