@font-face{font-family:"Raleway";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/raleway-400.woff2) format("woff2")}
@font-face{font-family:"Raleway";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/raleway-500.woff2) format("woff2")}
@font-face{font-family:"Raleway";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/raleway-600.woff2) format("woff2")}
@font-face{font-family:"Raleway";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/raleway-700.woff2) format("woff2")}
:root{--primary:#5b4131;--primary-dark:#3e2c21;--accent:#caa883;--sage:#8fa98f;--sage-dark:#5f7d68;--sage-deep:#3f5a4a;--bg:#fdf9f4;--text:#2e2520;--muted:#6b5f56}
*{box-sizing:border-box}
body{margin:0;font-family:"Raleway","Segoe UI",system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-text-size-adjust:100%}
header{background:#fff;border-bottom:1px solid rgba(0,0,0,.07)}
.bar{width:min(100% - 2.5rem,860px);margin:auto;display:flex;justify-content:space-between;align-items:center;min-height:64px;gap:1rem;flex-wrap:wrap}
.bar a{color:var(--primary-dark);font-weight:600;text-decoration:none}
main{width:min(100% - 2.5rem,860px);margin:2.5rem auto 4rem;background:#fff;padding:clamp(1.4rem,4vw,3rem);border-radius:18px;box-shadow:0 8px 28px rgba(62,44,33,.1)}
h1{font-size:clamp(1.8rem,5vw,2.4rem);margin-top:0;color:var(--primary-dark)}
h2{font-size:1.3rem;margin-top:2rem;color:var(--primary-dark);border-bottom:2px solid var(--sage);padding-bottom:.3rem}
h3{font-size:1.05rem;margin-top:1.4rem}
a{color:var(--primary-dark)}
ul{padding-left:1.3rem}
.todo{background:#fff3cd;border:1px dashed #c9a227;padding:0 .3em;border-radius:4px}
footer{text-align:center;padding:2rem 1rem;background:var(--sage-deep);color:#fff;font-size:.92rem}
footer a{color:#fff;margin:0 .6rem}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media print{header,footer{display:none}main{box-shadow:none}}