html{font-size:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.0625rem;line-height:1.5;color:#0E1A16;background:#F5F7F6}
a{color:#085C47}
.skip{position:absolute;left:-999px}
.skip:focus{left:.5rem;top:.5rem;background:#fff;padding:.5rem}
.bar,.main,main,footer{max-width:40rem;margin:0 auto;padding:1rem}
.bar{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.brand{font-weight:800;font-size:1.25rem;text-decoration:none;color:#0E1A16}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.6rem 1rem;border-radius:999px;background:#085C47;color:#fff;font-weight:700;text-decoration:none}
h1{font-size:1.75rem;line-height:1.25}
h2{font-size:1.35rem}
h3{font-size:1.1rem}
.lead,.note,.small{font-size:1rem}
.note{background:#fff;border:1px solid #c5d1cc;border-radius:12px;padding:.75rem}
.pick{background:#fff;border:1px solid #c5d1cc;border-radius:12px;padding:.75rem;margin:.75rem 0}
.chains{padding-left:1.2rem}
.chains a{display:inline-flex;min-height:44px;align-items:center}
footer{color:#24352f;font-size:1rem}
@media (prefers-color-scheme:dark){
  body{background:#101C18;color:#E7F3EE}
  a,.brand{color:#6EE7B7}
  .note,.pick{background:#16241F;border-color:#2A4038;color:#E7F3EE}
  .btn{background:#0F766E;color:#fff}
}
