/* ============================================================
   archive.lexsure.com
   The design system for the site.  Loaded after bootstrap, which is kept
   only for the grid / form / table scaffolding the inner pages still use;
   everything visual is owned here.  custom1.css is no longer loaded.
   ============================================================ */

/* ============================================================
   TOKENS
   ============================================================ */
:root{
  --ink:#10192B;
  --ink-2:#1B2740;
  --ink-3:#2C3A54;
  --paper:#E6E7E3;
  --card:#F4F4F1;
  --rule:#C8CAC4;
  --rule-soft:#D8D9D4;
  --verdigris:#1E6A5B;
  --verdigris-lo:#E1EAE6;
  --verdigris-hi:#3E9683;
  --amber:#9E6A16;
  --amber-lo:#F0E7D6;
  --muted:#666C74;
  --muted-2:#8A9099;

  --display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --body:"Source Serif 4",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --gut:24px;
  --max:1180px;
  --r:3px;
}

@media(max-width:700px){
  :root{--gut:18px}
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--body);
  font-size:17px;
  line-height:1.6;
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%}
a{color:inherit}

.visually-hidden{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* ---------- type roles ---------- */
.d{font-family:var(--display);font-stretch:112%;font-weight:600;line-height:1.05;letter-spacing:-.012em}
.m{font-family:var(--mono);font-weight:400;font-variant-numeric:tabular-nums}

h1,h2,h3,h4{margin:0}
h1{font-size:clamp(2rem,1.15rem + 3.6vw,3.65rem)}
h2{font-size:clamp(1.5rem,1.05rem + 1.9vw,2.35rem)}
h3{font-size:1.0625rem;font-family:var(--display);font-stretch:108%;font-weight:600;line-height:1.25;letter-spacing:-.005em}
h4{font-family:var(--display);font-stretch:108%;font-weight:600;font-size:1.0625rem}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}

.eyebrow{
  font-family:var(--mono);font-size:.6875rem;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:var(--verdigris);
  margin:0 0 18px;
}
.eyebrow--pale{color:var(--verdigris-hi)}
.lede{font-size:1.0625rem;color:var(--muted);max-width:60ch}
.note{font-size:.8125rem;color:var(--muted-2);line-height:1.55}

