/* BoundaryCheck store — shared design (Kevin 2026-08-05)
   Navy #17285A · Gold #F4C430 · Signal red #C1272D. Built to feel expensive:
   serif display type, deep navy gradients, gold hairlines, soft depth, air. */
:root{
  --navy:#17285A; --navy2:#0e1b40; --gold:#F4C430; --gold-d:#c99b13;
  --red:#C1272D; --green:#2E7D5B; --ink:#182028; --mut:#5c6b71;
  --paper:#f4f6f9; --card:#ffffff; --line:#e3e9ef;
  --shadow:0 10px 30px rgba(14,27,64,.10), 0 2px 6px rgba(14,27,64,.08);
}
*{box-sizing:border-box;-webkit-text-size-adjust:100%}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.serif{font-family:Georgia,"Times New Roman",serif;letter-spacing:.2px}

/* ── top bar ── */
.topbar{position:sticky;top:0;z-index:50;background:rgba(23,40,90,.97);
  backdrop-filter:blur(8px);color:#fff;box-shadow:0 1px 0 rgba(244,196,48,.35)}
.topbar .in{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:12px 18px}
.brand{display:flex;align-items:baseline;gap:9px;text-decoration:none;color:#fff;white-space:nowrap}
.brand b{font-family:Georgia,serif;font-size:19px;letter-spacing:.4px}
.brand span{color:var(--gold);font-size:11.5px;font-weight:700;letter-spacing:1.6px}
.nav{margin-left:auto;display:flex;gap:4px;align-items:center}
.nav a{color:#dfe6f4;text-decoration:none;font-size:14px;font-weight:600;
  padding:8px 12px;border-radius:8px}
.nav a:hover{background:rgba(255,255,255,.09);color:#fff}
.nav a.cta{background:var(--gold);color:var(--navy2);font-weight:800}
.nav a.cta:hover{background:#ffd84e}
@media(max-width:720px){.nav a.hidesm{display:none}}

/* ── hero ── */
.hero{position:relative;background:
  radial-gradient(1200px 500px at 70% -10%, #2b4180 0%, transparent 60%),
  linear-gradient(165deg, var(--navy) 0%, var(--navy2) 90%);color:#fff;overflow:hidden}
.hero .in{max-width:1080px;margin:0 auto;padding:64px 18px 30px;position:relative;z-index:2}
.hero h1{font-family:Georgia,serif;font-size:clamp(30px,5vw,48px);line-height:1.12;margin:0 0 14px;max-width:760px}
.hero h1 em{color:var(--gold);font-style:normal}
.hero p.lede{font-size:clamp(15px,2.2vw,18px);color:#c9d4ec;max-width:620px;margin:0 0 26px}
.kicker{display:inline-block;border:1px solid rgba(244,196,48,.55);color:var(--gold);
  border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700;letter-spacing:1.4px;margin-bottom:18px}
.skyline{display:block;width:100%;height:auto;margin-top:-8px;position:relative;z-index:1}

/* ── search bar ── */
.searchwrap{max-width:640px;margin:0 0 8px}
.searchbar{display:flex;background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 14px 40px rgba(0,0,0,.35)}
.searchbar input{flex:1;border:none;padding:17px 18px;font-size:16px;outline:none;color:var(--ink);min-width:0}
.searchbar button{border:none;background:var(--gold);color:var(--navy2);font-weight:800;
  font-size:15px;padding:0 26px;cursor:pointer;white-space:nowrap}
.searchbar button:hover{background:#ffd84e}
.searchhint{font-size:12.5px;color:#9fb0d4;margin-top:9px}

/* ── layout ── */
.wrap{max-width:1080px;margin:0 auto;padding:26px 18px 10px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:860px){.grid3,.grid2{grid-template-columns:1fr}}
.card{background:var(--card);border-radius:16px;padding:22px;box-shadow:var(--shadow);
  border:1px solid var(--line)}
.card h3{font-family:Georgia,serif;font-size:20px;margin:0 0 8px;color:var(--navy)}
.card p{color:var(--mut);font-size:14.3px;margin:0 0 14px}
.ribbon{height:4px;border-radius:4px 4px 0 0;margin:-22px -22px 18px;
  background:linear-gradient(90deg,var(--gold),var(--gold-d))}
.ribbon.red{background:linear-gradient(90deg,var(--red),#8f1b20)}
.ribbon.green{background:linear-gradient(90deg,var(--green),#1c5e42)}
.pricechip{display:inline-block;background:#f4ecd4;color:#7a5c05;font-weight:800;
  font-size:12.5px;padding:5px 12px;border-radius:20px;margin-bottom:10px}

/* ── buttons ── */
.btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;text-align:center;
  font-weight:800;font-size:15px;padding:13px 22px;border-radius:12px;border:none;cursor:pointer;
  transition:transform .08s ease}
.btn:hover{transform:translateY(-1px)}
.btn.gold{background:var(--gold);color:var(--navy2)}
.btn.red{background:var(--red)}
.btn.ghost{background:transparent;border:2px solid var(--navy);color:var(--navy)}
.btn.wide{display:block;width:100%}
.btn[disabled]{opacity:.55;cursor:default;transform:none}

/* ── section headers ── */
.sechead{display:flex;align-items:baseline;gap:14px;margin:34px 0 16px}
.sechead h2{font-family:Georgia,serif;font-size:26px;color:var(--navy);margin:0}
.sechead .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}

/* ── list browser table ── */
.tblwrap{background:#fff;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--line);
  overflow:auto;max-height:72vh}
table.list{border-collapse:separate;border-spacing:0;width:100%;font-size:13.2px;min-width:720px}
table.list thead th{position:sticky;top:0;background:var(--navy);color:#fff;text-align:left;
  padding:10px 12px;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;z-index:3}
table.list th.stick,table.list td.stick{position:sticky;left:0;z-index:1;background:#fff}
table.list th.addrh,table.list td.addr{left:36px;box-shadow:2px 0 0 #eef1f5}
table.list thead th.stick{z-index:4;background:var(--navy)}
table.list thead th.addrh{box-shadow:2px 0 0 rgba(255,255,255,.12)}
table.list tbody tr:hover td.stick{background:#f6f8fc}
tr.samplerow td.stick{background:#fdf8e7}
tr.sel td.stick{background:#eef3ff}
table.list td{padding:9px 12px;border-bottom:1px solid #eef1f5;white-space:nowrap;max-width:260px;
  overflow:hidden;text-overflow:ellipsis}
table.list tbody tr{cursor:pointer}
table.list tbody tr:hover td{background:#f6f8fc}
tr.samplerow td{background:#fdf8e7}
tr.samplerow:hover td{background:#faf0cd}
.tag-sample{background:var(--gold);color:var(--navy2);font-size:10px;font-weight:800;
  border-radius:10px;padding:2px 7px;margin-left:6px;vertical-align:1px}
.tag-unv{background:#eee;color:#777;font-size:10px;font-weight:700;border-radius:10px;padding:2px 7px}
td.locked{cursor:pointer;background:#f3f4f7}
.blurred{filter:blur(7px);user-select:none;pointer-events:none;color:#334;letter-spacing:1px;font-weight:800}
.unlock-hint{display:block;font-size:10px;font-weight:800;color:#8a6d00;margin-top:2px}
.rowlinks a{font-size:11px;font-weight:800;margin-right:7px;color:var(--navy);text-decoration:none}
.rowlinks a:hover{text-decoration:underline}
.comparebar{position:sticky;bottom:0;z-index:40;background:var(--navy);color:#fff;padding:12px 16px;
  display:none;align-items:center;gap:12px;flex-wrap:wrap;box-shadow:0 -8px 24px rgba(14,27,64,.25)}
.comparebar.on{display:flex}
.comparebar b{color:var(--gold)}
.buydraw{position:fixed;inset:0;background:rgba(14,27,64,.45);z-index:80;display:none;align-items:flex-end;justify-content:center}
.buydraw.on{display:flex}
.buydraw .box{background:#fff;border-radius:18px 18px 0 0;padding:22px 20px 28px;width:min(560px,100%);
  box-shadow:0 -12px 40px rgba(0,0,0,.25)}
.buydraw .best{border:2px solid var(--gold);background:#fff8e0;border-radius:14px;padding:14px;margin:10px 0}
.cmpgrid{display:grid;gap:12px;overflow:auto}
.cmpgrid .rcard{min-width:260px}
.lookupbox{background:#fff;border-radius:14px;padding:14px 16px;margin:0 0 14px;border:1px solid var(--line);box-shadow:var(--shadow)}
.lookupbox h3{margin:0 0 8px;font-size:16px}
table.list th.lockh{background:#2a3d7a}
table.list td.pick{width:36px;text-align:center}
table.list tbody tr.sel td{background:#eef3ff}

/* column chooser */
.colbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.colbar .chip{background:#fff;border:1.5px solid var(--line);border-radius:20px;font-size:12.3px;
  font-weight:700;color:var(--navy);padding:6px 12px;cursor:pointer;user-select:none}
.colbar .chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.colbar .chip .mv{opacity:.55;margin-left:6px;font-weight:900}
.note-ro{font-size:12px;color:var(--mut)}

/* ── report page (phone style) ── */
.report{max-width:760px;margin:0 auto;padding:16px}
.rcard{background:#fff;border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:var(--shadow);border:1px solid var(--line)}
.rcard h3{font-family:Georgia,serif;color:var(--navy);margin:0 0 10px;font-size:18px}
.kv{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #eef1f5;font-size:13.8px}
.kv:last-child{border-bottom:none}
.kv .k{color:var(--mut);flex:0 0 44%}
.kv .v{font-weight:650;text-align:right;word-break:break-word}
.kv.hi .v{color:var(--red);font-size:16px}
.bigrow{display:flex;gap:10px;margin:12px 0}
.big{flex:1;background:#f4f7fb;border-radius:12px;padding:12px}
.big .bl{display:block;font-size:10.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}
.big .bv{display:block;font-size:21px;font-weight:800;color:var(--navy);margin-top:3px}
.equity{background:#eaf5ee;border-left:4px solid var(--green);padding:10px 12px;border-radius:8px;
  font-size:14px;font-weight:700;color:#1c5e42}
.equity.neg{background:#fdecea;border-left-color:var(--red);color:#98211f}
.verdict{margin-top:11px;padding:11px 12px;border-radius:8px;font-weight:800;font-size:14.5px}
.verdict.clean{background:#e6f4ea;color:#1c5e42}
.verdict.review{background:#fdf1dc;color:#8A5A00}
.lien{border-radius:10px;padding:11px 12px;margin-bottom:9px;font-size:13px;background:#f7f8fa}
.lien .ln{font-weight:700}
.survives-hd,.wiped-hd{font-weight:800;font-size:12px;letter-spacing:.5px;padding:8px 11px;border-radius:7px;margin:14px 0 9px}
.survives-hd{background:#fdecea;color:#a02418}
.wiped-hd{background:#e6f4ea;color:#1c5e42}
.locked-block{background:linear-gradient(135deg,#3a3f4b,#23283a);color:#fff;border-radius:12px;
  padding:18px;text-align:center;margin-bottom:14px}
.locked-block b{color:var(--gold)}
.locked-block .btn{margin-top:12px}

/* ── forms ── */
label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin:13px 0 5px}
label .opt{font-weight:500;color:#8a969b}
input.f,textarea.f{width:100%;padding:14px;border:1.5px solid #cdd6de;border-radius:11px;
  font-size:16px;font-family:inherit;background:#fff;color:var(--ink)}
textarea.f{min-height:110px;resize:vertical}
input.f:focus,textarea.f:focus{outline:none;border-color:var(--navy)}
.formmsg{border-radius:10px;padding:11px 13px;font-size:13.5px;font-weight:600;margin-top:12px;display:none}
.formmsg.err{display:block;background:#fdecea;color:#98211f}
.formmsg.ok{display:block;background:#e6f4ea;color:#1c5e42}

/* ── misc ── */
.pillrow{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}
.pill{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 13px;font-size:12.6px;font-weight:700;color:var(--navy)}
.trustline{display:flex;gap:22px;flex-wrap:wrap;align-items:center;color:#9fb0d4;font-size:12.6px;padding:10px 0 34px}
footer.site{background:var(--navy2);color:#9fb0d4;text-align:center;font-size:12.5px;
  padding:26px 18px 40px;line-height:1.8;margin-top:44px}
footer.site a{color:var(--gold);text-decoration:none}
.gold-hair{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border:none;margin:0}
.progress{height:9px;background:#e8ecf2;border-radius:6px;overflow:hidden}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--navy),#3a5bb0);border-radius:6px;transition:width .6s ease}
.spin{display:inline-block;width:14px;height:14px;border:2.5px solid #c9d4ec;border-top-color:var(--navy);
  border-radius:50%;animation:sp 1s linear infinite;vertical-align:-2px}
@keyframes sp{to{transform:rotate(360deg)}}
