:root{--ct:#243D3B;--page:#F7F5F0;--card:#FDFCFA;--teal:#0F6B6D;--teal-h:#0B5557;--coral:#E56A5A;--ink:#292825;--ink2:#68635C;--line:#DEDAD2;--head:#243D3B;--band:#243D3B;--band-ink:#F7F5F0;--on-teal:#fff;--foot:#292825;--shadow:0 1px 2px rgba(36,61,59,.06),0 8px 24px rgba(36,61,59,.06)}
[data-theme=dark]{--page:#131C1B;--card:#1B2826;--teal:#5BB5B4;--teal-h:#7DCAC9;--coral:#EE8576;--ink:#E7E3DB;--ink2:#A59F96;--line:#2E3E3C;--head:#F1EEE7;--band:#0D1514;--band-ink:#F1EEE7;--on-teal:#0D1514;--foot:#0D1514;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:Lato,system-ui,sans-serif;font-size:18px;line-height:1.6;color:var(--ink);background:var(--page);transition:background .2s,color .2s}
h1,h2,h3,h4{font-family:Poppins,system-ui,sans-serif;color:var(--head);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
p{text-wrap:pretty}
a{color:var(--teal)}a:hover{color:var(--teal-h)}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:4px}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:Lato,sans-serif;font-weight:700;font-size:17px;background:var(--teal);color:var(--on-teal);text-decoration:none;border-radius:8px;padding:15px 26px;transition:background .15s,transform .15s}
.btn:hover{background:var(--teal-h);color:var(--on-teal)}
.btn:active{transform:translateY(1px)}
.btn.sm{font-size:15px;padding:10px 18px}
.toggle{background:none;border:1px solid var(--line);color:var(--head);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.toggle:hover{border-color:var(--teal);color:var(--teal)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
::selection{background:var(--teal);color:var(--on-teal)}