@font-face { font-family:"Grotesk"; src:url("/fonts/SpaceGrotesk_700Bold.woff2") format("woff2");
             font-weight:700; font-display:swap }
@font-face { font-family:"Manrope"; src:url("/fonts/Manrope_400Regular.woff2") format("woff2");
             font-weight:400; font-display:swap }
@font-face { font-family:"Manrope"; src:url("/fonts/Manrope_600SemiBold.woff2") format("woff2");
             font-weight:600; font-display:swap }
@font-face { font-family:"Manrope"; src:url("/fonts/Manrope_800ExtraBold.woff2") format("woff2");
             font-weight:800; font-display:swap }

:root{
  --brand:#00C853; --glow:#22E58B; --gold:#F5C518; --mark-ink:#07120C;
  --display:"Grotesk", "Space Grotesk", ui-monospace, monospace; --ui:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --bg:#FFFFFF; --card:#F4F7F5; --ink:#08110C; --ink-soft:#55635C; --line:#E2E8E4;
  --brand-text:#00893A; --gold-text:#8A6D00;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0A0F0D; --card:#141B18; --ink:#FFFFFF;
    --ink-soft:#8CA096; --line:#222E29;
    --brand-text:var(--brand); --gold-text:var(--gold);
    color-scheme:dark;
  }
}
*,*::before,*::after{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--ui);font-weight:400;line-height:1.65;
     -webkit-font-smoothing:antialiased;padding:0}
a{color:var(--brand-text)}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}
.wrap{width:min(100% - 2.5rem,46rem);margin-inline:auto;padding:2rem 0 4.5rem}

/* The masthead. Two of these pages call it .masthead and one calls it header; both are styled,
   because the markup on these pages is legally sensitive and is not rewritten by the build. */
header,.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  flex-wrap:wrap;padding:.4rem 0 2.5rem}
.wordmark{display:block;width:6.5rem;height:auto}
.brand{font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--ink);
  text-decoration:none;letter-spacing:-.01em}
.brand span{color:var(--brand-text)}
.masthead nav{display:flex;gap:1.3rem;font-size:.9rem;font-weight:600;color:var(--ink-soft)}
.masthead nav a{text-decoration:none;color:inherit}
.masthead nav a:hover{color:var(--brand-text)}

/* The language switch on the two policy documents. */
.langs{display:flex;gap:.4rem}
.langs button{background:none;border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;
  border-radius:999px;padding:.35rem .85rem;font:inherit;font-size:.8rem;font-weight:600;
  letter-spacing:.04em;transition:border-color .16s ease,color .16s ease}
.langs button:hover{color:var(--ink);border-color:var(--ink-soft)}
.langs button.on{border-color:var(--brand);color:var(--brand-text)}

.version,.kicker,.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:var(--brand-text);margin-bottom:.4rem}
.version{color:var(--ink-soft)}
h1{font-family:var(--display);font-weight:700;letter-spacing:-.028em;line-height:1.05;
   font-size:clamp(2.1rem,7vw,3.2rem);margin:.3rem 0 1rem}
h1 .green{color:var(--brand-text)}
h2{font-family:var(--display);font-weight:700;letter-spacing:-.018em;font-size:1.5rem;margin-top:2.8rem}
h3{font-size:1.05rem;font-weight:800;margin-top:1.7rem}
p,li{color:var(--ink-soft);margin-top:.9rem;font-size:1rem}
p.meta{font-style:italic;font-size:.9rem}
.lede{font-size:1.12rem;margin-top:1.2rem;color:var(--ink)}
strong{color:var(--ink);font-weight:700}
ul,ol{color:var(--ink-soft);margin-top:.9rem;padding-left:1.2rem}
li{margin-top:.45rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:24px;
  padding:1.6rem 1.7rem;margin-top:1.2rem}
.card h3{margin-top:0}
.card p:first-of-type{margin-top:.5rem}
.badge{display:inline-block;padding:.3rem .75rem;border-radius:4px;font-size:.66rem;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;background:var(--brand);color:var(--mark-ink);
  margin-bottom:.9rem}
.path,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;
  background:var(--card);border:1px solid var(--line);border-radius:6px;padding:.12em .45em;color:var(--ink)}
.mail{font-weight:700;word-break:break-word}
.note{border-left:2px solid var(--brand);padding-left:1.2rem;margin-top:1.5rem}
.warn{border-left-color:var(--gold-text)}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.7rem;border-radius:999px;
     font-weight:700;font-size:.98rem;text-decoration:none;border:1px solid transparent;
     margin-top:1.4rem;background:var(--brand);color:#07120C}
.btn:hover{background:var(--glow)}
.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn.ghost:hover{border-color:var(--brand);color:var(--brand-text)}
.btn.disabled{background:transparent;border:1px dashed var(--line);color:var(--ink-soft);
              font-weight:600;cursor:default}
table{border-collapse:collapse;width:100%;margin-top:1.2rem;font-size:.95rem;display:block;overflow-x:auto}
th,td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--line);color:var(--ink-soft)}
th{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
tr:last-child td{border-bottom:0}
footer{border-top:1px solid var(--line);margin-top:4rem;padding-top:1.8rem;color:var(--ink-soft);
  font-size:.86rem;display:block}
.foot-links{display:flex;flex-wrap:wrap;gap:1.3rem;margin-bottom:1rem}
.foot-links a{text-decoration:none;color:inherit}
.foot-links a:hover{color:var(--brand-text)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}