/* Calculator styles, scoped to #lrc so they can't leak into the rest of the site. */
#lrc{
  --bg:var(--paper,#f6f4ee); --panel:#ffffff; --muted:#5d6577; --line:#dcdad0;
  --accent:#1d3f94; --accent-ink:#ffffff; --accent-soft:#dfe6f5; --quiet:#b3bacb; --warm:#c9a54a; --err:#a3401a;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  font-size:15px;line-height:1.5;
}
#lrc *,#lrc *::before,#lrc *::after{box-sizing:border-box}
#lrc h2{font-size:1.15rem;margin:0 0 10px}
#lrc .lrc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;border-bottom:1px solid var(--line)}
#lrc .lrc-tab{text-align:left;appearance:none;border:0;background:none;color:var(--muted);font:600 16px var(--body);padding:10px 4px 12px;margin-right:22px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
#lrc .lrc-tab:hover{color:var(--ink)}
#lrc .lrc-tab[aria-selected="true"]{color:var(--accent);border-bottom-color:var(--accent)}
#lrc .lrc-tab small{display:block;font:400 13px var(--body);color:var(--muted)}
#lrc .lrc-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:860px){#lrc .lrc-grid{grid-template-columns:minmax(0,1fr)}}
#lrc .lrc-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0}
#lrc .lrc-inputs{display:flex;flex-direction:column;gap:16px}
@media (min-width:861px){#lrc .lrc-inputs{position:sticky;top:88px}}
#lrc .lrc-results{display:flex;flex-direction:column;gap:20px;min-width:0}
#lrc .lrc-field{display:flex;flex-direction:column;gap:6px;min-width:0}
#lrc .lrc-field>label,#lrc .lrc-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
#lrc .lrc-row{display:flex;gap:8px;align-items:center;min-width:0}
#lrc .lrc-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#lrc .lrc-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--bg);min-width:0;overflow:hidden}
#lrc .lrc-row>.lrc-box{flex:1 1 0}
#lrc [hidden]{display:none!important}
#lrc .lrc-box span{padding:0 10px;color:var(--muted);font-family:var(--mono);font-size:13px;white-space:nowrap;flex:none}
#lrc .lrc-box input{flex:1 1 0;width:100%;min-width:0;border:0;background:none;color:var(--ink);font:500 16px var(--mono);padding:10px;font-variant-numeric:tabular-nums;margin:0}
#lrc .lrc-box span+input{padding-left:0}
#lrc .lrc-box input:focus{outline:none}
#lrc .lrc-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
#lrc select{border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:500 14px var(--body);padding:10px 8px;min-width:0;max-width:100%;margin:0}
#lrc select.lrc-full{width:100%}
#lrc input[type=range]{width:100%;accent-color:var(--accent);margin:0}
#lrc .lrc-hint{font-size:12.5px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400}
#lrc hr{border:0;border-top:1px solid var(--line);margin:2px 0}
#lrc .lrc-chips{display:flex;flex-wrap:wrap;gap:6px}
#lrc .lrc-chips button{border:1px solid var(--line);background:var(--bg);color:var(--ink);font:500 12px var(--body);padding:5px 9px;border-radius:6px;cursor:pointer}
#lrc .lrc-chips button:hover{border-color:var(--warm)}
#lrc .lrc-seg{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px;align-self:flex-start;max-width:100%;flex-wrap:wrap}
#lrc .lrc-seg button{border:0;background:none;color:var(--muted);font:600 13px var(--body);padding:7px 13px;border-radius:999px;cursor:pointer}
#lrc .lrc-seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
#lrc .lrc-err{color:var(--err);font-size:13px;margin:0}
#lrc .lrc-lead{font-size:14.5px;color:var(--muted);margin:0}
#lrc .lrc-big{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,5vw,3.3rem);line-height:1.05;margin:4px 0 14px;font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:-.02em}
#lrc .lrc-big small{font-size:.42em;font-family:var(--body);font-weight:500;color:var(--muted);margin:0 .5em 0 .15em;letter-spacing:0}
#lrc .lrc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;border-top:1px solid var(--line);padding-top:14px;margin:0}
#lrc .lrc-stat dt{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
#lrc .lrc-stat dd{margin:2px 0 0;font:500 17px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}
#lrc .lrc-stat dd.lrc-good{color:var(--accent)}
#lrc .lrc-note{font-size:13.5px;color:var(--muted);margin:12px 0 0}
#lrc .lrc-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--muted);margin-bottom:6px}
#lrc .lrc-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
#lrc .lrc-legend i.lrc-line{height:3px;vertical-align:3px}
#lrc svg{width:100%;height:auto;display:block;overflow:visible}
#lrc svg text{fill:var(--muted);font:11px var(--mono)}
@media (max-width:620px){#lrc svg text{font-size:19px}}
#lrc .lrc-tablewrap{overflow:auto;max-height:420px;border:1px solid var(--line);border-radius:10px}
#lrc table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13.5px;margin:0}
#lrc th,#lrc td{padding:7px 12px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}
#lrc th:first-child,#lrc td:first-child{text-align:left}
#lrc thead th{position:sticky;top:0;background:var(--panel);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
#lrc tbody td{font-family:var(--mono);color:var(--ink)}
#lrc tbody tr.lrc-mark td{background:var(--accent-soft)}
#lrc .lrc-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:620px){#lrc .lrc-compare{grid-template-columns:minmax(0,1fr)}}
#lrc .lrc-cmp{border:1px solid var(--line);border-radius:10px;padding:12px}
#lrc .lrc-cmp.on{border-color:var(--accent);background:var(--accent-soft)}
#lrc .lrc-cmp .k{font-size:12.5px;color:var(--muted)}
#lrc .lrc-cmp .v{font:500 18px var(--mono);color:var(--ink)}
#lrc .lrc-fine{font-size:13px;color:var(--muted);max-width:80ch;margin:0}
#lrc .lrc-fine b{color:var(--ink);font-weight:600}
@media (max-width:380px){#lrc .lrc-two{grid-template-columns:minmax(0,1fr)}}