@font-face{font-family:'Fredoka';src:url('/fonts/fredoka.woff2') format('woff2');font-weight:300 700}
html{font:-apple-system-body;font-size:100%}
body{margin:0;padding:1.2rem 1.2rem 3rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#2A1B3D;background:#fff;line-height:1.55;max-width:44rem;margin:0 auto;-webkit-text-size-adjust:100%}
h1{font-family:'Fredoka',system-ui,sans-serif;font-size:1.8rem;margin:.2rem 0 .2rem;line-height:1.15}
h2{font-family:'Fredoka',system-ui,sans-serif;font-size:1.25rem;margin:1.8rem 0 .4rem}
h3{font-size:1.05rem;margin:1.2rem 0 .3rem}
p,li{font-size:1rem}
.meta{color:#5E4E6E;font-size:.9rem}
.box{background:#FFF4E8;border-radius:14px;padding:1rem 1.1rem;margin:1rem 0;border:1px solid #F0D9C2}
.box ul{margin:.4rem 0 0;padding-left:1.2rem}
table{border-collapse:collapse;width:100%;margin:.6rem 0;font-size:.95rem}
th,td{border:1px solid #E8D5C2;padding:.5rem;text-align:left;vertical-align:top}
th{background:#FFF4E8}
a{color:#5B2A86}
:focus-visible{outline:3px solid #1D4ED8;outline-offset:2px}

.sitebar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.2rem 0 1rem;border-bottom:1px solid #F0D9C2;margin-bottom:1rem}
.sitebar a.brand{display:flex;align-items:center;gap:.5rem;font-family:'Fredoka',system-ui,sans-serif;font-weight:700;font-size:1.15rem;color:#2A1B3D;text-decoration:none}
.sitebar img{width:2.1rem;height:2.1rem;border-radius:50%}
.sitefoot{margin-top:2.5rem;padding-top:1rem;border-top:1px solid #F0D9C2;color:#5E4E6E;font-size:.9rem}