/* ---------- layout ---------- */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.sec{padding:76px 0;border-top:1px solid var(--rule)}
.sec--flush{border-top:0}
.sec--dark{background:var(--ink);color:#EDEEF0;border-top:0}
.sec--dark .lede{color:#A7B0BE}
.sec--dark .note{color:#7B8798}
@media(max-width:700px){
  .sec{padding:52px 0}
  .hero{padding-top:44px}
  .rail{margin-top:40px;padding-bottom:44px}
}
.sec-head{max-width:66ch;margin-bottom:40px}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.55em;
  font-family:var(--display);font-stretch:104%;font-weight:600;font-size:.875rem;
  letter-spacing:.02em;text-transform:uppercase;
  padding:14px 22px;border:1px solid var(--ink);border-radius:var(--r);
  background:var(--ink);color:#F4F4F1;text-decoration:none;cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.btn:hover,.btn:focus{background:var(--verdigris);border-color:var(--verdigris);color:#F4F4F1;text-decoration:none}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--ghost:hover,.btn--ghost:focus{background:var(--ink);color:#F4F4F1;border-color:var(--ink)}
.btn--onDark{background:#F4F4F1;color:var(--ink);border-color:#F4F4F1}
.btn--onDark:hover,.btn--onDark:focus{background:var(--verdigris-hi);border-color:var(--verdigris-hi);color:var(--ink)}
.btn--block{width:100%;justify-content:center}
.btn[disabled]{opacity:.34;cursor:not-allowed;background:transparent;color:var(--ink);border-color:var(--rule)}
.btn[disabled]:hover{background:transparent;color:var(--ink);border-color:var(--rule)}

.tlink{
  display:inline-flex;align-items:center;gap:.5em;
  font-family:var(--display);font-stretch:104%;font-weight:600;font-size:.8125rem;
  letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
  color:var(--verdigris);border-bottom:1px solid var(--rule);padding-bottom:4px;
  transition:border-color .18s ease,gap .18s ease;
}
.tlink:hover{border-color:var(--verdigris);gap:.9em;text-decoration:none;color:var(--verdigris)}
.sec--dark .tlink{color:var(--verdigris-hi);border-color:#33405A}
.sec--dark .tlink:hover{border-color:var(--verdigris-hi);color:var(--verdigris-hi)}

:where(a,button,input,select,summary):focus-visible{
  outline:2px solid var(--verdigris);outline-offset:3px;border-radius:2px;
}
.sec--dark :where(a,button):focus-visible{outline-color:var(--verdigris-hi)}

/* ============================================================
   MASTHEAD
   ============================================================ */
.mast{background:var(--ink);color:#EDEEF0;position:sticky;top:0;z-index:40}
.mast-in{display:flex;align-items:center;gap:20px;min-height:64px}
.brand{display:flex;align-items:baseline;gap:9px;text-decoration:none;margin-right:auto}
.brand:hover{text-decoration:none}
.brand-a{font-family:var(--display);font-stretch:118%;font-weight:700;font-size:1rem;letter-spacing:.11em}
.brand-b{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;color:var(--verdigris-hi)}
.mast-nav{display:flex;align-items:center;gap:24px}
.mast-link{
  font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;color:#A7B0BE;transition:color .18s ease;
}
.mast-link:hover{color:#fff;text-decoration:none}
.mast-link.is-on{color:var(--verdigris-hi)}
.mast-tel{color:#EDEEF0}
.mast .btn{padding:10px 16px;font-size:.75rem}

@media(max-width:820px){
  .mast-nav{gap:14px}
  .mast-nav .mast-link--optional{display:none}
  .mast .btn{padding:9px 12px;font-size:.6875rem}
}
@media(max-width:420px){
  .mast-tel{display:none}
}

/* ============================================================
   HERO
   ============================================================ */
.hero{padding:64px 0 0;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr;gap:48px}
@media(min-width:960px){
  .hero-grid{grid-template-columns:minmax(0,1fr) 430px;gap:64px;align-items:start}
}
.hero h1{margin:0 0 22px;max-width:19ch}
.hero h1 em{font-style:normal;color:var(--verdigris)}
.hero-lede{font-size:1.125rem;color:var(--ink-3);max-width:46ch;line-height:1.55}

.hero-why{
  margin-top:34px;padding-top:22px;border-top:1px solid var(--rule);
  display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;
}
.hero-why span{font-family:var(--mono);font-size:.6875rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2)}

/* ---------- request slip (signature) ---------- */
.slip{
  background:var(--card);
  border:1px solid var(--ink);
  border-radius:var(--r);
  box-shadow:10px 10px 0 rgba(16,25,43,.07);
  position:relative;
}
.slip-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 18px;background:var(--ink);color:#EDEEF0;
}
.slip-top b{font-family:var(--display);font-stretch:112%;font-weight:600;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase}
.slip-top span{font-family:var(--mono);font-size:.6875rem;letter-spacing:.1em;color:var(--verdigris-hi)}
.slip-body{padding:24px 22px 26px}

.fset{border:0;margin:0 0 22px;padding:0}
.fset:last-of-type{margin-bottom:24px}
.flabel{
  display:flex;align-items:baseline;gap:9px;width:auto;
  font-family:var(--display);font-stretch:106%;font-weight:600;font-size:.9375rem;
  margin-bottom:9px;padding:0;
}
.fnum{font-family:var(--mono);font-size:.6875rem;font-weight:500;color:var(--verdigris);letter-spacing:.04em}

.dategrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:280px}
.detailgrid{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:520px){.detailgrid{grid-template-columns:repeat(2,1fr)}}
.field{
  width:100%;font-family:var(--mono);font-size:.9375rem;color:var(--ink);
  background:#FFF;border:1px solid var(--rule);border-radius:var(--r);
  padding:12px 12px;transition:border-color .16s ease,box-shadow .16s ease;
}
.field::placeholder{color:#A9AEB4;letter-spacing:.06em}
.field:hover{border-color:var(--muted-2)}
.field:focus{outline:0;border-color:var(--verdigris);box-shadow:0 0 0 3px var(--verdigris-lo)}
.dategrid .field{text-align:center;letter-spacing:.1em}
select.field{
  appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:38px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'><path d='M1 1l4.5 4.5L10 1' fill='none' stroke='%2310192B' stroke-width='1.4'/></svg>");
  background-repeat:no-repeat;background-position:right 14px center;
}
.fhint{font-family:var(--mono);font-size:.6875rem;color:var(--muted-2);margin-top:8px;letter-spacing:.02em}
.fhint[data-state="warn"]{color:var(--amber)}

.slip-ref{
  border-top:1px dashed var(--rule);margin-top:4px;padding-top:16px;margin-bottom:18px;
}
.slip-ref dt{
  font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:7px;
}
.slip-ref dd{
  margin:0;font-family:var(--mono);font-size:.8125rem;line-height:1.5;
  color:var(--ink);word-break:break-word;
}
.slip-ref dd .pend{color:#B3B8BE}
.slip-foot{padding:14px 22px;border-top:1px solid var(--rule);background:#EEEEEB;border-radius:0 0 var(--r) var(--r)}
.slip-foot p{font-size:.8125rem;color:var(--muted);line-height:1.5}
.slip-foot a{color:var(--verdigris);text-decoration-thickness:1px;text-underline-offset:2px}

/* ---------- coverage rail ---------- */
.rail{margin:56px 0 0;padding-bottom:60px}
.rail-cap{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;
  font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);
}
.rail-track{position:relative;height:46px;border-top:1px solid var(--ink)}
.tick{position:absolute;top:0;width:1px;height:9px;background:var(--rule)}
.tick--major{height:15px;background:var(--ink-3)}
.tick-lab{
  position:absolute;top:20px;transform:translateX(-50%);
  font-family:var(--mono);font-size:.6875rem;color:var(--muted);
}
.marker{
  position:absolute;top:-1px;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;
  opacity:0;transition:left .4s cubic-bezier(.22,1,.36,1),opacity .3s ease;
}
.marker[data-on="1"]{opacity:1}
.marker-pin{width:2px;height:26px;background:var(--verdigris)}
.marker-dot{width:9px;height:9px;border-radius:50%;background:var(--verdigris);margin-top:-4px}
.marker-lab{
  font-family:var(--mono);font-size:.625rem;letter-spacing:.08em;color:var(--verdigris);
  margin-top:4px;white-space:nowrap;background:var(--paper);padding:0 4px;
}

/* ============================================================
   LEDGER STATS
   ============================================================ */
.ledger{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--rule)}
@media(min-width:760px){.ledger{grid-template-columns:repeat(3,1fr)}}
.ledger-cell{padding:26px 0;border-bottom:1px solid var(--rule)}
@media(min-width:760px){
  .ledger-cell{padding:26px 28px;border-bottom:0;border-left:1px solid var(--rule)}
  .ledger-cell:first-child{padding-left:0;border-left:0}
}
.ledger-fig{font-family:var(--display);font-stretch:116%;font-weight:700;font-size:1.75rem;line-height:1;letter-spacing:-.02em}
.ledger-lab{font-family:var(--mono);font-size:.6875rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:10px;line-height:1.6}

/* ============================================================
   REASON CARDS
   ============================================================ */
.reasons{display:grid;grid-template-columns:1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
@media(min-width:820px){.reasons{grid-template-columns:repeat(3,1fr)}}
.reason{background:var(--card);padding:26px 24px 28px}
.reason-tag{font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;color:var(--verdigris);margin-bottom:16px}
.reason h3{margin-bottom:10px}
.reason p{font-size:.9375rem;color:var(--muted);line-height:1.6}

.callout{
  margin-top:34px;padding:24px 26px;background:var(--verdigris-lo);
  border:1px solid #C4D6D0;border-radius:var(--r);
  display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;
}
.callout p{font-size:.9375rem;max-width:52ch}
.callout strong{font-family:var(--display);font-stretch:108%;font-weight:600;display:block;margin-bottom:4px;font-size:1rem}

/* ============================================================
   THEN vs NOW
   ============================================================ */
.tvn{display:grid;grid-template-columns:1fr;gap:14px;align-items:stretch}
@media(min-width:900px){.tvn{grid-template-columns:1fr 34px 1fr 34px 1fr;gap:0}}
.tvn-card{
  border:1px solid #33405A;border-radius:var(--r);padding:24px 22px 26px;
  background:#16213A;display:flex;flex-direction:column;
}
.tvn-card--now{background:transparent;border-style:dashed;border-color:#39465F}
.tvn-card--key{background:#F4F4F1;border-color:#F4F4F1;color:var(--ink)}
.tvn-k{font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:#7B8798;margin-bottom:14px}
.tvn-card--key .tvn-k{color:var(--verdigris)}
.tvn-t{font-family:var(--display);font-stretch:110%;font-weight:600;font-size:1.1875rem;line-height:1.25;margin-bottom:10px}
.tvn-card--now .tvn-t{color:#8A96A8}
.tvn-d{font-size:.9375rem;line-height:1.55;color:#A7B0BE;margin-top:auto}
.tvn-card--key .tvn-d{color:var(--muted)}
.tvn-arrow{display:none}
@media(min-width:900px){
  .tvn-arrow{display:flex;align-items:center;justify-content:center;color:#4A5771}
}
.tvn-foot{margin-top:32px;max-width:64ch;font-size:1rem;color:#A7B0BE}

/* ============================================================
   TOPICS
   ============================================================ */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.chip{
  font-family:var(--mono);font-size:.8125rem;letter-spacing:.01em;
  padding:10px 15px;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);
  text-decoration:none;color:var(--ink);
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.chip:hover{border-color:var(--verdigris);color:var(--verdigris);background:#fff;text-decoration:none}
.chip--more{background:transparent;border-style:dashed;color:var(--muted)}

/* ============================================================
   LENDER TABLE
   ============================================================ */
.tsearch{position:relative;max-width:340px;margin-bottom:20px}
.tsearch .field{padding-left:38px}
.tsearch svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted-2)}
.tbl-scroll{overflow-x:auto;border:1px solid var(--rule);border-radius:var(--r);background:var(--card)}
/* the full lender list is long; keep it scrolling inside its own box so the
   client-side filter still searches every row */
.tbl-scroll--tall{max-height:520px;overflow-y:auto}
.tbl-scroll table{width:100%;border-collapse:collapse;min-width:660px;margin:0}
.tbl-scroll thead th{
  text-align:left;font-family:var(--mono);font-weight:500;font-size:.625rem;
  letter-spacing:.15em;text-transform:uppercase;color:var(--muted);
  padding:13px 18px;border-bottom:1px solid var(--rule);background:#EEEEEB;white-space:nowrap;
}
.tbl-scroll thead th:last-child,.tbl-scroll tbody td:last-child{text-align:right}
.tbl-scroll tbody td{padding:17px 18px;border-bottom:1px solid var(--rule-soft);font-size:.9375rem;vertical-align:middle}
.tbl-scroll tbody tr:last-child td{border-bottom:0}
.tbl-scroll tbody tr{transition:background .14s ease}
.tbl-scroll tbody tr:hover{background:#fff}
.lname{font-family:var(--display);font-stretch:106%;font-weight:600;font-size:.9375rem}
.flag{
  display:inline-block;margin-left:9px;font-family:var(--mono);font-size:.5625rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--amber);
  background:var(--amber-lo);border:1px solid #DFD1B7;border-radius:2px;padding:2px 6px;
  vertical-align:2px;white-space:nowrap;
}
.tbl-empty{padding:28px 18px;font-size:.9375rem;color:var(--muted)}
.tbl-foot{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;margin-top:18px}

/* ============================================================
   PRICING
   ============================================================ */
.plans{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:820px){.plans{grid-template-columns:repeat(2,1fr)}}
.plan{
  background:var(--card);border:1px solid var(--ink);border-radius:var(--r);
  display:flex;flex-direction:column;
}
.plan--b{background:transparent;border-color:var(--rule)}
.plan-k{
  font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;
  padding:12px 22px;border-bottom:1px solid var(--rule);color:var(--muted);margin:0;
}
.plan--a .plan-k{background:var(--ink);color:var(--verdigris-hi);border-color:var(--ink)}
.plan-body{padding:26px 22px 28px;display:flex;flex-direction:column;flex:1;gap:14px}
.plan-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.plan-fig{font-family:var(--display);font-stretch:116%;font-weight:700;font-size:2.5rem;line-height:1;letter-spacing:-.03em}
.plan-vat{font-family:var(--mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.plan h3{font-size:1.1875rem}
.plan-desc{font-size:.9375rem;color:var(--muted);line-height:1.6}
.plan .btn{margin-top:auto}
.plans-note{margin-top:26px;display:grid;gap:12px}

/* the product cards carry a tier eyebrow, a name, then price / question / body */
.plan-body h3{margin-bottom:2px}
.plan-price{margin-top:10px}
.plan-q{
  font-family:var(--display);font-stretch:106%;font-weight:600;font-size:1.05rem;
  line-height:1.3;color:var(--ink);margin:6px 0 4px;
}
.plan-gate{
  font-size:.875rem;line-height:1.55;color:var(--muted);
  background:var(--amber-lo);border:1px solid #DFD1B7;border-radius:var(--r);
  padding:12px 14px;margin-top:4px;
}
.plan-gate a{color:inherit;text-decoration:underline}

/* ============================================================
   LENDER (BRAND) PAGES
   ============================================================ */
.crumb{
  font-family:var(--mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted-2);
}
.crumb a{text-decoration:none;color:var(--muted)}
.crumb a:hover{color:var(--verdigris)}
.crumb-here{color:var(--ink)}

.lender-hero{padding:26px 0 44px}
.lender-hero h1{font-size:clamp(1.7rem,1.15rem + 2.2vw,2.6rem);margin-bottom:18px;max-width:26ch}

.region-switch{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:26px 0 0}
.region-switch > span{
  font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted-2);margin-right:6px;
}
.chip--on{background:var(--ink);border-color:var(--ink);color:#F4F4F1}
.chip--on:hover{background:var(--ink);color:#F4F4F1;border-color:var(--ink)}

/* the four-cell archive-summary strip */
.metagrid{
  display:grid;grid-template-columns:repeat(2,1fr);margin-top:32px;
  border:1px solid var(--ink);border-radius:var(--r);overflow:hidden;
}
@media(min-width:820px){.metagrid{grid-template-columns:repeat(4,1fr)}}
.metacell{padding:18px 20px;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule)}
.metacell:nth-child(2n){border-right:0}
.metacell:nth-last-child(-n+2){border-bottom:0}
@media(min-width:820px){
  .metacell{border-bottom:0;border-right:1px solid var(--rule)}
  .metacell:last-child{border-right:0}
  .metacell:nth-child(2n){border-right:1px solid var(--rule)}
}
.metalab{
  font-family:var(--mono);font-size:.625rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:6px;
}
.metafig{font-size:1.25rem;line-height:1.1;margin:0}

/* bordered panel used for the lookup card and the prose panels */
.panel{background:var(--card);border:1px solid var(--ink);border-radius:var(--r)}
.panel-head{padding:14px 24px;border-bottom:1px solid var(--ink)}
.panel-head h2{font-size:1.15rem}
.panel-body{padding:26px 24px 30px}

.lookup-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-bottom:26px}
@media(min-width:860px){.lookup-grid{grid-template-columns:repeat(3,1fr);gap:24px}}
.lookup-grid .dategrid{max-width:none}
.flabel-opt{font-family:var(--body);font-weight:400;color:var(--muted-2);text-transform:none}
label.flabel{display:block;margin-bottom:9px}
.field--fixed{background:#EEEEEB;color:var(--muted)}

/* left-ruled callout */
.ruled{border-left:3px solid var(--verdigris);padding-left:24px}

/* year-by-year change table */
.yeargrid{display:grid;grid-template-columns:1fr;gap:0 40px;border-top:1px solid var(--ink)}
@media(min-width:820px){.yeargrid{grid-template-columns:repeat(2,1fr)}}
.yeartable{width:100%;border-collapse:collapse;margin:0}
.yeartable thead th{
  text-align:left;font-family:var(--mono);font-weight:500;font-size:.625rem;
  letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2);
  padding:10px 4px;border-bottom:1px solid var(--rule);
}
.yeartable thead th:nth-child(2),.yeartable td.ct{text-align:right}
.yeartable td{padding:11px 4px;border-top:0;border-bottom:1px solid var(--rule-soft);font-size:.9375rem}
.yeartable td.yr{font-family:var(--display);font-stretch:106%;font-weight:600}
.yeartable td.act{text-align:right}
.yeartable tr:hover{background:var(--card)}
.yearlink{
  font-family:var(--display);font-stretch:104%;font-weight:600;font-size:.72rem;
  letter-spacing:.06em;text-transform:uppercase;color:var(--verdigris);
  text-decoration:none;white-space:nowrap;
}
.yearlink:hover{text-decoration:underline}
@media(min-width:820px){
  .yeargrid > .yeartable + .yeartable{border-left:1px solid var(--rule);padding-left:0}
  .yeargrid > .yeartable + .yeartable th:first-child,
  .yeargrid > .yeartable + .yeartable td:first-child{padding-left:24px}
}

/* ============================================================
   PROFESSIONAL SERVICES
   The three-level ladder, fee table and Part 35 panel.
   ============================================================ */
.ladder{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:980px){.ladder{grid-template-columns:repeat(3,1fr)}}
@media(min-width:820px){.ladder--two{grid-template-columns:repeat(2,1fr)}}
.tier{background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r);display:flex;flex-direction:column}
.tier-head{padding:13px 22px;border-bottom:1px solid var(--rule);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
.tier-k{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.tier-note{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.tier--featured .tier-head{background:var(--verdigris);border-color:var(--verdigris)}
.tier--featured .tier-k{color:#fff}
.tier-body{padding:24px 22px 28px;display:flex;flex-direction:column;flex:1}
.tier-fig{font-family:var(--display);font-stretch:116%;font-weight:700;font-size:2.4rem;line-height:1;letter-spacing:-.03em;margin-bottom:0}
.tier-vat{font-family:var(--mono);font-weight:500;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.tier-body h3{margin-top:20px;font-size:1.12rem}
.tier-q{margin-top:12px;font-size:.92rem;line-height:1.55;color:var(--muted);font-style:italic}
.tier-d{margin-top:14px;font-size:.9rem;line-height:1.6;color:var(--muted);flex:1}
.tier-credit{margin-top:12px;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--verdigris);line-height:1.7}
.tier .btn{margin-top:24px}

/* the fee table reuses .tbl-scroll; these are the extra bits */
.fee-note{display:block;font-family:var(--body);font-size:.78rem;color:var(--muted);margin-top:5px;letter-spacing:0;text-transform:none}
.worked{display:grid;gap:10px;margin-top:14px}
@media(min-width:820px){.worked{grid-template-columns:repeat(2,1fr);gap:10px 36px}}
.worked p{display:flex;justify-content:space-between;gap:16px;font-size:.92rem;margin:0;color:var(--muted)}
.worked p strong{color:var(--ink)}
.cta-pair{display:flex;flex-wrap:wrap;gap:14px}

/* illustrative figure box inside a reason card */
.sample-box{
  margin-top:14px;background:#fff;border:1px solid var(--rule);border-radius:var(--r);
  padding:12px 16px;font-family:var(--mono);font-size:.78rem;line-height:1.7;color:var(--ink);
}

/* numbered steps in the Part 35 panel */
.stepped{margin-top:40px;border-top:1px solid #33405A}
.step{padding:22px 0;border-bottom:1px solid #33405A;display:grid;gap:6px}
@media(min-width:560px){.step{grid-template-columns:52px 1fr;gap:12px}}
.step-n{color:var(--verdigris-hi);font-size:.85rem;margin:0}
.step h3{font-size:1.02rem}
.step p{margin:8px 0 0;font-size:.92rem;line-height:1.6;color:#A7B0BE}

.fee-panel{background:#0E1522;border:1px solid #33405A;border-radius:var(--r);padding:26px 24px}
.fee-panel .tier-fig{color:#EDEEF0;margin-top:14px}
.fee-panel .tier-vat{color:#7B8798}
.fee-panel > p{margin-top:16px;font-size:.9rem;line-height:1.6;color:#A7B0BE}
.fee-list{margin:22px 0 0;padding-top:18px;border-top:1px dashed #33405A;display:grid;gap:12px}
.fee-list > div{display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:.82rem}
.fee-list dt{color:#7B8798;font-weight:400}
.fee-list dd{margin:0;color:#EDEEF0}
.fee-panel .btn{margin-top:26px}

/* the method fact list and the collapsible statement */
.factlist{margin:0;background:var(--card);border:1px solid var(--rule);border-radius:var(--r)}
.factlist > div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;padding:18px 24px;border-bottom:1px solid var(--rule)}
.factlist > div:last-child{border-bottom:0}
.factlist dt{font-family:var(--display);font-stretch:106%;font-weight:600;font-size:.95rem}
.factlist dd{margin:0;font-family:var(--mono);font-size:.8rem;color:var(--muted);text-align:right}

.disclosure{margin-top:16px;background:var(--card);border:1px solid var(--rule);border-radius:var(--r)}
.disclosure > summary{
  padding:18px 24px;cursor:pointer;list-style:none;
  font-family:var(--display);font-stretch:106%;font-weight:600;font-size:.95rem;
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
}
.disclosure > summary::-webkit-details-marker{display:none}
.disclosure > summary::after{
  content:"+ expand";font-family:var(--mono);font-size:.78rem;font-weight:400;
  color:var(--verdigris);white-space:nowrap;
}
.disclosure[open] > summary::after{content:"\2212 collapse"}
.disclosure-body{padding:20px 24px 24px;border-top:1px solid var(--rule)}
.disclosure-body p{font-size:.9rem;line-height:1.6;color:var(--muted)}
.disclosure-body strong{color:var(--ink)}

/* ============================================================
   NEGLIGENCE PANEL
   ============================================================ */
.neg{display:grid;grid-template-columns:1fr;gap:30px}
@media(min-width:900px){.neg{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:60px;align-items:start}}
.neg-side{border-left:1px solid #33405A;padding-left:26px}
.neg-side p{font-size:.9375rem;color:#A7B0BE;line-height:1.6;margin-bottom:20px}

/* ============================================================
   PROVENANCE
   ============================================================ */
.prov{display:grid;grid-template-columns:1fr;gap:26px}
@media(min-width:900px){.prov{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:end}}
.prov-stamp{
  display:inline-flex;flex-direction:column;gap:2px;
  border:1px solid var(--verdigris);border-radius:var(--r);
  padding:14px 18px;background:var(--verdigris-lo);
  font-family:var(--mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--verdigris);
}
.prov-stamp b{font-family:var(--display);font-stretch:112%;font-weight:600;font-size:1rem;letter-spacing:.02em;text-transform:none}

/* ============================================================
   PRO STRIP + FOOTER
   ============================================================ */
.pro{
  display:flex;flex-wrap:wrap;gap:22px 40px;justify-content:space-between;align-items:center;
  padding:34px 0;
}
.pro h3{font-size:1.25rem;margin-bottom:8px}
.pro p{font-size:.9375rem;color:var(--muted);max-width:56ch}

.foot{background:var(--ink);color:#A7B0BE;padding:56px 0 34px;margin-top:0}
.foot-top{display:grid;grid-template-columns:1fr;gap:34px;padding-bottom:36px;border-bottom:1px solid #2A364E}
@media(min-width:820px){.foot-top{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:40px}}
@media(min-width:1080px){.foot-top{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr))}}
.foot-brand .brand{margin-bottom:12px}
.foot-brand p{font-size:.8125rem;line-height:1.6;color:#7B8798;max-width:40ch}
.foot-col h4{
  font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;
  color:#EDEEF0;margin-bottom:14px;font-weight:500;
}
.foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot-col a{
  font-size:.875rem;text-decoration:none;color:#A7B0BE;transition:color .16s ease;
}
.foot-col a:hover{color:#fff;text-decoration:none}
.legal{padding-top:26px;display:grid;gap:14px}
.legal p{font-size:.75rem;line-height:1.65;color:#6B7789;max-width:104ch}

/* ============================================================
   REVEAL
   ============================================================ */
.rv{opacity:0;transform:translateY(14px)}
.rv.in{opacity:1;transform:none;transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
  .marker{transition:none}
}

/* ============================================================
   INNER PAGES
   Search, results, purchase and contact are still built on the bootstrap
   scaffolding they were written against.  These rules pull that markup into
   the design above, and replace the custom1.css classes it referenced.
   ============================================================ */

/* page head band, formerly custom1's .inner-head */
.inner-head{
  background:var(--ink);color:#EDEEF0;padding:44px 0 46px;margin-bottom:44px;
  display:flex;align-items:center;justify-content:center;
}
.inner-head .headcover{flex:1;text-align:center}
.inner-head h1{font-size:clamp(1.6rem,1.1rem + 1.7vw,2.35rem);font-family:var(--display);font-stretch:112%;font-weight:600}

/* the "good news" banner on the results page, formerly .notify-bar.orange */
.notify-bar{width:100%;background:var(--verdigris);color:#F4F4F1;padding:26px 0}
.notify-bar h1{
  font-family:var(--display);font-stretch:110%;font-weight:600;
  font-size:clamp(1.3rem,1rem + 1.2vw,1.85rem);color:#F4F4F1;
}

/* the tinted aside, formerly .orange-higlight */
.orange-higlight{
  background:var(--verdigris-lo);border:1px solid #C4D6D0;border-radius:var(--r);padding:24px 26px;
}
.orange-higlight h2{font-family:var(--display);font-stretch:108%;font-weight:600;font-size:1.15rem;margin-bottom:10px}
.orange-higlight h2 span{color:var(--verdigris)}

.card-shadow{box-shadow:10px 10px 0 rgba(16,25,43,.07)}

/* product cards on the results page */
.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r)}
.price-card{border-color:var(--ink)}
.price-card .card-header{
  background:var(--ink);border-bottom:0;border-radius:0;text-align:left;padding:12px 22px;
}
.price-card .card-header h4{
  font-family:var(--mono);font-weight:500;font-size:.625rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--verdigris-hi);
}
.price-card .card-body{padding:26px 22px 28px}
.price-card .card-body h1{
  font-family:var(--display);font-stretch:116%;font-weight:700;font-size:2.5rem;
  line-height:1;letter-spacing:-.03em;color:var(--ink);
}
.price-card .card-body h1 small{
  display:block;font-family:var(--display);font-stretch:110%;font-weight:600;
  font-size:30%;letter-spacing:0;margin-top:.7rem;color:var(--ink);
}
.price-card p{font-size:.9375rem;color:var(--muted);line-height:1.55}

.product-bullets{padding-left:1.1rem;font-size:.9375rem;color:var(--muted)}
.product-bullets li{margin-bottom:.4rem}

/* the lender / date / topic / region recap table */
.query-summary{width:100%;border-collapse:collapse;margin-bottom:1.5rem}
/* border-top:0 undoes bootstrap's .table cell rule, which would otherwise
   double up with the border-bottom below */
.query-summary th,.query-summary td{
  padding:11px 0;border-top:0;border-bottom:1px solid var(--rule);font-size:.9375rem;
}
.query-summary th{
  width:40%;text-align:left;font-family:var(--mono);font-weight:400;font-size:.6875rem;
  letter-spacing:.13em;text-transform:uppercase;color:var(--muted);vertical-align:middle;
}

/* forms on the inner pages, matched to .field above */
label{
  font-family:var(--display);font-stretch:106%;font-weight:600;font-size:.9375rem;
  color:var(--ink);margin-bottom:9px;
}
.form-control{
  width:100%;font-family:var(--mono);font-size:.9375rem;color:var(--ink);height:auto;
  background:#FFF;border:1px solid var(--rule);border-radius:var(--r);padding:12px;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.form-control:focus{outline:0;border-color:var(--verdigris);box-shadow:0 0 0 3px var(--verdigris-lo);color:var(--ink)}
select.form-control{
  appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:38px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'><path d='M1 1l4.5 4.5L10 1' fill='none' stroke='%2310192B' stroke-width='1.4'/></svg>");
  background-repeat:no-repeat;background-position:right 14px center;
}
.form-text{font-family:var(--mono);font-size:.6875rem;color:var(--muted-2);letter-spacing:.02em}

/* the inner pages ask for .btn.btn-lg.register-btn; keep that working */
.register-btn{
  background:var(--ink);color:#F4F4F1;border:1px solid var(--ink);
  text-transform:uppercase;font-family:var(--display);font-stretch:104%;font-weight:600;
}
.register-btn:hover,.register-btn:focus{background:var(--verdigris);border-color:var(--verdigris);color:#F4F4F1}
.btn-lg{font-size:.9375rem;padding:16px 26px}

.alert{border-radius:var(--r);border:1px solid var(--rule);font-size:.9375rem;padding:18px 20px}
.alert-warning{background:var(--amber-lo);border-color:#DFD1B7;color:#5C3F0D}
.alert-success{background:var(--verdigris-lo);border-color:#C4D6D0;color:#14483D}
.alert a{color:inherit;text-decoration:underline}

.lead{font-size:1.0625rem;color:var(--muted)}
hr{border:0;border-top:1px solid var(--rule);margin:2rem 0}
address{font-style:normal;font-size:.9375rem;line-height:1.7}
main a:not(.btn):not(.tlink):not(.chip):not(.brand){color:var(--verdigris)}

/* methodology page */
.prose{max-width:74ch;font-size:1.0625rem;line-height:1.7;color:var(--muted);margin-top:20px}
.prose p{margin-bottom:1.1em}
.provenance{display:grid;grid-template-columns:1fr;gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;margin-bottom:26px}
@media(min-width:760px){.provenance{grid-template-columns:repeat(2,1fr)}}
.chip--check{display:inline-flex;align-items:baseline;gap:.5em}
.chip--check .tick{color:var(--verdigris);font-weight:600}
.btn--onDarkGhost{background:transparent;color:#EDEEF0;border-color:#4A5771}
.btn--onDarkGhost:hover,.btn--onDarkGhost:focus{background:#F4F4F1;color:var(--ink);border-color:#F4F4F1}

/* topic pages */
.layer-marker{
  font-family:var(--mono);font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted-2);border-top:1px solid var(--rule);padding-top:14px;margin-bottom:26px;
}
.scope{display:grid;grid-template-columns:1fr;gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
@media(min-width:820px){.scope{grid-template-columns:repeat(2,1fr)}}
.scope-col{background:var(--card);padding:26px 24px 28px}
.scope-col--cannot{background:#EEEEEB}
.scope-k{font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--verdigris);margin-bottom:14px}
.scope-col--cannot .scope-k{color:var(--amber)}
.scope-col ul{margin:0;padding-left:1.1rem}
.scope-col li{font-size:.9375rem;line-height:1.6;color:var(--muted);margin-bottom:.6rem}
.scope-col li:last-child{margin-bottom:0}
.faqs{display:grid;gap:10px;max-width:80ch}

/* topic-level change aggregates */
.aggregates{display:grid;grid-template-columns:1fr;gap:18px;margin-top:30px}
@media(min-width:820px){.aggregates{grid-template-columns:repeat(3,1fr)}}
.agg{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:24px 22px}
.agg-fig{font-family:var(--mono);font-size:1.9rem;line-height:1;color:var(--verdigris);margin:0 0 10px;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.agg-k{font-family:var(--display);font-stretch:106%;font-weight:600;font-size:.9375rem;margin:0 0 6px}
.agg-d{font-size:.875rem;line-height:1.6;color:var(--muted);margin:0}
.juris{white-space:nowrap;color:var(--muted)}

/* Part 1 / Part 2 wording blocks on a topic page */
.p2block{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r);
  padding:22px 24px 24px;margin-bottom:18px;
}
.p2block--answers{background:transparent}
.p2block-k{
  font-family:var(--mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--verdigris);margin:0 0 14px;
}
.p1para{
  font-family:var(--mono);font-size:.875rem;line-height:1.7;color:var(--ink);
  background:#fff;border-left:3px solid var(--verdigris);padding:14px 16px;margin:0 0 10px;
}
.p1para:last-child{margin-bottom:0}
.p2question{
  font-family:var(--display);font-stretch:106%;font-weight:600;font-size:1.05rem;
  color:var(--ink);margin:0 0 16px;
}
.p2answers{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.p2answers li{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r);
  padding:13px 16px;font-size:.9375rem;line-height:1.6;color:var(--muted);
}
.p2answers li br{content:"";display:block;margin-bottom:.35em}
@media(min-width:980px){.p2answers{grid-template-columns:repeat(2,1fr)}}