@font-face{font-family:"Bricolage Grotesque";src:url("/assets/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("/assets/nunito-sans-latin-wght-normal.woff2") format("woff2");font-weight:200 1000;font-display:swap}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{background:#fff;color-scheme:light only}
body{margin:0;background:#fff!important;color:#1B2140;font:400 1.02rem/1.65 "Nunito Sans",system-ui,sans-serif}
main{width:min(100% - 40px,720px);margin:0 auto;padding:28px 0 80px}
a{color:#6C4DD3}
.back{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#1B2140;font:780 1.4rem/1 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.03em;margin-bottom:36px}
.back svg{width:36px}
h1,h2,h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.02em;line-height:1.15}
h1{font-size:clamp(2rem,6vw,2.8rem);margin:0 0 20px}
h2{font-size:1.3rem;margin:36px 0 10px}
ul{padding-left:1.2em}li{margin:3px 0}
h3{font-size:1.08rem;margin:24px 0 6px}
.todo{background:#FFE8DA;color:#8F3E12;padding:0 .3em;border-radius:5px;font-weight:700}
.note{background:#EEE9FC;border-radius:16px;padding:16px 18px;margin:0 0 28px;font-size:.95rem}
footer{border-top:1.5px solid #E9DFD2;margin-top:56px;padding-top:20px;font-size:.92rem;display:flex;gap:20px;flex-wrap:wrap}
footer a{color:#1B2140;font-weight:650;text-decoration:none}