:root{
  --green:#297E43; --deep:#104032; --navy:#203957; --lime:#C5E714;
  --ink:#16241F; --ink-2:#4C5C55; --ink-3:#7C8A83;
  --surface-2:#F1F6F9; --line:#DCE4E5;
}
*{box-sizing:border-box}
body{
  margin:0; background:#fff; color:var(--ink);
  font-family:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px; line-height:1.72;
}
a{color:var(--green)}
.wrap{max-width:760px; margin:0 auto; padding:0 24px}
.top{background:var(--deep); color:#fff; padding:16px 0}
.top .wrap{display:flex; align-items:center; gap:14px}
.top a{color:#fff; text-decoration:none; display:flex; align-items:flex-start; gap:5px}
.top b{
  font-family:Archivo,sans-serif; font-weight:800; font-size:19px; letter-spacing:-.02em;
  line-height:1; display:block;
}
.top s{
  text-decoration:none; display:block; font-size:8px; font-weight:600; letter-spacing:.2em;
  color:var(--lime); margin-top:3px;
}
.top nav{margin-left:auto; display:flex; gap:18px; font-size:14px}
.top nav a{opacity:.85} .top nav a:hover{opacity:1; text-decoration:underline}
main{padding:44px 0 70px}
.eyebrow{
  font-size:11.5px; font-weight:600; letter-spacing:.19em; text-transform:uppercase;
  color:var(--green); margin:0 0 10px;
}
h1{
  font-family:Archivo,sans-serif; font-weight:800; font-size:clamp(27px,4.2vw,38px);
  letter-spacing:-.022em; line-height:1.08; margin:0; color:var(--navy); text-wrap:balance;
}
.upd{font-size:13.5px; color:var(--ink-3); margin:12px 0 0}
.rule{width:52px; height:4px; background:var(--lime); border-radius:2px; margin:20px 0 34px}
h2{
  font-family:Archivo,sans-serif; font-weight:700; font-size:19px; letter-spacing:-.01em;
  margin:38px 0 10px; color:var(--navy);
}
h2 span{color:var(--green); font-size:14px; margin-right:8px; font-variant-numeric:tabular-nums}
p,li{color:var(--ink-2)} p{margin:0 0 13px}
b,strong{color:var(--ink); font-weight:600}
ul,ol{padding-left:22px; margin:0 0 13px}
li{margin-bottom:6px}
.box{
  background:var(--surface-2); border-left:3px solid var(--green); border-radius:0 6px 6px 0;
  padding:14px 18px; margin:20px 0; font-size:14.5px;
}
.box p:last-child{margin-bottom:0}
table{border-collapse:collapse; width:100%; font-size:14.5px; margin:16px 0}
th,td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top}
th{
  font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ink-3); background:var(--surface-2);
}
td:first-child{font-weight:600; color:var(--ink); width:34%}
.tw{overflow-x:auto}
footer{border-top:1px solid var(--line); padding:24px 0 40px; font-size:13px; color:var(--ink-3)}
footer a{color:var(--ink-2)}
:focus-visible{outline:3px solid var(--green); outline-offset:2px; border-radius:3px}