:root{
    --ink:#10233d; --navy:#0b2a4a; --navy2:#123a6d; --accent:#0e7c4a; --accent-dark:#0a5c37;
    --paper:#ffffff; --mist:#f2f5f9; --line:#d8e0ea; --warn:#8a5a00; --warn-bg:#fff6e0;
    --radius:14px; --brand:#0e7c4a;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
  a{color:var(--navy2)}
  .wrap{max-width:1060px;margin:0 auto;padding:0 18px}
  header.site{background:var(--navy);color:#fff}
  header.site .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
  .brand{font-weight:800;font-size:1.25rem;letter-spacing:.2px;color:#fff;text-decoration:none}
  .brand span{color:#7fd6a8}
  nav.main a{color:#dbe6f3;text-decoration:none;margin-left:18px;font-size:.95rem}
  nav.main a:hover{color:#fff}
  .crumbs{font-size:.85rem;color:#5a6b82;padding:12px 0 0}
  h1{font-size:2rem;line-height:1.2;margin:10px 0 8px;color:var(--navy)}
  .lede{font-size:1.06rem;color:#33465f;max-width:46rem;margin:0 0 14px}
  .fresh{display:flex;flex-wrap:wrap;gap:8px 18px;background:var(--mist);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:.9rem;margin-bottom:20px}
  .fresh b{color:var(--accent-dark)}
  /* Calculator */
  .calc-shell{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;margin-bottom:8px}
  @media (max-width:840px){.calc-shell{grid-template-columns:1fr}}
  .card{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#fff}
  .card h2{margin:0 0 14px;font-size:1.15rem;color:var(--navy)}
  .field{margin-bottom:14px}
  .field label{display:block;font-weight:600;font-size:.92rem;margin-bottom:5px}
  .field .hint{font-weight:400;color:#5a6b82;font-size:.82rem}
  input[type=number],input[type=text],select{width:100%;padding:11px 12px;border:1px solid #b9c6d6;border-radius:9px;font-size:1rem;background:#fff;color:var(--ink)}
  input:focus,select:focus{outline:2px solid var(--navy2);outline-offset:1px;border-color:var(--navy2)}
  .money{position:relative}
  .money::before{content:"$";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#5a6b82}
  .money input{padding-left:26px}
  .seg{display:flex;border:1px solid #b9c6d6;border-radius:9px;overflow:hidden}
  .seg button{flex:1;padding:10px 6px;background:#fff;border:0;font-size:.95rem;cursor:pointer;color:var(--ink)}
  .seg button.on{background:var(--navy2);color:#fff;font-weight:700}
  .seg button + button{border-left:1px solid #b9c6d6}
  details.adv{border-top:1px dashed var(--line);padding-top:10px;margin-top:4px}
  details.adv summary{cursor:pointer;font-weight:600;color:var(--navy2);font-size:.95rem;margin-bottom:10px}
  .hidden{display:none !important}
  /* Results */
  .results{background:var(--navy);color:#eaf1f8;border-radius:var(--radius);padding:20px;position:sticky;top:14px}
  .results h2{color:#fff;margin:0 0 6px;font-size:1.15rem}
  .results .empty{color:#b9c9dd;font-size:.95rem}
  table.lines{width:100%;border-collapse:collapse;font-size:.95rem}
  table.lines td{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.14);vertical-align:top}
  table.lines td.amt{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:12px}
  table.lines tr.sub td{border-bottom:none;color:#a9c2de;font-size:.85rem;padding-top:0}
  tr.total td{font-weight:800;color:#fff;border-top:2px solid rgba(255,255,255,.35);border-bottom:none;padding-top:10px}
  tr.otd td{font-weight:800;color:#fff;background:var(--accent);border:none;padding:12px 10px;font-size:1.06rem}
  tr.otd td:first-child{border-radius:9px 0 0 9px} tr.otd td:last-child{border-radius:0 9px 9px 0}
  .note{background:var(--warn-bg);color:var(--warn);border-radius:9px;padding:10px 12px;font-size:.87rem;margin-top:12px}
  .results .fineprint{font-size:.8rem;color:#a9c2de;margin-top:12px}
  .actions{display:flex;gap:10px;margin-top:14px}
  .actions button{flex:1;padding:10px;border-radius:9px;border:1px solid #7fd6a8;background:transparent;color:#7fd6a8;font-weight:700;cursor:pointer}
  .actions button:hover{background:rgba(127,214,168,.12)}
  /* Content */
  section.content{padding:26px 0 6px}
  section.content h2{color:var(--navy);font-size:1.45rem;margin:0 0 10px}
  section.content h3{color:var(--navy);margin:20px 0 6px;font-size:1.08rem}
  section.content p, section.content li{color:#2c3e55}
  table.data{border-collapse:collapse;width:100%;margin:10px 0;font-size:.95rem}
  table.data th,table.data td{border:1px solid var(--line);padding:8px 10px;text-align:left}
  table.data th{background:var(--mist);color:var(--navy)}
  table.data td.amt{text-align:right;font-variant-numeric:tabular-nums}
  .example{background:var(--mist);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:12px 0}
  .example b{color:var(--navy)}
  details.faq{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:10px;background:#fff}
  details.faq summary{cursor:pointer;font-weight:600;color:var(--navy)}
  details.faq p{margin:8px 0 2px}
  .magnet{background:var(--navy);color:#eaf1f8;border-radius:var(--radius);padding:24px;margin:28px 0}
  .magnet h2{color:#fff;margin:0 0 6px}
  .magnet form{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
  .magnet input{flex:1;min-width:230px}
  .magnet button{background:var(--accent);color:#fff;border:0;border-radius:9px;padding:11px 20px;font-weight:700;cursor:pointer}
  .magnet button:hover{background:var(--accent-dark)}
  .states{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
  .states span{border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:.9rem;color:#5a6b82;background:var(--mist)}
  .states span.live{border-color:var(--accent);color:var(--accent-dark);background:#e8f5ee;font-weight:700}
  footer.site{border-top:1px solid var(--line);margin-top:34px;padding:22px 0 30px;color:#5a6b82;font-size:.88rem}
  footer.site a{color:#5a6b82}
  @media print{header.site,.magnet,.actions,nav.main{display:none}}

/* homepage */
.hero{padding:34px 0 6px}
.hero h1{font-size:2.3rem;max-width:22ch}
.hero .lede{max-width:66ch}
.quick{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:10px;padding:20px;margin:14px 0 8px;box-shadow:0 2px 10px rgba(11,42,74,.06)}
.quick h2{margin:0 0 4px;font-size:1.15rem}
.quick form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:end;margin-top:10px}
.quick .field{margin:0}
.quick button{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:11px 20px;font-weight:700;cursor:pointer;font-size:1rem}
.quick button:hover{background:#0a5c36}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:16px 0}
.scard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;text-decoration:none;color:var(--ink);display:block}
.scard:hover{border-color:var(--brand)}
.scard b{font-size:1.08rem;color:var(--navy);display:block;margin-bottom:4px}
.scard span{font-size:.9rem;color:#44536a}
.scard .go{color:var(--brand);font-weight:700;font-size:.9rem;display:block;margin-top:8px}
@media (max-width:760px){.quick form{grid-template-columns:1fr}}

/* results rows used by FL/OK/CA engines (mirror the Texas .lines table) */
.rline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:.95rem}
.rline span:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:12px}
.rline.total{font-weight:800;color:#fff;border-top:2px solid rgba(255,255,255,.35);border-bottom:none;padding-top:10px}
.rline.grand{background:var(--accent);color:#fff;font-weight:800;font-size:1.06rem;padding:12px 10px;border-radius:9px;border-bottom:none;margin-top:6px}
.scard .go{white-space:nowrap}
.quick button{display:inline-block;visibility:visible;min-height:46px}
@media print{.rline{border-color:#ccc}.rline.grand{background:#fff;color:#000}}

/* branded print sheet — screen-hidden, print-only */
#printSheet{display:none}
@media print{
  body>*{display:none!important}
  body>#printSheet{display:block!important;color:#10233d;font-size:12pt;padding:4px 2px}
  #printSheet .ps-head{background:#0b2a4a;color:#fff;border-radius:10px;padding:14px 18px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #printSheet .ps-brand{font-size:20pt;font-weight:800;letter-spacing:.2px}
  #printSheet .ps-brand span{color:#7fd6a8}
  #printSheet .ps-tag{font-size:9.5pt;color:#c9d8ec;margin-top:2px}
  #printSheet .ps-title{font-size:15pt;margin:16px 0 2px;color:#0b2a4a}
  #printSheet .ps-meta{font-size:9.5pt;color:#5a6b82;margin:0 0 6px}
  #printSheet .ps-h{font-size:11pt;margin:14px 0 6px;color:#0b2a4a;border-bottom:2px solid #0e7c4a;padding-bottom:3px}
  #printSheet .ps-row{display:flex;justify-content:space-between;gap:14px;padding:4px 0;border-bottom:1px solid #d8e0ea}
  #printSheet .ps-row span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
  #printSheet .ps-row.recap{border-bottom:1px dotted #d8e0ea;color:#33465e}
  #printSheet .ps-row.total{font-weight:800;border-top:2px solid #0b2a4a;border-bottom:none}
  #printSheet .ps-row.grand{background:#0e7c4a;color:#fff;font-weight:800;font-size:13pt;padding:9px 10px;border-radius:8px;border-bottom:none;margin-top:6px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #printSheet .ps-fine{font-size:9pt;color:#5a6b82;margin-top:12px}
  #printSheet .ps-foot{font-size:9pt;color:#5a6b82;border-top:1px solid #d8e0ea;padding-top:8px;margin-top:8px}
}