/* TWF rate calculator styles: hero card (.twfcalc--hero) and full module (.twfcalc--full).
   Site kit build of the two style blocks in design/pb/variant-calculator.html, unchanged, followed by the
   site-context block. Generated by design/site-kit/build-kit.mjs; do not edit by hand.
   2026-09-30: the rapid rule panel (.twfcalc-full-rule-*) and the holiday pills (.twfcalc-hero-pill,
   .twfcalc-full-pill--holiday) were added in this site copy; the prototype in design/pb is behind them.
   Uses the design tokens from /shared.css (--gold, --navy, --cream, --font-display and the rest). */

/* ---- hero card (prototype style block twfcalc-style-hero) ---- */
.twfcalc--hero{max-width:440px;width:100%;margin:0 0 0 auto;font-family:var(--font-body);color:var(--text-light);line-height:1.5}
.twfcalc--hero *,.twfcalc--hero *::before,.twfcalc--hero *::after{box-sizing:border-box}
.twfcalc--hero [hidden]{display:none !important}
.twfcalc-hero-card{background:rgba(12,18,32,.74);border:1px solid rgba(201,168,76,.55);border-radius:18px;padding:24px 24px 20px;box-shadow:0 30px 80px -28px rgba(201,168,76,.35)}
.twfcalc-hero-eyebrow{font-size:13px;font-weight:700;letter-spacing:2.6px;text-transform:uppercase;color:var(--gold);margin:0 0 6px}
.twfcalc-hero-title{font-family:var(--font-display);font-weight:500;font-size:24px;line-height:1.2;color:var(--white);margin:0 0 18px}
.twfcalc-hero-seg{border:0;padding:0;margin:0 0 16px;min-width:0}
.twfcalc-hero-legend{font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);padding:0;margin:0 0 8px}
.twfcalc-hero-segwrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:rgba(0,0,0,.35);border:1px solid rgba(201,168,76,.5);border-radius:11px}
.twfcalc-hero-segin{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.twfcalc-hero-nb{white-space:nowrap}
.twfcalc-hero-segl{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;font-size:14px;line-height:1.3;font-weight:600;color:var(--text-light);text-align:center;padding:6px 8px;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}
.twfcalc-hero-segl:hover{background:rgba(201,168,76,.14)}
.twfcalc-hero-segin:checked+.twfcalc-hero-segl{background:var(--gold);color:var(--navy)}
.twfcalc-hero-segin:focus-visible+.twfcalc-hero-segl{outline:2px solid var(--gold);outline-offset:3px}
.twfcalc-hero-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.twfcalc-hero-field label{display:block;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);margin-bottom:6px;white-space:nowrap}
.twfcalc-hero-field label small{font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-dim);font-size:13px}
.twfcalc-hero-field--wide{grid-column:1 / -1}
.twfcalc-hero-field input,.twfcalc-hero-field select{width:100%;min-width:0;min-height:46px;background:rgba(12,18,32,.9);border:1px solid rgba(255,255,255,.22);border-radius:9px;color:var(--white);font-size:16px;padding:0 12px;font-family:inherit;color-scheme:dark}
.twfcalc-hero-field input:focus-visible,.twfcalc-hero-field select:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-color:var(--gold)}
.twfcalc-hero-fig{margin:18px 0 0;padding:16px 0 0;border-top:1px solid rgba(201,168,76,.35)}
.twfcalc-hero-fig-l{display:block;font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-dim)}
.twfcalc-hero-pill{display:inline-block;margin:0 0 8px;padding:5px 10px;border-radius:999px;background:var(--gold);color:var(--navy);font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;line-height:1.2}
.twfcalc-hero-fig-n{display:block;font-family:var(--font-display);font-size:42px;line-height:1.05;color:var(--gold);margin-top:4px}
.twfcalc-hero-fig-s{display:block;font-size:14px;color:var(--text-dim);margin-top:6px}
.twfcalc-hero-status{font-size:14px;line-height:1.5;color:var(--text-light);margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--gold);background:rgba(201,168,76,.1);border-radius:6px}
.twfcalc-hero-status--rapid{border-left-color:var(--red-emergency);background:rgba(192,57,43,.16)}
.twfcalc-hero-btn{display:flex;align-items:center;justify-content:center;min-height:50px;margin-top:14px;background:var(--gold);color:var(--navy);font-weight:700;font-size:16px;border-radius:10px;text-decoration:none;transition:background .2s var(--ease)}
.twfcalc-hero-btn:hover{background:var(--gold-light)}
.twfcalc-hero-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.twfcalc-hero-note{font-size:13px;line-height:1.5;color:var(--text-dim);margin:12px 0 0}
@media(prefers-reduced-motion:reduce){.twfcalc--hero *{transition:none !important}}
@media(max-width:480px){.twfcalc-hero-card{padding:20px 18px 18px}.twfcalc-hero-fig-n{font-size:36px}}

