/* Hallmark v2.0.0 · scope: component · shape: editorial calculator workbench · theme: custom consumer finance · signature: grouped profile beside the real net return · posture: restrained */
/* Critique · P4 H5 E4 S4 R5 V4 · weakest: specificity; retain real issuer art and the unmodified live ranking. */
:root {
  --atlas-paper:#f5f6f8;
  --atlas-surface:#fcfcfd;
  --atlas-well:#ebedf1;
  --atlas-line:#d7dbe3;
  --atlas-ink:#191e28;
  --atlas-secondary:#444e60;
  --atlas-muted:#626c7c;
  --atlas-accent:#254fc4;
  --atlas-selected:#e9eefb;
  --atlas-on-accent:#f9fbff;
  --atlas-thumb:#fcfcfd;
  --atlas-danger:#a83229;
  --atlas-font:var(--sans);
  --atlas-micro:150ms;
  --atlas-open:250ms;
  --atlas-ease:cubic-bezier(.22,1,.36,1);
  --atlas-4:4px;--atlas-8:8px;--atlas-12:12px;--atlas-16:16px;
  --atlas-20:20px;--atlas-24:24px;--atlas-32:32px;--atlas-40:40px;--atlas-48:48px;--atlas-64:64px;
  --atlas-radius:16px;--atlas-control-radius:8px;
}
html,body { overflow-x:clip; }
#tray:not(.show) { visibility:hidden;pointer-events:none; }
#calc,.nav { color-scheme:light; }
.nav { background:var(--atlas-paper);color:var(--atlas-ink);border-color:var(--atlas-line);backdrop-filter:none;-webkit-backdrop-filter:none; }
.nav .logo { color:var(--atlas-ink);font-weight:700; }
.nav .logo i { background:var(--atlas-ink); }
.nav .logo i:before { border-color:var(--atlas-paper); }
.nav .logo i:after { background:var(--atlas-paper); }
.nav ul a { color:var(--atlas-secondary); }
.nav .navcta { color:var(--atlas-ink);background:none;box-shadow:none;border:1px solid var(--atlas-line);border-radius:var(--atlas-control-radius);min-height:44px;display:inline-flex;align-items:center; }
#calc { padding:var(--atlas-40) 0 var(--atlas-48);background:var(--atlas-paper);color:var(--atlas-ink);overflow:visible; }
#calc:before,#calc:after { content:none; }
#calc .wrap { max-width:1320px;padding-inline:var(--atlas-32); }
#calc :is(h1,h2,h3) { color:var(--atlas-ink);font-family:var(--atlas-font);font-weight:700;overflow-wrap:break-word;min-width:0; }
#calc .atlas-intro { display:flex;align-items:flex-end;justify-content:space-between;gap:var(--atlas-32); }
#calc h1 { margin:0;max-width:860px;font-size:clamp(34px,4.2vw,56px);line-height:1.06;letter-spacing:-.035em;text-wrap:balance; }
#calc .sub { margin:var(--atlas-12) 0 0;max-width:760px;color:var(--atlas-secondary);font-size:18px;line-height:1.5; }
#calc .profile-jump { flex:none;color:var(--atlas-secondary);font-size:15px;font-weight:600;text-underline-offset:var(--atlas-4);min-height:44px;display:inline-flex;align-items:center; }
#calc .hero-grid { display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:var(--atlas-64);margin-top:var(--atlas-32);align-items:start; }
#controls { min-width:0;align-self:start;padding:var(--atlas-24);border:1px solid var(--atlas-line);border-radius:var(--atlas-radius);background:var(--atlas-surface);backdrop-filter:none;-webkit-backdrop-filter:none;scroll-margin-top:84px; }
#controls .profile-heading { margin-bottom:var(--atlas-20); }
#controls h2,#calc .result-heading { font-size:24px;letter-spacing:-.025em;line-height:1.15;margin:0; }
#controls .profile-heading p { color:var(--atlas-muted);font-size:14px;line-height:1.5;margin-top:var(--atlas-4); }
#controls .lab { display:block;margin:0 0 var(--atlas-8);color:var(--atlas-secondary);font-family:var(--atlas-font);font-size:16px;font-weight:500;line-height:1.35;letter-spacing:0;text-transform:none;white-space:normal;overflow:visible; }
#controls .country-field { margin-bottom:var(--atlas-20); }
#controls .cbx { border:1px solid var(--atlas-muted);border-radius:var(--atlas-control-radius);background:var(--atlas-surface);color:var(--atlas-ink);padding:var(--atlas-12) var(--atlas-16);gap:var(--atlas-12);min-height:52px;font-size:18px;font-weight:600;line-height:1.3;box-shadow:none;transition:background-color var(--atlas-micro) var(--atlas-ease),border-color var(--atlas-micro) var(--atlas-ease); }
#controls .code { font-family:var(--atlas-font);font-size:13px;font-weight:600;letter-spacing:0;background:var(--atlas-well);color:var(--atlas-secondary);padding:var(--atlas-4) var(--atlas-8);border-radius:var(--atlas-control-radius); }
#controls .cbx-n { color:var(--atlas-muted);font-size:14px; }
#controls .chev { border-color:var(--atlas-muted); }
#controls .cbx[aria-expanded=true] { border-color:var(--atlas-accent);background:var(--atlas-selected); }
#controls .pop { z-index:100;background:var(--atlas-surface);border:1px solid var(--atlas-line);border-radius:var(--atlas-control-radius);box-shadow:none;animation:none;transform-origin:top center; }
#controls .pop:not([hidden]) { animation:atlas-pop var(--atlas-open) var(--atlas-ease); }
#controls .pop-s { padding:var(--atlas-8);border-color:var(--atlas-line); }
#controls .pop-s input { background:var(--atlas-paper);border:1px solid var(--atlas-muted);border-radius:var(--atlas-control-radius);color:var(--atlas-ink);padding:var(--atlas-12);min-height:48px; }
#controls .pop-s input::placeholder { color:var(--atlas-muted);opacity:1; }
#controls .pop ul { padding:var(--atlas-4);max-height:min(320px,44dvh);scrollbar-color:var(--atlas-line) var(--atlas-surface); }
#controls .pop li { padding:var(--atlas-8) var(--atlas-12);min-height:44px;color:var(--atlas-ink);gap:var(--atlas-12);border-radius:var(--atlas-control-radius); }
#controls .pop li small { color:var(--atlas-muted);font-size:13px; }
#controls .pop li[aria-selected=true],#controls .pop li.act { color:var(--atlas-ink);background:var(--atlas-selected); }
#controls .pop li.grp { font:600 14px/1.4 var(--atlas-font);color:var(--atlas-muted);letter-spacing:0;text-transform:none;padding:var(--atlas-12);min-height:0;background:none; }
#controls .profile-group { min-width:0;border:0;border-top:1px solid var(--atlas-line);padding:var(--atlas-16) 0 0;margin:var(--atlas-16) 0 0; }
#controls .profile-group legend { float:left;display:block;width:100%;padding:0;margin:0 0 var(--atlas-12);font:700 18px/1.2 var(--atlas-font);letter-spacing:-.01em;color:var(--atlas-ink); }
#controls .profile-group:after { content:"";display:table;clear:both; }
#controls .field-pair { clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--atlas-24); }
#controls .dial { min-width:0;background:none;border:0;border-radius:0;padding:0;transition:none; }
#controls .dial-edit { display:flex;align-items:center;justify-content:space-between;gap:var(--atlas-8); }
#controls .dial .v { display:flex;align-items:baseline;min-width:0;gap:var(--atlas-4);margin:0;min-height:44px;font:600 28px/1.3 var(--atlas-font);letter-spacing:-.025em;color:var(--atlas-ink); }
#controls .everyday .v { font-size:36px; }
#controls .dial .v .u { color:var(--atlas-muted);font-size:.72em;margin:0; }
#controls .dial .v input { box-sizing:border-box;flex:0 1 auto;width:4ch;max-width:100%;min-width:44px;min-height:44px;padding:0;border:0;border-bottom:1px solid var(--atlas-muted);border-radius:0;background:none;outline-offset:var(--atlas-4);font:inherit;color:var(--atlas-ink);letter-spacing:inherit; }
#controls .dial .v small { font:400 13px/1.35 var(--atlas-font);letter-spacing:0;color:var(--atlas-muted);white-space:nowrap;margin-left:var(--atlas-4); }
#controls .step { flex:none;display:flex;gap:0;border-radius:var(--atlas-control-radius);background:var(--atlas-well); }
#controls .step button { display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:var(--atlas-control-radius);background:none;color:var(--atlas-secondary);font:500 22px/1 var(--atlas-font);touch-action:manipulation;user-select:none;transition:background-color var(--atlas-micro) var(--atlas-ease),transform var(--atlas-micro) var(--atlas-ease); }
#controls input[type=range] { display:block;width:100%;height:28px;min-height:28px;margin:0;appearance:none;-webkit-appearance:none;background:none;border-radius:0;cursor:pointer; }
#controls input[type=range]::-webkit-slider-runnable-track { height:4px;border-radius:var(--atlas-4);background:linear-gradient(90deg,var(--atlas-secondary) var(--p,0%),var(--atlas-line) var(--p,0%)); }
#controls input[type=range]::-moz-range-track { height:4px;border-radius:var(--atlas-4);background:var(--atlas-line); }
#controls input[type=range]::-moz-range-progress { height:3px;background:var(--atlas-secondary); }
#controls input[type=range]::-webkit-slider-thumb { appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border:2px solid var(--atlas-secondary);border-radius:50%;background:var(--atlas-thumb);box-shadow:none; }
#controls input[type=range]::-moz-range-thumb { width:14px;height:14px;border:2px solid var(--atlas-secondary);border-radius:50%;background:var(--atlas-thumb);box-shadow:none; }
#controls input[type=range]:active::-webkit-slider-thumb { cursor:grabbing;box-shadow:none;background:var(--atlas-selected); }
#controls .currency-row { display:flex;align-items:center;justify-content:space-between;gap:var(--atlas-12);margin-top:var(--atlas-4);clear:both; }
#controls .currency-row .lab { margin:0;font-size:15px; }
#controls .chipset { display:flex;gap:var(--atlas-4);margin:0; }
#controls .chipset button { min-width:48px;min-height:44px;padding:var(--atlas-8) var(--atlas-12);border:1px solid transparent;border-radius:var(--atlas-control-radius);font:500 14px/1 var(--atlas-font);color:var(--atlas-secondary);background:none;transition:background-color var(--atlas-micro) var(--atlas-ease),border-color var(--atlas-micro) var(--atlas-ease); }
#controls .chipset button[aria-pressed=true] { color:var(--atlas-accent);background:var(--atlas-selected);border-color:var(--atlas-accent); }
#controls .hint,#controls .plan-help { clear:both;color:var(--atlas-muted);font:400 13px/1.5 var(--atlas-font);margin:var(--atlas-4) 0 0; }
#controls .seg { clear:both;display:flex;gap:var(--atlas-4);padding:var(--atlas-4);border:0;border-radius:var(--atlas-control-radius);background:var(--atlas-well);overflow:visible; }
#controls .seg button { min-width:0;flex:1;min-height:44px;padding:var(--atlas-8);border:0;border-radius:var(--atlas-control-radius);font:600 15px/1.2 var(--atlas-font);color:var(--atlas-secondary);background:none;box-shadow:none;transition:background-color var(--atlas-micro) var(--atlas-ease),color var(--atlas-micro) var(--atlas-ease); }
#controls .seg button[aria-pressed=true] { background:var(--atlas-surface);color:var(--atlas-accent);box-shadow:inset 0 0 0 1px var(--atlas-accent); }
#controls .plan-help { margin-top:var(--atlas-8);min-height:2.9em;font-size:14px; }
#controls .preferences summary { position:relative;min-height:52px;padding:var(--atlas-4) var(--atlas-32) var(--atlas-4) 0;cursor:pointer;list-style:none; }
#controls .preferences summary::-webkit-details-marker { display:none; }
#controls .preferences summary span { display:block;font-size:17px;font-weight:600;color:var(--atlas-ink); }
#controls .preferences summary small { display:block;font-size:14px;line-height:1.4;color:var(--atlas-muted);margin-top:var(--atlas-4); }
#controls .preferences summary:after { content:'+';position:absolute;right:0;top:var(--atlas-4);font-size:24px;color:var(--atlas-secondary); }
#controls .preferences[open] summary:after { content:'−'; }
#controls .preferences:not([open]) .switches,#calc .estimate-details:not([open]) .why { display:none; }
#controls .preferences[open] summary { margin-bottom:var(--atlas-8); }
#controls .switches { clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--atlas-4) var(--atlas-20);margin:0; }
#controls .tog { display:flex;align-items:center;justify-content:space-between;gap:var(--atlas-12);padding:var(--atlas-8) 0;min-height:44px;background:none;border:0;border-radius:0;font-size:15px;line-height:1.35;color:var(--atlas-secondary); }
#controls .tog.portal { grid-column:1/-1; }
#controls .tog input { flex:none;width:36px;height:22px;background:var(--atlas-line);margin:0;box-shadow:inset 0 0 0 1px var(--atlas-muted);transition:background-color var(--atlas-micro) var(--atlas-ease); }
#controls .tog input:before { top:3px;left:3px;width:16px;height:16px;background:var(--atlas-thumb);transition:transform var(--atlas-micro) var(--atlas-ease); }
#controls .tog input:checked { background:var(--atlas-accent); }
#controls .tog input:checked:before { background:var(--atlas-on-accent);transform:translateX(14px); }
#calc .result-column { min-width:0;align-self:start;border-top:2px solid var(--atlas-ink);padding-top:var(--atlas-20); }
#calc .result-heading { margin-bottom:var(--atlas-16); }
#calc .result { display:block;background:none;border:0;border-radius:0;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none; }
#calc .pod { color:var(--atlas-ink);min-width:0; }
#calc .pod.p1 { display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:0;margin:0;text-align:left;border-radius:var(--atlas-control-radius); }
#calc .pod .tag { grid-row:1;display:block;padding:0;margin:0 0 var(--atlas-8);border:0;border-radius:0;box-shadow:none;background:none;color:var(--atlas-muted);font:400 14px/1.4 var(--atlas-font);letter-spacing:0;text-transform:none; }
#calc .pod .nm1 { grid-row:2;font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0; }
#calc .pod .nm1 small { display:block;color:var(--atlas-muted);font-size:15px;font-weight:400;margin:var(--atlas-4) 0 0; }
#calc .pod.p1 .amt { grid-row:3;display:block;color:var(--atlas-ink);font:700 clamp(60px,5.8vw,80px)/1 var(--atlas-font);letter-spacing:-.055em;margin:var(--atlas-16) 0 0; }
#calc .pod .amt .c { color:var(--atlas-secondary);font-size:.5em;letter-spacing:-.025em; }
#calc .pod.p1 .amt small { display:block;font:400 15px/1.5 var(--atlas-font);color:var(--atlas-muted);letter-spacing:0;margin-top:var(--atlas-8); }
#calc .pod .rate { grid-row:4;gap:var(--atlas-8);padding:var(--atlas-8) 0;margin:var(--atlas-8) 0 0;border:0;border-radius:0;color:var(--atlas-secondary);font-size:15px;background:none; }
#calc .pod .rate s { color:var(--atlas-muted); }
#calc .pod .rate b { color:var(--atlas-ink);font-family:var(--atlas-font);font-weight:700; }
#calc .pod.p1 .stage { grid-row:5;display:flex;width:100%;justify-content:flex-start;perspective:none;margin:var(--atlas-16) 0 var(--atlas-20); }
#calc .pod.p1 .stage:before,#calc .pod.p1 .stage:after { content:none; }
#calc .pod.p1 .art { width:72%;max-width:300px;transform:none;transition:none; }
#calc .pod.p1 .art.img>img { filter:none; }
#calc .pod.p1 .cv { grid-row:6;margin:0 0 var(--atlas-8); }
#calc .pod .match-details { grid-row:7;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:var(--atlas-4);color:var(--atlas-secondary);margin-bottom:var(--atlas-20); }
#calc .rest { border-top:1px solid var(--atlas-line);padding-top:var(--atlas-8);margin:0;display:grid;gap:0; }
#calc .rest .pod { display:grid;grid-template-columns:24px 56px minmax(0,1fr) auto;gap:var(--atlas-12);padding:var(--atlas-12) 0;border-radius:0;border-bottom:1px solid var(--atlas-line); }
#calc .rest .pod:last-child { border-bottom:0; }
#calc .rest .rk { font:500 14px var(--atlas-font);color:var(--atlas-muted); }
#calc .rest .nm { font-size:16px;font-weight:600;letter-spacing:-.01em;white-space:normal;line-height:1.35; }
#calc .rest .nm small { color:var(--atlas-muted);font-size:13px; }
#calc .rest .amt { margin:0;font:600 20px/1.3 var(--atlas-font);color:var(--atlas-ink); }
#calc .rest .amt.neg { color:var(--atlas-danger); }
#calc .badge { font-family:var(--atlas-font);letter-spacing:0;text-transform:none;font-size:12px; }
#calc .badge.ours,#calc .badge.curve { background:var(--atlas-well);color:var(--atlas-secondary);box-shadow:none; }
#calc .badge.curve:before { background:var(--atlas-ink);color:var(--atlas-surface); }
#calc .badge.curve-q { color:var(--atlas-secondary);box-shadow:inset 0 0 0 1px var(--atlas-line); }
#calc .ranking-link { display:flex;justify-content:center;align-items:center;min-height:48px;margin-top:var(--atlas-16);border-radius:var(--atlas-control-radius);padding:var(--atlas-12) var(--atlas-20);font-size:16px;font-weight:600;background:var(--atlas-accent);color:var(--atlas-on-accent);text-decoration:none;transition:transform var(--atlas-micro) var(--atlas-ease); }
#calc .estimate-details { border-bottom:1px solid var(--atlas-line);margin-top:var(--atlas-12); }
#calc .estimate-details summary { min-height:48px;padding:var(--atlas-12) 0;font-size:15px;color:var(--atlas-secondary);cursor:pointer; }
#calc .why { margin:0 0 var(--atlas-16);color:var(--atlas-secondary);font-size:14px;line-height:1.7; }
#calc .why .t { white-space:normal; }
#calc .why b,#calc .why .pos,#calc .why .neg { color:var(--atlas-ink);font-family:var(--atlas-font); }
#calc .ourstrip { display:flex;gap:var(--atlas-16);margin-top:var(--atlas-32);padding:var(--atlas-16) 0;border:0;border-top:1px solid var(--atlas-line);border-bottom:1px solid var(--atlas-line);border-radius:0;background:none;color:var(--atlas-secondary);font-size:14px; }
#calc .ourstrip b,#calc .ourstrip a { color:var(--atlas-ink);font-family:var(--atlas-font); }
#calc .ourstrip a { text-decoration:underline;text-underline-offset:var(--atlas-4); }
#calc .stats { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--atlas-24);margin:var(--atlas-24) 0 0;padding:0;border:0; }
#calc .stats b { font:700 26px/1.15 var(--atlas-font);color:var(--atlas-ink);letter-spacing:-.03em; }
#calc .stats span { font-size:14px;color:var(--atlas-muted); }
#calc :is(button,a,input,summary):focus-visible,.nav a:focus-visible { outline:2px solid var(--atlas-accent);outline-offset:var(--atlas-4);box-shadow:none;transition:none; }
#calc :is(button,a,summary):active { transform:scale(.98); }
#calc :is(button,input):disabled { opacity:.5;cursor:not-allowed; }
@keyframes atlas-pop { from { opacity:0;transform:translateY(-4px); } to { opacity:1;transform:translateY(0); } }
@media (hover:hover) and (pointer:fine) {
  .nav ul a:hover,.nav .navcta:hover { color:var(--atlas-ink);background:var(--atlas-well);box-shadow:none; }
  #controls .cbx:hover,#controls .step button:hover,#controls .chipset button:hover,#controls .seg button:hover { background:var(--atlas-well);border-color:var(--atlas-line); }
  #controls .cbx:hover { border-color:var(--atlas-muted); }
  #controls .cbx[aria-expanded=true]:hover { border-color:var(--atlas-accent); }
  #controls .chipset button[aria-pressed=true]:hover,#controls .seg button[aria-pressed=true]:hover { background:var(--atlas-selected);border-color:var(--atlas-accent); }
  #calc .rest .pod:hover { background:var(--atlas-well); }
  #calc .pod.p1:hover .art { transform:none; }
}
@media (max-width:1180px) {
  #calc .hero-grid { gap:var(--atlas-32); }
  #calc .atlas-intro { align-items:flex-start; }
  #controls .dial-edit { flex-wrap:wrap;gap:0; }
  #controls .field-pair .step { margin-left:auto; }
  #controls .field-pair { gap:var(--atlas-20); }
}
@media (max-width:1020px) {
  #calc .hero-grid { grid-template-columns:minmax(0,1fr);gap:var(--atlas-32); }
  #calc .result-column { order:-1; }
  #calc .pod.p1 { grid-template-columns:minmax(0,1fr) minmax(0,.8fr);column-gap:var(--atlas-24); }
  #calc .pod.p1 .stage { grid-column:2;grid-row:1/6;align-self:center;margin:0; }
  #calc .pod.p1 .art { width:100%;max-width:280px; }
  #calc .pod.p1 :is(.tag,.nm1,.amt,.rate,.cv,.match-details) { grid-column:1; }
  #calc .pod.p1 .rate { grid-column:1/-1; }
  #calc .pod.p1 .stage { grid-row:1/4; }
  #calc .rest { grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--atlas-24); }
  #calc .rest .pod { grid-template-columns:24px minmax(0,1fr);gap:var(--atlas-8);border:0;align-items:start; }
  #calc .rest .pod .art { display:none; }
  #calc .rest .pod .nm { grid-column:2; }
  #calc .rest .pod .amt { grid-column:2; }
  #controls .dial-edit { flex-wrap:nowrap; }
}
@media (max-width:860px) {
  .nav .navcta { display:none; }
}
@media (max-width:680px) {
  #calc { padding-top:var(--atlas-24);padding-bottom:var(--atlas-32); }
  #calc .wrap { padding-inline:var(--atlas-20); }
  #calc .atlas-intro { display:block; }
  #calc h1 { font-size:36px;max-width:340px;line-height:1.05; }
  #calc .sub { font-size:17px;margin-top:var(--atlas-12); }
  #calc .profile-jump { margin-top:var(--atlas-4); }
  #calc .hero-grid { margin-top:var(--atlas-20);gap:var(--atlas-24); }
  #calc .result-column { padding-top:var(--atlas-16); }
  #calc .result-heading { font-size:22px;margin-bottom:var(--atlas-12); }
  #calc .pod.p1 { grid-template-columns:minmax(0,1fr) 112px;column-gap:var(--atlas-12); }
  #calc .pod .tag { font-size:13px; }
  #calc .pod .nm1 { font-size:22px; }
  #calc .pod .nm1 small { font-size:14px; }
  #calc .pod.p1 .amt { font-size:56px;margin-top:var(--atlas-12); }
  #calc .pod.p1 .amt small { font-size:14px; }
  #calc .pod.p1 .stage { grid-row:2/4;align-self:start;justify-content:flex-end;padding-top:var(--atlas-8); }
  #calc .pod.p1 .rate { font-size:14px;gap:var(--atlas-8); }
  #calc .pod .match-details { margin-bottom:var(--atlas-12); }
  #calc .rest { grid-template-columns:minmax(0,1fr);gap:0; }
  #calc .rest .pod { grid-template-columns:24px 44px minmax(0,1fr) auto;gap:var(--atlas-8);padding:var(--atlas-8) 0;align-items:center; }
  #calc .rest .pod .art { display:block;width:44px; }
  #calc .rest .pod .nm { grid-column:3;font-size:15px; }
  #calc .rest .pod .amt { grid-column:4;font-size:18px; }
  #controls { padding:var(--atlas-20); }
  #controls h2 { font-size:23px; }
  #controls .lab { font-size:16px; }
  #controls .field-pair { gap:var(--atlas-20); }
  #controls .field-pair .dial-edit { flex-wrap:wrap; }
  #controls .field-pair .v { width:100%;font-size:26px; }
  #controls .field-pair .step { margin-left:0; }
  #controls .field-pair .v small { margin-left:0;font-size:12px; }
  #controls .currency-row { display:block;margin-top:var(--atlas-8); }
  #controls .currency-row .lab { margin-bottom:var(--atlas-4); }
  #controls .chipset { justify-content:space-between; }
  #controls .chipset button { flex:1; }
  #controls .seg { gap:0; }
  #controls .seg button { font-size:14px;padding:var(--atlas-8) var(--atlas-4); }
  #controls .switches { grid-template-columns:minmax(0,1fr);gap:0; }
  #controls .tog { font-size:16px;min-height:48px; }
  #calc .ourstrip { gap:var(--atlas-12); }
  #calc .ourstrip .art { display:none; }
  #calc .stats { grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--atlas-20); }
}
@media (pointer:coarse) {
  #controls input[type=range] { height:44px;min-height:44px;margin-block:-8px;touch-action:pan-y; }
}
/* Desktop vertical fit: the approved composition, with less repeated air.
 * Content stays intrinsic; expanded preferences can extend the document. */
