@font-face{font-family:"Fira Sans";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/fira-sans-latin-400-normal.woff2) format("woff2"),url(fira-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Fira Sans";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/fira-sans-latin-600-normal.woff2) format("woff2"),url(fira-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Fira Sans";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/fira-sans-latin-700-normal.woff2) format("woff2"),url(fira-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Merriweather";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/merriweather-latin-400-normal.woff2) format("woff2"),url(merriweather-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Merriweather";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/merriweather-latin-600-normal.woff2) format("woff2"),url(merriweather-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Merriweather";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/merriweather-latin-700-normal.woff2) format("woff2"),url(merriweather-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Literata";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/literata-latin-400-normal.woff2) format("woff2"),url(literata-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Literata";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/literata-latin-600-normal.woff2) format("woff2"),url(literata-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Literata";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/literata-latin-700-normal.woff2) format("woff2"),url(literata-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"OpenDyslexic";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/opendyslexic-latin-400-normal.woff2) format("woff2"),url(opendyslexic-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"OpenDyslexic";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/opendyslexic-latin-700-normal.woff2) format("woff2"),url(opendyslexic-latin-700-normal.woff2) format("woff2")}
:root{--bg:#eceff4;--panel:#fff;--fg:#1d232b;--dim:#5c6672;--line:#d9dee5;--q:#1f6fb5;--qbg:#e6f0fa;--r:12px;
 --font:"Fira Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1b1d21;--panel:#24272c;--fg:#dcdfe3;--dim:#9aa2ac;--line:#3a3e45;--q:#5aaee8;--qbg:#22364a}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.6;font-size:17px;
 padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
a{color:var(--q)}
:focus-visible{outline:3px solid var(--q);outline-offset:2px}
button{font:inherit;color:inherit;cursor:pointer}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;background:var(--bar,var(--panel));box-shadow:0 0 0 100vmax var(--bar,var(--panel)),0 1px 0 100vmax var(--line);clip-path:inset(0 -100vmax -1px -100vmax)}
.logo{font-weight:700;font-size:21px;color:var(--fg);text-decoration:none;letter-spacing:-.01em;white-space:nowrap}
.logo b{color:var(--q)}
.logo{display:inline-flex;align-items:center;gap:9px}
.logo img{width:32px;height:32px;display:block;flex:none}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=sepia]) .logo img{background:#fff;border-radius:8px;padding:2px}}
:root[data-theme=dark] .logo img{background:#fff;border-radius:8px;padding:2px}
nav.links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
nav.links a{color:var(--fg);text-decoration:none;padding:6px 12px;border-radius:8px;font-size:16px;font-weight:500}
nav.links a:hover{background:var(--line);color:var(--fg)}
nav.links a[aria-current]{color:var(--q);font-weight:600}
.btn{background:var(--q);color:#fff;border:0;border-radius:10px;padding:13px 22px;font-weight:600;font-size:17px;min-height:48px}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:none;color:var(--fg);border:1px solid var(--line);padding:9px 14px;font-weight:500;font-size:15px;min-height:40px}
.btn.ghost:hover{background:var(--line)}
footer.site{border-top:1px solid var(--line);padding:26px 0 40px;color:var(--dim);font-size:15px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;margin-top:40px}
footer.site nav{display:flex;flex-wrap:wrap;gap:6px 18px}
footer.site a{color:var(--dim)}
@media (max-width:520px){.wrap{padding:0 14px}.top{flex-wrap:wrap;padding:8px 0}nav.links{justify-content:flex-start;gap:0;margin:0 -10px}nav.links a{padding:8px 10px;font-size:15px}}