/* ---- full module (prototype style block twfcalc-style-full) ---- */
.twfcalc-full-tiers[hidden]{display:none !important}
.twfcalc--full{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-light) 100%);padding:84px 24px 96px;color:var(--text-light);font-family:var(--font-body);line-height:1.5;position:relative}
.twfcalc--full *,.twfcalc--full *::before,.twfcalc--full *::after{box-sizing:border-box}
.twfcalc--full [hidden]{display:none !important}
.twfcalc--full :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.twfcalc-full-wrap{max-width:1120px;margin:0 auto}
.twfcalc-full-head{text-align:center;margin-bottom:26px}
.twfcalc-full-eyebrow{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.twfcalc-full-h2{font-family:var(--font-display);font-weight:500;font-size:clamp(30px,4vw,44px);line-height:1.12;color:var(--white);margin:0}
.twfcalc-full-sub{font-size:17px;line-height:1.55;color:var(--text-dim);margin:12px auto 0;max-width:640px}
.twfcalc-full-example{max-width:820px;margin:0 auto 32px;padding:12px 16px;border:1px dashed rgba(201,168,76,.6);border-radius:10px;background:rgba(201,168,76,.08);font-size:14px;line-height:1.55;color:var(--text-light);text-align:center}
.twfcalc-full-example strong{color:var(--gold)}
.twfcalc-full-grid{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:28px;align-items:start}
.twfcalc-full-in{background:rgba(255,255,255,.04);border:1px solid rgba(201,168,76,.45);border-radius:18px;padding:30px 30px 0;position:relative}
.twfcalc-full-in-pad{padding-bottom:30px}
.twfcalc-full-seg{border:0;padding:0;margin:0 0 26px;min-width:0}
.twfcalc-full-legend{font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);padding:0;margin:0 0 10px}
.twfcalc-full-segwrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:rgba(0,0,0,.35);border:1px solid rgba(201,168,76,.5);border-radius:12px}
.twfcalc-full-segin{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.twfcalc-full-segl{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;border-radius:9px;font-size:15px;font-weight:600;color:var(--text-light);text-align:center;padding:8px 10px;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}
.twfcalc-full-nb{white-space:nowrap}
.twfcalc-full-segl small{display:block;font-size:13px;font-weight:500;color:var(--text-dim);margin-top:2px}
.twfcalc-full-segl:hover{background:rgba(201,168,76,.14)}
.twfcalc-full-segin:checked+.twfcalc-full-segl{background:var(--gold);color:var(--navy)}
.twfcalc-full-segin:checked+.twfcalc-full-segl small{color:var(--navy)}
.twfcalc-full-segin:focus-visible+.twfcalc-full-segl{outline:2px solid var(--gold);outline-offset:3px}
.twfcalc-full-h3{font-family:var(--font-display);font-weight:500;font-size:22px;line-height:1.2;color:var(--white);margin:0 0 14px}
.twfcalc-full-h3 span{display:block;font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--text-dim);margin-top:4px}
.twfcalc-full-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.twfcalc-full-field--wide{grid-column:1 / -1}
.twfcalc-full-field label{display:block;font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.twfcalc-full-field input,.twfcalc-full-field select{width:100%;min-height:50px;background:rgba(12,18,32,.85);border:1px solid rgba(255,255,255,.22);border-radius:10px;color:var(--white);font-size:17px;padding:0 14px;font-family:inherit;color-scheme:dark}
.twfcalc-full-field input:focus-visible,.twfcalc-full-field select:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-color:var(--gold)}
.twfcalc-full-hint{font-size:13px;line-height:1.5;color:var(--text-dim);margin:6px 0 0}
.twfcalc-full-field--wide .twfcalc-full-hint{margin-top:8px}
.twfcalc-full-hint--warn{color:var(--gold-light);font-weight:600}
.twfcalc-full-leadbox{margin:20px 0 28px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(12,18,32,.5)}
.twfcalc-full-lead{font-size:15px;font-weight:600;color:var(--white);margin:0}
.twfcalc-full-lead--rapid{color:var(--gold-light)}
.twfcalc-full-tiercap{font-size:13px;line-height:1.5;color:var(--text-dim);margin:6px 0 12px}
.twfcalc-full-tiers{border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:4px 12px 12px;font-size:13px;line-height:1.45;color:var(--text-dim)}
.twfcalc-full-rule-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.twfcalc-full-rule-row span:first-child{flex:none;font-weight:600;color:var(--white)}
.twfcalc-full-rule-row span:last-child{text-align:right}
.twfcalc-full-rule-row--on span{color:var(--gold-light)}
.twfcalc-full-rule-row--on span:first-child{color:var(--gold)}
.twfcalc-full-rule-now{margin:10px 0 0;padding:10px 12px;border-radius:8px;border-left:3px solid var(--gold);background:rgba(201,168,76,.12);font-size:14px;line-height:1.5;color:var(--text-light)}
.twfcalc-full-rule-now strong{font-family:var(--font-display);font-weight:500;font-size:22px;line-height:1.1;color:var(--gold);margin-right:8px}
.twfcalc-full-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.twfcalc-full-role,.twfcalc-full-captain{background:rgba(12,18,32,.7);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:72px}
.twfcalc-full-captain{margin-top:12px;border-color:rgba(201,168,76,.5)}
.twfcalc-full-captain--off{border-color:rgba(255,255,255,.16);border-style:dashed}
.twfcalc-full-captain--off .twfcalc-full-capn{background:rgba(255,255,255,.08);color:var(--text-light)}
.twfcalc-full-role-txt{display:block;min-width:0}
.twfcalc-full-role-name{display:block;font-size:15px;font-weight:600;color:var(--white)}
.twfcalc-full-role-meta{display:block;font-size:13px;line-height:1.4;color:var(--text-dim);margin-top:2px}
.twfcalc-full-role-meta em{font-style:normal;font-size:13px;font-weight:600;color:var(--gold-light);letter-spacing:.3px}
.twfcalc-full-ctl{display:flex;align-items:center;gap:6px;flex:none}
.twfcalc-full-ctl button{width:44px;height:44px;border-radius:8px;border:1px solid rgba(201,168,76,.55);background:transparent;color:var(--gold);font-size:22px;font-weight:700;line-height:1;cursor:pointer;font-family:inherit;transition:background .2s var(--ease)}
.twfcalc-full-ctl button:hover{background:rgba(201,168,76,.15)}
.twfcalc-full-ctl output{min-width:30px;text-align:center;font-size:18px;font-weight:700;color:var(--white)}
.twfcalc-full-capn{flex:none;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(201,168,76,.14);color:var(--gold);font-size:18px;font-weight:700}
.twfcalc-full-note{margin:14px 0 0;padding:14px 16px;border-radius:10px;border-left:4px solid var(--gold);background:rgba(201,168,76,.12);font-size:14px;line-height:1.6;color:var(--text-light)}
.twfcalc-full-note strong{color:var(--white)}
.twfcalc-full-note--severe{border-left-color:var(--red-emergency);background:rgba(192,57,43,.16)}
.twfcalc-full-note-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.twfcalc-full-note-actions button{background:var(--gold);color:var(--navy);border:0;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:700;cursor:pointer;min-height:44px;font-family:inherit}
.twfcalc-full-note-actions span{font-size:13px;color:var(--text-dim)}
.twfcalc-full-ack{display:flex;gap:12px;align-items:flex-start;margin:12px 0 0;padding:14px 16px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(12,18,32,.6);font-size:14px;line-height:1.55;color:var(--text-light);cursor:pointer;min-height:44px}
.twfcalc-full-ack input{width:22px;height:22px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--gold)}
.twfcalc-full-stick{display:none}
.twfcalc-full-out{background:var(--cream);color:var(--navy);border-radius:18px;padding:26px 26px 28px;position:sticky;top:24px;box-shadow:0 30px 80px -30px rgba(201,168,76,.45)}
.twfcalc-full-out-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;margin-bottom:14px}
.twfcalc-full-out-eyebrow{font-size:13px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold-text);margin:0;white-space:nowrap}
.twfcalc-full-pill{font-size:13px;font-weight:700;padding:6px 10px;border-radius:999px;background:rgba(12,18,32,.08);color:var(--navy);white-space:nowrap}
.twfcalc-full-pill--rapid{background:var(--red-emergency);color:var(--white)}
.twfcalc-full-pill--gold{background:var(--gold);color:var(--navy)}
.twfcalc-full-pill--holiday{background:var(--navy);color:var(--gold-light)}
.twfcalc-full-big-l{display:block;font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-muted)}
.twfcalc-full-big-n{display:block;font-family:var(--font-display);font-weight:500;font-size:34px;line-height:1.1;color:var(--navy);margin-top:6px}
.twfcalc-full-big-s{display:block;font-size:14px;line-height:1.5;color:var(--text-muted);margin-top:6px}
.twfcalc-full-ratenote{display:block;font-size:13px;line-height:1.5;color:var(--text-muted);margin-top:8px}
.twfcalc-full-lines{list-style:none;padding:0;margin:16px 0 0;border-top:1px solid rgba(12,18,32,.14)}
.twfcalc-full-lines li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;line-height:1.4;color:var(--navy);border-bottom:1px solid rgba(12,18,32,.08)}
.twfcalc-full-lines li span:last-child{font-weight:600;white-space:nowrap}
.twfcalc-full-fees{margin:12px 0 0}
.twfcalc-full-fee{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;font-size:15px;line-height:1.4;color:var(--navy)}
.twfcalc-full-fee dt{margin:0}
.twfcalc-full-fee dt small{display:block;font-size:13px;color:var(--text-muted);font-weight:400;margin-top:2px}
.twfcalc-full-fee dd{margin:0;font-weight:700;white-space:nowrap;text-align:right}
.twfcalc-full-due{border-top:2px solid var(--gold);margin-top:6px;padding-top:14px;font-size:17px;font-weight:700;align-items:center}
.twfcalc-full-due dd{font-family:var(--font-display);font-weight:500;font-size:32px;line-height:1;color:var(--navy)}
.twfcalc-full-clock{font-size:14px;line-height:1.55;color:var(--navy);margin:14px 0 0;padding:12px 14px;background:rgba(201,168,76,.16);border-left:3px solid var(--gold);border-radius:6px}
.twfcalc-full-msg{margin:14px 0 0;padding:12px 14px;border-radius:6px;font-size:14px;line-height:1.55;color:var(--navy);background:rgba(12,18,32,.06);border-left:3px solid var(--navy)}
.twfcalc-full-msg--rapid{border-left-color:var(--red-emergency);background:rgba(192,57,43,.09)}
.twfcalc-full-msg a{color:var(--navy);font-weight:700}
.twfcalc-full-fine{font-size:13px;line-height:1.55;color:var(--text-muted);margin:12px 0 0}
.twfcalc-full-form{margin-top:20px;border-top:1px solid rgba(12,18,32,.14);padding-top:18px}
.twfcalc-full-form-h{font-family:var(--font-display);font-weight:500;font-size:22px;line-height:1.2;color:var(--navy);margin:0 0 4px}
.twfcalc-full-form-p{font-size:14px;line-height:1.5;color:var(--text-muted);margin:0 0 6px}
.twfcalc-full-ff{margin-top:12px}
.twfcalc-full-ff label{display:block;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-text);margin-bottom:6px}
.twfcalc-full-ff input{width:100%;min-height:48px;border:1px solid rgba(12,18,32,.25);border-radius:10px;background:var(--white);color:var(--navy);font-size:16px;padding:0 14px;font-family:inherit}
.twfcalc-full-ff input:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-color:var(--gold)}
/* On the cream card the ring is navy: gold on cream is 2.15:1, navy on cream is above 15:1. */
.twfcalc-full-out :focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.twfcalc-full-out .twfcalc-full-ff input:focus-visible{outline-color:var(--navy);border-color:var(--navy)}
.twfcalc-full-honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.twfcalc-full-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:16px;background:var(--navy);color:var(--white);border:0;border-radius:10px;font-size:16px;font-weight:700;letter-spacing:.3px;cursor:pointer;font-family:inherit;text-decoration:none;transition:background .2s var(--ease)}
.twfcalc-full-btn:hover{background:var(--navy-light)}
.twfcalc-full-btn--gold{background:var(--gold);color:var(--navy)}
.twfcalc-full-btn--gold:hover{background:var(--gold-light)}
.twfcalc-full-btn[disabled]{cursor:wait}
.twfcalc-full-btn--line{background:transparent;border:2px solid var(--gold);color:var(--navy);margin-top:10px;text-align:center;line-height:1.3;padding:10px 16px}
.twfcalc-full-btn--line:hover{background:rgba(201,168,76,.16)}
.twfcalc-full-err{margin:12px 0 0;padding:12px 14px;border-radius:6px;border-left:3px solid var(--red-emergency);background:rgba(192,57,43,.09);font-size:14px;line-height:1.55;color:var(--navy)}
.twfcalc-full-err a{color:var(--navy);font-weight:700}
.twfcalc-full-done{margin-top:20px;border-top:1px solid rgba(12,18,32,.14);padding-top:18px;text-align:center}
.twfcalc-full-done-h{font-family:var(--font-display);font-weight:500;font-size:26px;line-height:1.2;color:var(--navy);margin:0 0 10px}
.twfcalc-full-done-p{font-size:15px;line-height:1.55;color:var(--navy);margin:0}
.twfcalc-full-done-p strong{color:var(--red-emergency)}
.twfcalc-full-done-p a{color:var(--navy);font-weight:700}
@media(prefers-reduced-motion:reduce){.twfcalc--full *{transition:none !important}}
@media(max-width:900px){
  .twfcalc--full{padding:56px 16px 72px}
  .twfcalc-full-grid{grid-template-columns:1fr;gap:20px}
  .twfcalc-full-in{padding:22px 18px 0}
  .twfcalc-full-in-pad{padding-bottom:18px}
  .twfcalc-full-out{position:static;padding:22px 18px 24px}
  .twfcalc-full-stick{display:flex;position:sticky;bottom:0;z-index:5;align-items:center;justify-content:space-between;gap:12px;margin:0 -18px;padding:12px 18px;background:var(--navy);border-top:1px solid var(--gold);border-radius:0 0 18px 18px;box-shadow:0 -12px 30px -12px rgba(0,0,0,.6)}
  .twfcalc-full-stick-txt{display:flex;flex-direction:column;flex:1;min-width:0}
  .twfcalc-full-stick-l{font-size:13px;line-height:1.3;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim)}
  .twfcalc-full-stick-n{font-family:var(--font-display);font-weight:500;font-size:24px;line-height:1.1;color:var(--gold)}
  .twfcalc-full-stick-btn{flex:none;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;background:var(--gold);color:var(--navy);font-size:14px;font-weight:700;border-radius:8px;text-decoration:none}
}
@media(max-width:560px){
  .twfcalc-full-fields{grid-template-columns:1fr}
  .twfcalc-full-rule-row{flex-direction:column;align-items:flex-start;gap:2px}
  .twfcalc-full-rule-row span:last-child{text-align:left}
  .twfcalc-full-rule-now strong{font-size:20px}
  .twfcalc-full-roles{grid-template-columns:1fr}
  .twfcalc-full-big-n{font-size:30px}
  .twfcalc-full-due dd{font-size:28px}
  .twfcalc-full-out-head{align-items:flex-start;flex-direction:column;gap:8px}
}

