/* ============================================================
   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}
/* .mast is position:sticky at top:0 with a 64px min-height, so a jump to an
   in-page anchor would otherwise put the target underneath it.  Setting this on
   the root fixes every anchor on the site at once - the heading ids on the
   topic and lender pages, and the older #check / #reports / #years section
   links. */
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
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}

/* A boxed aside inside the issue prose, where the topic has to be told apart
   from an adjacent arrangement before the argument can start.  The design
   marks it with a left rule in the accent colour; it is an aside, not a
   quotation, so it takes the card ground rather than the quote treatment. */
.issue-note{
  background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--verdigris);
  border-radius:var(--r);padding:18px 22px;margin:22px 0;
}
.issue-note-k{
  font-family:var(--display);font-weight:700;font-size:1rem;color:var(--ink);margin:0 0 8px;
}
.issue-note p{font-size:.9375rem;margin:0 0 8px}
.issue-note p: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)}}