:root{color-scheme:light;--ink:#19322f;--green:#086450;--line:#c8ded6;--paper:#f6faf8}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 system-ui,sans-serif}
header,footer{padding:1rem max(1.25rem,calc((100vw - 76rem)/2));background:#103831;color:#fff}
header{display:flex;justify-content:space-between;align-items:center;gap:1rem}header strong{letter-spacing:.14em}header span{margin-left:1rem}header a,footer a{color:#fff}
main{max-width:76rem;margin:auto;padding:clamp(1rem,4vw,4rem)}
aside{display:inline-block;background:#e4f3e9;color:#184c3d;padding:.45rem .85rem;border-radius:.4rem;font-weight:650}
h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.08;max-width:22ch;letter-spacing:-.035em}
h2{color:var(--green);border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2.75rem;line-height:1.2}
h3,h4{line-height:1.3}p,li{max-width:85ch}a{color:var(--green);text-underline-offset:.2em}
.table-scroll,pre,figure{overflow:auto;margin:1rem 0;background:white;border:1px solid var(--line);border-radius:.5rem}figure,pre{padding:1rem}figure svg{display:block;margin:auto}
table{width:100%;border-collapse:collapse;min-width:33rem}th,td{padding:.7rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:#e4f3e9}
.skip{position:absolute;left:1rem;top:-6rem;background:white;padding:.5rem}.skip:focus{top:1rem}
@media(max-width:32rem){header span{display:none}}
@media print{header,footer,.skip{display:none}main{padding:0}h2,h3{break-after:avoid}body{background:white}.table-scroll{overflow:visible}table{min-width:0}}