:root{
  --ink:#2a3330; --soft:#5a6661; --faint:#8b968f;
  --cream:#fdfcfa; --sand:#f6f3ee; --sand-deep:#efe9e0;
  --forest:#2c4a40; --forest-soft:#3a5c50; --sage:#9db3a8; --sage-pale:#cfdcd5;
  --clay:#c08a72; --line:#e8e2d8;
  --f:'Lexend',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f);
     font-weight:300;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}

header.top{background:var(--forest);padding:20px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand svg{width:44px;flex:none}
.brand .meth{display:block;font-size:.6rem;letter-spacing:.34em;color:var(--sage);font-weight:400}
.brand .word{display:block;font-size:1.32rem;letter-spacing:.07em;color:var(--cream);font-weight:300;line-height:1.15}
.brand .cred{display:block;font-size:.6rem;letter-spacing:.14em;color:var(--sage);margin-top:2px}

main{padding:56px 0 80px}
h1{font-size:2rem;font-weight:200;letter-spacing:-.01em;line-height:1.25;margin:0 0 .3rem;color:var(--forest)}
.updated{font-size:.82rem;color:var(--faint);margin:0 0 2.6rem;padding-bottom:1.6rem;border-bottom:1px solid var(--line)}
h2{font-size:1.16rem;font-weight:400;color:var(--forest);margin:2.8rem 0 .8rem;letter-spacing:.005em}
h3{font-size:.98rem;font-weight:500;margin:1.8rem 0 .5rem}
p{margin:0 0 1.05rem}
ul{margin:0 0 1.2rem;padding-left:1.25rem}
li{margin-bottom:.5rem}
a{color:var(--forest);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--sage)}
a:hover{text-decoration-color:var(--forest)}
strong{font-weight:500}
.box{background:var(--sand);border-left:3px solid var(--forest);padding:20px 24px;margin:1.6rem 0;font-size:.94rem}
.box.warn{border-left-color:var(--clay)}
.box p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.92rem}
th{text-align:left;font-weight:500;color:var(--faint);font-size:.72rem;letter-spacing:.12em;
   text-transform:uppercase;padding:0 12px 10px 0;border-bottom:1.5px solid var(--forest)}
td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.ident{font-size:.94rem;line-height:1.85}

footer{background:var(--forest);color:var(--sand);padding:44px 0;margin-top:0;font-size:.86rem}
footer a{color:var(--sage-pale);text-decoration-color:rgba(157,179,168,.5)}
footer a:hover{color:var(--cream)}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:22px}
.foot-note{color:rgba(246,243,238,.6);font-size:.78rem;line-height:1.7;
           border-top:1px solid rgba(157,179,168,.22);padding-top:20px}
@media(max-width:640px){
  body{font-size:15.5px}
  h1{font-size:1.6rem}
  main{padding:40px 0 60px}
  table,thead,tbody,th,td,tr{display:block}
  th{display:none}
  td{border:none;padding:2px 0}
  tr{border-bottom:1px solid var(--line);padding:12px 0}
}