/* Atomic Vector — legal pages. Tokens shared with index.html */
:root{
  --ink:#151815; --deep:#262d29;
  --brand:#0f8258; --brand-2:#2eb987; --brand-3:#0a5f40;
  --brand-soft:#e9f4ef; --mint:#f4faf7; --haze:#f6f7f6; --paper:#fff;
  --line:rgba(23,23,23,.09); --line-2:rgba(23,23,23,.16);
  --muted:rgba(38,45,41,.66); --muted-2:rgba(38,45,41,.45);
  --night:#111614; --d-text:rgba(255,255,255,.68); --d-line:rgba(255,255,255,.13);
  --r-s:8px; --r:12px; --e:cubic-bezier(.22,.61,.36,1); --shell:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--deep);
  font-family:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
svg{display:block}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}
::selection{background:var(--brand);color:#fff}
p{margin:0 0 1.1rem}
h1,h2,h3{margin:0;color:var(--ink);font-weight:500;letter-spacing:-.025em}
h1{font-size:clamp(2.1rem,4.4vw,3rem);line-height:1.08;letter-spacing:-.035em}
h2{font-size:1.375rem;line-height:1.28;margin:2.8rem 0 .9rem;scroll-margin-top:96px}
h2:first-of-type{margin-top:0}
h3{font-size:1.0625rem;margin:1.8rem 0 .6rem}
.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 28px}

/* nav */
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:20px;height:70px}
.mark{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:1.0625rem;
  letter-spacing:-.03em;color:var(--ink);text-decoration:none}
.mark:hover{text-decoration:none}
.logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(145deg,var(--brand-2),var(--brand-3));
  display:grid;place-items:center;flex:0 0 auto;box-shadow:0 3px 10px -3px rgba(15,130,88,.6)}
.logo span{width:7px;height:7px;border-radius:50%;background:#fff}
.nav .back{margin-left:auto;font-size:.9063rem;color:var(--muted)}
.nav .back:hover{color:var(--ink);text-decoration:none}

/* header */
.lhead{background:linear-gradient(180deg,var(--mint),var(--paper));border-bottom:1px solid var(--line);
  padding:64px 0 56px}
.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brand);margin:0 0 1rem}
.updated{margin:1.2rem 0 0;font-size:.9375rem;color:var(--muted-2)}
.summary{margin-top:26px;border:1px solid var(--line);border-left:3px solid var(--brand);
  border-radius:var(--r);background:var(--paper);padding:22px 24px;max-width:70ch}
.summary b{display:block;color:var(--ink);font-weight:500;margin-bottom:.5rem}
.summary p{font-size:.9375rem;color:var(--muted);margin:0}

/* layout */
.wrap{display:grid;grid-template-columns:236px minmax(0,1fr);gap:64px;padding:64px 0 96px;align-items:start}
.toc{position:sticky;top:96px}
.toc h4{font-size:.75rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted-2);margin:0 0 14px}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:block;padding:6px 0 6px 26px;font-size:.875rem;color:var(--muted);position:relative;
  text-decoration:none;transition:color .25s ease-in-out}
.toc a::before{content:counter(t,decimal-leading-zero);position:absolute;left:0;top:6px;
  font-size:.6875rem;color:var(--muted-2);font-variant-numeric:tabular-nums}
.toc a:hover{color:var(--ink);text-decoration:none}
.doc{max-width:74ch;font-size:1rem;color:var(--deep)}
.doc ul{margin:0 0 1.2rem;padding-left:1.15rem}
.doc li{margin-bottom:.55rem}
.doc li::marker{color:var(--muted-2)}
.doc strong{font-weight:500;color:var(--ink)}

/* table */
.tbl{width:100%;border-collapse:collapse;margin:0 0 1.4rem;font-size:.9375rem}
.tbl th{text-align:left;font-weight:500;color:var(--ink);padding:11px 14px;background:var(--haze);
  border:1px solid var(--line);font-size:.8125rem;letter-spacing:.02em}
.tbl td{padding:12px 14px;border:1px solid var(--line);color:var(--muted);vertical-align:top}
.tbl td strong{color:var(--ink)}

/* callout */
.call{border:1px solid var(--line);border-radius:var(--r);background:var(--brand-soft);
  padding:22px 24px;margin:0 0 1.4rem}
.call p:last-child{margin-bottom:0}
.call b{color:var(--brand-3);font-weight:500}
.contact{border:1px solid var(--line);border-radius:var(--r);padding:24px;background:var(--haze);margin-top:1.2rem}
.contact p:last-child{margin-bottom:0}

/* footer */
.foot{background:var(--night);color:var(--d-text);padding:56px 0 32px}
.foot .mark{color:#fff}
.flinks{display:flex;flex-wrap:wrap;gap:26px;margin-top:26px}
.flinks a{color:var(--d-text);font-size:.875rem}
.flinks a:hover{color:#fff;text-decoration:none}
.fbase{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-top:38px;
  padding-top:22px;border-top:1px solid var(--d-line);font-size:.8125rem;color:rgba(255,255,255,.42)}

@media (max-width:900px){
  .wrap{grid-template-columns:1fr;gap:34px;padding:44px 0 72px}
  .toc{position:static;border-bottom:1px solid var(--line);padding-bottom:18px}
  .toc ol{columns:2;column-gap:24px}
}
@media (max-width:620px){
  .shell{padding:0 20px}
  .toc ol{columns:1}
  .tbl,.tbl tbody,.tbl tr,.tbl td,.tbl th{display:block;width:100%}
  .tbl th{display:none}
  .tbl td{border-top:0}
  .tbl tr{margin-bottom:14px;display:block;border-top:1px solid var(--line)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important}}
