:root{--ink:#153947;--terracotta:#b9553d;--green:#2d6655;--sand:#f5e8d7;--paper:#fffdf9;--muted:#506371;--line:#dedbd5;--dark:#102f3b;--focus:#1f6ed4;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f5f0;color:var(--ink);font:16px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus)}a{color:#145c83}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.wrap{max-width:1070px;margin:0 auto;padding:0 22px}.top{background:var(--dark);color:#fff}.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:72px}.logo{display:inline-flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:900;letter-spacing:.05em}.logo b{background:#efdfc8;color:#163845;border-radius:12px;padding:8px 11px;font-size:22px}.logo small{display:block;font-size:10px;letter-spacing:.16em;font-weight:600;color:#e0d0b5}.topnav{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.topnav a{color:#f5e5d1;font-size:13px;text-decoration:underline}.hero{background:linear-gradient(125deg,#153947,#295c60 75%);color:#fff;padding:48px 0 38px;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.2fr .9fr;gap:32px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#eecaae;font-weight:800}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.08;letter-spacing:-.045em;margin:12px 0}.hero p{color:#e2ebe8;max-width:530px;font-size:18px}.landscape{width:100%;border-radius:18px;box-shadow:0 14px 35px #0003}.content{padding:27px 0 60px}.panel{background:#fff;border:1px solid #dfded8;border-radius:18px;padding:26px;box-shadow:0 7px 26px #1438460b}.panel+.panel{margin-top:18px}.grid{display:grid;grid-template-columns:1.4fr .85fr;gap:22px}.muted{color:var(--muted)}.small{font-size:13px}.fine{font-size:12px;color:var(--muted)}h1,h2,h3{line-height:1.2}h2{font-size:27px;margin:5px 0 12px}h3{font-size:18px;margin:4px 0 10px}.kicker{font-weight:800;color:#936144;letter-spacing:.13em;text-transform:uppercase;font-size:11px}.choicegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice{min-height:92px;background:#fcfaf6;border:2px solid #d2dbd9;border-radius:14px;padding:13px;text-align:left;color:var(--ink)}.choice strong{display:block;font-size:26px;line-height:1.2;margin-top:8px}.choice.sel{border-color:var(--green);background:#ebf6ef;box-shadow:inset 0 0 0 1px var(--green)}.choice span{color:var(--muted);font-size:12px}.qtybar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin:18px 0;padding:15px 0}.qtycontrols{display:flex;align-items:center;gap:12px}.square{background:#f4f4f0;border:1px solid var(--line);border-radius:10px;min-width:46px;min-height:46px;font-size:25px}.money{background:#f2e8db;display:flex;align-items:center;justify-content:space-between;padding:15px;border-radius:12px;margin-bottom:21px}.money strong{font-size:30px}.methods{display:grid;gap:12px}.method{border:1.5px solid #d3ddd6;background:white;border-radius:14px;text-align:left;padding:16px;min-height:75px;color:var(--ink)}.method.sel{border-color:var(--green);background:#f1faf5}.method strong{display:block}.method span{color:#4e6973;font-size:13px}.btn{border:0;background:var(--green);color:white;padding:14px 18px;border-radius:11px;font-weight:750;min-height:48px;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:8px}.btn:hover{filter:brightness(.96)}.btn.secondary{background:#eff3f2;color:#143947;border:1px solid #cbd7d2}.btn.danger{background:#a43530}.btn.full{width:100%}.btn.terra{background:var(--terracotta)}.actions{display:flex;gap:9px;flex-wrap:wrap}.notice{background:#eff5f4;border:1px solid #cadcd8;border-radius:12px;padding:12px 14px;margin:13px 0;color:#274c51}.notice.warn{background:#fff5e6;border-color:#efd4a7;color:#6a4224}.notice.error{background:#fdece9;border-color:#e9b9b5;color:#913c35}.danger-text{color:#9f392d;font-weight:600}.hide{display:none!important}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:5px}.field.wide{grid-column:1/-1}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{min-height:47px;border:1px solid #b9c6c4;border-radius:9px;padding:10px 12px;width:100%;background:#fff}.field [type=checkbox]{min-height:auto;width:auto}.checkboxrow{display:flex;align-items:flex-start;gap:10px}.checkboxrow label{font-weight:500}.bankrow{border-bottom:1px solid var(--line);padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.bankrow:last-child{border-bottom:0}.bankrow span{font-size:13px;color:var(--muted)}.bankrow strong{display:block;overflow-wrap:anywhere}.copy{background:#eaf1f1;border:1px solid #cedcdc;color:#163947;border-radius:9px;padding:9px;min-height:44px}.cash{border-left:4px solid #9c6e3f;background:#fff6e8;padding:13px;margin-top:16px}.status{font-size:13px;font-weight:700;border-radius:9px;padding:5px 9px;background:#e9eced;display:inline-block}.status.good{background:#d7f1e5;color:#155740}.status.wait{background:#fff0d8;color:#80551e}.status.bad{background:#f9e1dc;color:#823a32}.footer{border-top:1px solid var(--line);padding:22px 0;color:#667b84;font-size:12px}.tablewrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:620px}.table th,.table td{text-align:left;border-bottom:1px solid #e7e6e2;padding:12px 8px;vertical-align:top}.table th{font-size:12px;color:var(--muted);text-transform:uppercase}.table td{font-size:14px}.table button{margin:2px}.rowtools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.qrsvg{max-width:230px;width:100%;background:white;padding:10px;border-radius:11px;border:1px solid #e7e8e2}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.focusbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.focusbar:focus{position:static;width:auto;height:auto;clip:auto}.statrow{display:flex;gap:14px;flex-wrap:wrap}.stat{background:#f1f5f1;border-radius:12px;padding:13px 18px;min-width:125px}.stat strong{display:block;font-size:25px}.center{text-align:center}.loader{color:#5e6771}.tag{display:inline-block;border-radius:6px;padding:3px 7px;background:#f1e4d3;font-size:12px}.hintlist{padding-left:20px;color:var(--muted)}.hintlist li{margin:9px 0}hr{height:1px;background:var(--line);border:0;margin:22px 0}@media(max-width:740px){.hero .wrap,.grid,.split{grid-template-columns:1fr}.hero{padding:26px 0}.hero h1{font-size:37px}.hero .landscape{display:none}.panel{padding:18px}.topbar{align-items:flex-start;padding:13px 0}.topnav{justify-content:flex-end;max-width:155px}.form{grid-template-columns:1fr}.choice strong{font-size:24px}.bankrow{flex-wrap:wrap}.content{padding-top:16px}h2{font-size:24px}}@media(max-width:360px){.wrap{padding-left:12px;padding-right:12px}.panel{padding:13px}.choicegrid{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media print{.top,.hero,.footer,.no-print,button{display:none!important}.panel{box-shadow:none;border:0}.qrsvg{max-width:11cm;width:11cm}}

/* V3.2: legibilidad y acciones principales táctiles */
.method{min-height:88px;text-align:left}.method strong{font-size:18px;line-height:1.3}.method span{font-size:15px;line-height:1.4}.choice{min-height:86px}.choice span{font-size:15px}.fine{font-size:14px}.small{font-size:15px}.field label{font-size:15px}.bankrow span{font-size:15px}.copy{font-weight:700;padding:12px 16px}.notice{font-size:16px;line-height:1.55}.actions .btn{min-height:52px}#alertPending{border-left:6px solid #a55a1c;font-weight:700}#bankStep>.muted{font-size:16px}
@media(max-width:480px){.methods{display:grid;grid-template-columns:1fr}.method{width:100%}.panel{padding:18px}.choicegrid{grid-template-columns:1fr 1fr}.bankrow .copy{flex:0 0 auto}#orders .actions{display:grid;grid-template-columns:1fr}#orders .actions .btn{width:100%}}

/* V3.4: navegación accesible y salida segura de la transferencia directa */
.back-btn{margin-top:12px;} .returnbox{background:#f6f8f5;border:1px solid #d2dbd6;border-radius:14px;padding:16px;margin-top:16px;display:grid;gap:10px}.returnbox h3{margin:0 0 2px;font-size:20px}.returnbox .notice{margin:0}.returnbox .btn{min-height:52px}.cancel-btn{border-color:#b9553d!important;color:#832d27!important;background:#fff9f5!important}@media(max-width:480px){.returnbox{padding:12px}}


/* V3.5 PREMIUM · experiencia más moderna y tipo app */
:root{
  --bg:#f3f5f7;
  --card:#ffffff;
  --card-soft:#f8fafb;
  --brand:#0d2532;
  --brand-2:#123d4f;
  --brand-3:#1d5b6b;
  --accent:#1fa36a;
  --accent-soft:#ebfbf4;
  --text:#10212b;
  --muted:#607380;
  --line:#dde5ea;
  --danger:#b1453e;
  --warning:#9b6420;
  --shadow:0 18px 50px rgba(7,27,39,.08);
  --shadow-soft:0 10px 26px rgba(7,27,39,.05);
}
body{
  background:
    radial-gradient(circle at top right, rgba(18,61,79,.07), transparent 28%),
    linear-gradient(180deg,#f5f7f9 0%,#eff3f5 100%);
  color:var(--text);
}
.wrap{max-width:1180px}
.top{background:rgba(9,28,39,.97);backdrop-filter:saturate(140%) blur(10px);position:sticky;top:0;z-index:20;box-shadow:0 6px 20px rgba(6,18,26,.16)}
.topbar{min-height:74px}
.logo{font-weight:950;letter-spacing:.04em}
.logo b{background:linear-gradient(180deg,#f8ead0,#e7d4b7);color:#122a36;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.logo small{color:#e4d7c0}
.topnav a{color:#d8eaf0;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:3px}
.topnav a:hover{border-color:#d8eaf0}
.hero{
  background:
   radial-gradient(circle at top left, rgba(255,255,255,.09), transparent 26%),
   radial-gradient(circle at 85% 10%, rgba(31,163,106,.18), transparent 18%),
   linear-gradient(135deg,#0c2330 0%,#113549 48%,#184759 100%);
  padding:56px 0 44px;
}
.hero .wrap{align-items:stretch}
.hero h1{font-size:clamp(34px,5vw,60px);margin:10px 0 14px;line-height:1.02}
.hero p{font-size:18px;max-width:640px;color:#d7e6eb}
.landscape{border-radius:26px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 48px rgba(0,0,0,.22)}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:22px;backdrop-filter:blur(12px);box-shadow:0 18px 36px rgba(0,0,0,.14)}
.hero-card h3,.hero-card p{margin:0}
.hero-card .mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.hero-card .mini{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:12px 14px;border-radius:18px;color:#eef6f8}
.hero-card .mini span{display:block;font-size:12px;opacity:.82;text-transform:uppercase;letter-spacing:.08em}
.hero-card .mini strong{display:block;font-size:20px;margin-top:4px}
.content{padding:32px 0 76px}
.panel{background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}
.panel+.panel{margin-top:20px}
.grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px}
.kicker{color:#8e5e3c;font-size:11px;letter-spacing:.18em}
h1,h2,h3{color:#102534}
h2{font-size:29px;margin:4px 0 12px}
h3{font-size:20px}
.small,.fine,.muted{color:var(--muted)}
.notice{border-radius:16px;padding:14px 16px;background:#f0f7f8;border:1px solid #d4e5e8;color:#234a56}
.notice.warn{background:#fff7eb;border-color:#efd9b1;color:#6d4620}
.notice.error{background:#fff0ee;border-color:#efc6c0;color:#963e35}
.statrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.stat{background:linear-gradient(180deg,#ffffff,#f6fafb);border:1px solid var(--line);border-radius:20px;padding:18px 18px 16px;box-shadow:var(--shadow-soft)}
.stat strong{font-size:32px;color:#0b2d3f}
.choicegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.choice,.method{
  border:1px solid #d7e3e7;background:#fff;border-radius:20px;padding:18px;
  box-shadow:0 8px 18px rgba(10,31,46,.04);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.choice:hover,.method:hover{transform:translateY(-1px);box-shadow:0 14px 24px rgba(10,31,46,.08)}
.choice{min-height:108px;background:linear-gradient(180deg,#fff 0%,#f9fbfc 100%)}
.choice span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#758793}
.choice strong{font-size:32px;color:#0b2737}
.choice.sel{border-color:#0f3e51;background:linear-gradient(180deg,#eef8fb 0%,#e9f7f1 100%);box-shadow:0 0 0 3px rgba(31,163,106,.08), 0 14px 24px rgba(10,31,46,.08)}
.qtybar{background:#f7fafb;border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin:18px 0 20px}
.square{background:#fff;border:1px solid #cfdae0;border-radius:14px;min-width:52px;min-height:52px;box-shadow:var(--shadow-soft)}
.money{background:linear-gradient(135deg,#0f2937,#174258);color:#fff;border-radius:22px;padding:18px 20px;box-shadow:0 18px 40px rgba(12,35,49,.16)}
.money span{color:#d1e2e8}
.money strong{font-size:34px}
.methods{gap:14px}
.method{min-height:98px;position:relative;padding-right:22px}
.method::after{content:'›';position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:28px;color:#7b919c}
.method strong{font-size:20px;color:#0d2430;margin-bottom:6px}
.method span{font-size:14px;color:#5f7380;max-width:88%;display:block}
.method.sel{border-color:#0f3e51;background:linear-gradient(180deg,#eff8fb 0%,#eefaf4 100%);box-shadow:0 0 0 3px rgba(31,163,106,.08), 0 14px 26px rgba(10,31,46,.08)}
.btn{border-radius:16px;padding:14px 18px;font-weight:800;min-height:52px;box-shadow:0 10px 20px rgba(17,52,69,.12)}
.btn:not(.secondary):not(.danger){background:linear-gradient(135deg,#17384a,#1b5c69)}
.btn:hover{filter:none;transform:translateY(-1px)}
.btn.secondary{background:#fff;color:#103242;border:1px solid #cfdae0;box-shadow:0 8px 16px rgba(10,31,46,.05)}
.btn.terra{background:linear-gradient(135deg,#a45340,#c06a51)}
.btn.danger{background:linear-gradient(135deg,#9f403a,#b9554d)}
.copy{border-radius:12px;background:#f6fafb;border:1px solid #d3dfe5;min-height:46px;padding:10px 14px}
.bankrow{padding:14px 0;border-bottom:1px solid #edf1f3}
.bankrow strong{font-size:16px;color:#0c2a38}
.form{gap:14px}
.field input,.field select,.field textarea{min-height:50px;border-radius:14px;border:1px solid #c8d6dc;background:#fbfcfd;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#1d6c84;background:#fff}
.table{min-width:720px}
.table th{font-size:11px;color:#71818b;letter-spacing:.08em}
.table td{padding:14px 8px}
.table tr:hover td{background:#fbfdfe}
.table td:first-child,.table th:first-child{padding-left:0}.table td:last-child,.table th:last-child{padding-right:0}
.table button{margin:0}
.qrsvg{max-width:250px;border-radius:20px;border:1px solid #e3ecef;padding:14px;box-shadow:var(--shadow-soft)}
.tag{border-radius:999px;padding:7px 12px;background:#12394a;color:#ecf5f7;font-size:12px;letter-spacing:.08em}
.footer{border-top:1px solid #dbe5e9;background:#f6f8fa}
.returnbox{background:linear-gradient(180deg,#fbfcfd,#f6f8fa);border:1px solid #d6e1e5;border-radius:18px;padding:18px}
.returnbox h3{font-size:18px}
#alertPending{border-left:4px solid #a76728}
.hero-premium-list{display:grid;gap:10px;margin-top:18px;color:#dce9ed}
.hero-premium-list li{list-style:none;position:relative;padding-left:24px}
.hero-premium-list li::before{content:'✓';position:absolute;left:0;top:0;color:#6fe0a9;font-weight:900}
.hero-surface{display:grid;grid-template-columns:1.15fr .95fr;gap:26px;align-items:center}
.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.panel-header.compact{margin-bottom:8px}
.inline-pill{display:inline-flex;align-items:center;gap:8px;background:#eff5f7;border:1px solid #dbe5e9;padding:8px 12px;border-radius:999px;font-size:13px;color:#38525d}
.cta-stack{display:grid;gap:10px}
.app-shell-card{background:linear-gradient(180deg,#fff,#fafcfd);border:1px solid #dce5ea;border-radius:22px;padding:18px;box-shadow:var(--shadow-soft)}
.driver-login{max-width:520px;margin:auto}
.dashboard-title{margin:0}
.dashboard-note{margin-top:10px}
.empty-state{padding:18px;border:1px dashed #cedae0;border-radius:18px;background:#f9fbfc;color:#637681}
.soft-divider{height:1px;border:0;background:#e8eef1;margin:24px 0}
@media (max-width:900px){
  .hero-surface,.hero .wrap{grid-template-columns:1fr}
  .hero-card{order:2}
}
@media (max-width:740px){
  .top{position:relative}
  .hero{padding:28px 0 24px}
  .panel{padding:20px;border-radius:22px}
  .statrow{grid-template-columns:1fr}
  .choicegrid{grid-template-columns:1fr 1fr}
  .money strong{font-size:30px}
  .method strong{font-size:18px}
  .hero h1{font-size:40px}
  .topnav{max-width:none}
}
@media (max-width:520px){
  .choicegrid{grid-template-columns:1fr}
  .method span{max-width:none}
  .hero p{font-size:16px}
  .panel-header{flex-direction:column}
  .btn{width:100%}
  .actions{display:grid;grid-template-columns:1fr;gap:10px}
  .actions .btn,.actions a.btn{width:100%}
  .topbar{padding:10px 0}
}

/* V3.5.1 — corrección responsive auditada (320–430px). Reglas finales
   para que no sean sobrescritas por los estilos de escritorio. */
html,body{width:100%;max-width:100%;overflow-x:clip}
.hero h1,.hero h2,.hero h3{color:#fff}
.grid,.hero-surface,.panel,.panel-header,.methods,.app-shell-card,.returnbox{min-width:0}
.grid>*,.hero-surface>*,.panel-header>*,.bankrow>*,.actions>*{min-width:0}
.bankrow strong,.table td,.rowtools,.panel-header h1,.panel-header h2,.panel-header h3{overflow-wrap:anywhere}
button,input,select,textarea{max-width:100%}
@media (max-width:900px){
  .grid,.hero .wrap,.hero-surface{grid-template-columns:minmax(0,1fr)}
  .grid>*,.hero-surface>*{width:100%;min-width:0}
  .panel-header{align-items:flex-start}
  .statrow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .topnav{justify-content:flex-end}
}
@media (max-width:740px){
  .hero{padding:24px 0 26px}
  .hero h1{font-size:clamp(27px,8vw,38px);line-height:1.12;letter-spacing:-.035em}
  .hero p{margin:10px 0;font-size:15px;line-height:1.45}
  .content{padding:16px 0 44px}
  .panel{padding:19px;border-radius:20px}
  .grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .grid > section{min-width:0}
  .grid > aside{min-width:0}
  .panel-header{display:block;margin-bottom:14px}
  .panel-header .inline-pill{margin-top:8px}
  .choicegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .choice{min-width:0;min-height:87px;padding:12px;border-radius:16px}
  .choice strong{font-size:clamp(22px,7.5vw,30px)}
  .choice span{font-size:11px;letter-spacing:.02em}
  .money{margin-bottom:20px;padding:15px 17px;border-radius:18px}
  .money strong{font-size:29px}
  .qtybar{gap:12px;padding:12px}
  .qtycontrols{gap:10px}
  .square{min-width:46px;min-height:46px}
  .method{padding:16px 44px 16px 16px;border-radius:17px;min-height:80px}
  .method strong{font-size:17px}
  .method span{font-size:14px;line-height:1.4}
  .method::after{right:16px;font-size:26px}
  .statrow{grid-template-columns:minmax(0,1fr);gap:10px}
  .stat{min-width:0;padding:15px}
  .stat strong{font-size:28px}
  .tablewrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
  .bankrow{align-items:flex-start}
  .rowtools{gap:8px;min-width:0}
  .app-shell-card{max-width:100%}
  .topbar{align-items:center;flex-wrap:wrap;gap:10px}
  .topnav{max-width:100%}
  .logo{min-width:0}
  .hero-card{padding:16px}
  .hero-card .mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hero-card .mini{min-width:0;padding:10px}
  .hero-card .mini strong{font-size:16px;overflow-wrap:anywhere}
  .hero-premium-list{gap:5px;padding-left:0;margin:12px 0}
  .actions{display:flex;flex-direction:column;align-items:stretch}
  .actions .btn{min-width:0;width:100%}
}
/* En el QR del pasajero el formulario debe estar visible antes que la
   explicación promocional. El hero es deliberadamente compacto. */
@media (max-width:740px){
  body.passenger .hero .hero-card,
  body.passenger .hero .hero-premium-list{display:none}
  body.passenger .hero{padding:20px 0 22px}
  body.passenger .hero h1{margin:7px 0 6px;font-size:clamp(25px,7.8vw,35px)}
  body.passenger .hero p{margin:0;font-size:14px}
  body.passenger .grid>aside{order:2}
  body.passenger .grid>section{order:1}
}
@media (max-width:430px){
  .wrap{padding-left:14px;padding-right:14px}
  .panel{padding:16px}
  .hero .wrap{gap:12px}
  h2{font-size:23px}
  h3{font-size:18px}
  .inline-pill{max-width:100%;font-size:12px}
  .topbar{min-height:64px}
  .topbar .logo{font-size:14px;letter-spacing:.02em}
  .logo small{font-size:9px}
  .topbar .logo b{font-size:20px;padding:7px 10px}
  .tag{font-size:10px;padding:6px 9px}
  .method{padding:15px 37px 15px 13px}
  .returnbox{padding:12px}
  .returnbox .btn{white-space:normal}
  .bankrow{flex-wrap:wrap;gap:9px}
  .bankrow strong{overflow-wrap:anywhere}
  .bankrow .copy{margin-left:auto}
  .form{grid-template-columns:minmax(0,1fr)}
  .field{min-width:0}
  #summary{display:grid;grid-template-columns:minmax(0,1fr)}
  .topnav a{font-size:12px}
}
@media(max-width:350px){
  .wrap{padding-left:12px;padding-right:12px}
  .panel{padding:14px}
  .choice{padding:10px}
  .choice strong{font-size:24px}
  .money strong{font-size:26px}
  .hero-card{display:none}
  .topnav{gap:8px}
  .topnav a{font-size:11px}
}
@media print{
  html,body{overflow:visible}
  .hero{display:none}
  .panel{box-shadow:none}
}