/* ---- site context ----
   The live pages load /shared.css (a reset: margin and padding 0 on every element, links without underline, tel
   links as 10px padded blocks) and /premium.css (text fields squared to a 2px radius and ringed gold on focus).
   These rules put back what the prototype shows where that CSS reaches into the modules. They use the section ids,
   so they win in any stylesheet order. Measured with test/style-diff.mjs (prototype against kit under site CSS).
   The site's two-tone focus ring on links and buttons (premium.css, !important) is kept: it is the site's policy. */

/* In-text links keep the underline that marks them inside a sentence, and a 44px tap height that does not move
   the line (the agreement builder's own pattern). */
#twfcalc-full .twfcalc-full-msg a,#twfcalc-full .twfcalc-full-err a,#twfcalc-full .twfcalc-full-done-p a{text-decoration:underline;display:inline-block;padding:12px 0;margin:-12px 0}

/* Text fields keep their rounded corners on focus. */
#twfcalc-hero .twfcalc-hero-field input:focus-visible,#twfcalc-hero .twfcalc-hero-field select:focus-visible{border-radius:9px}
#twfcalc-full .twfcalc-full-field input:focus-visible,#twfcalc-full .twfcalc-full-field select:focus-visible,#twfcalc-full .twfcalc-full-ff input:focus-visible{border-radius:10px}

/* On the cream card the text-field ring stays navy: gold on cream is 2.15:1, navy on cream is above 15:1. */
#twfcalc-full .twfcalc-full-out .twfcalc-full-ff input:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-color:var(--navy)}