@media (min-width:1100px) {
  .nav .wrap { height:56px; }
  #calc { padding-top:var(--atlas-20);padding-bottom:var(--atlas-32); }
  #calc h1 { font-size:48px; }
  #calc .sub { margin-top:var(--atlas-8);font-size:17px; }
  #calc .hero-grid { margin-top:var(--atlas-20);gap:var(--atlas-40); }
  #controls { display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);column-gap:var(--atlas-24);padding:var(--atlas-20); }
  #controls > :is(.profile-heading,.profile-group,.preferences) { grid-column:1/-1; }
  #controls .profile-heading { display:flex;align-items:baseline;justify-content:space-between;gap:var(--atlas-12);margin-bottom:var(--atlas-16); }
  #controls h2 { font-size:22px; }
  #controls .profile-heading p { margin:0; }
  #controls .country-field { margin:0; }
  #controls .cbx { min-height:44px;padding:var(--atlas-8);gap:var(--atlas-8);font-size:16px; }
  #controls .code { padding:var(--atlas-4); }
  #controls .lab { margin-bottom:var(--atlas-4);font-size:15px; }
  #controls .everyday .v { font-size:30px; }
  #controls .profile-group { padding-top:var(--atlas-8);margin-top:var(--atlas-8); }
  #controls .profile-group legend { margin-bottom:var(--atlas-8);font-size:17px; }
  #controls .field-pair { gap:var(--atlas-24); }
  #controls .dial-edit { flex-wrap:nowrap; }
  #controls .currency-row { margin-top:0; }
  #controls .hint { margin-top:0; }
  #controls .plan-help { margin-top:var(--atlas-4);min-height:0;line-height:1.4; }
  #controls .preferences summary { min-height:44px;padding-block:0; }
  #controls .preferences summary span { font-size:16px; }
  #controls .preferences summary small { margin-top:0; }
  #calc .result-column { padding-top:var(--atlas-12); }
  #calc .result-heading { margin-bottom:var(--atlas-12);font-size:22px; }
  #calc .pod.p1 { grid-template-columns:minmax(0,1fr) 168px;column-gap:var(--atlas-16); }
  #calc .pod.p1 :is(.tag,.rate,.cv,.match-details) { grid-column:1/-1; }
  #calc .pod.p1 :is(.nm1,.amt) { grid-column:1; }
  #calc .pod .tag { margin-bottom:var(--atlas-4); }
  #calc .pod .nm1 { font-size:24px; }
  #calc .pod.p1 .amt { font-size:68px;margin-top:var(--atlas-12); }
  #calc .pod.p1 .amt small { margin-top:var(--atlas-4);margin-left:0; }
  #calc .pod.p1 .stage { grid-column:2;grid-row:2/4;align-self:center;margin:0; }
  #calc .pod.p1 .art { width:100%;max-width:none; }
  #calc .pod .rate { padding-block:var(--atlas-4);margin-top:var(--atlas-8); }
  #calc .pod .match-details { min-height:44px;display:flex;align-items:center;margin-bottom:var(--atlas-4); }
  #calc .rest { padding-top:var(--atlas-4); }
  #calc .rest .pod { grid-template-columns:24px 48px minmax(0,1fr) auto;gap:var(--atlas-8);padding-block:var(--atlas-8);min-height:56px; }
  #calc .rest .pod .art { width:48px; }
  #calc .ranking-link { min-height:44px;margin-top:var(--atlas-8);padding-block:var(--atlas-8); }
}
@media (min-width:1100px) and (hover:hover) and (pointer:fine) {
  #controls input[type=range] { height:20px;min-height:20px; }
}
/* Short laptops trade whitespace, not touch targets or readable input type. */
@media (min-width:1100px) and (max-height:820px) {
  .nav .wrap { height:52px; }
  #calc { padding-top:var(--atlas-12); }
  #calc h1 { font-size:42px; }
  #calc .hero-grid { margin-top:var(--atlas-12);gap:var(--atlas-32); }
  #controls { padding:var(--atlas-16);column-gap:var(--atlas-16); }
  #controls .profile-heading { margin-bottom:var(--atlas-8); }
  #controls .profile-group { padding-top:var(--atlas-4);margin-top:var(--atlas-4); }
  #controls .profile-group legend { margin-bottom:var(--atlas-4); }
  #controls .field-pair { gap:var(--atlas-16); }
  #calc .pod.p1 .amt { font-size:64px; }
}
@media (prefers-color-scheme:dark) {
  :root {
    --atlas-paper:#11151c;--atlas-surface:#191f29;--atlas-well:#252e3b;
    --atlas-line:#3f4a5c;--atlas-ink:#edf0f6;--atlas-secondary:#c5cddb;
    --atlas-muted:#a7b2c4;--atlas-accent:#a4bfff;--atlas-selected:#253553;
    --atlas-on-accent:#142443;--atlas-thumb:#edf0f6;--atlas-danger:#ffa89f;
  }
  #calc,.nav { color-scheme:dark; }
}
@media (prefers-reduced-motion:reduce) {
  #calc,#calc *,#calc *:before,#calc *:after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
  #calc :is(button,a,summary):active { transform:none; }
}