@font-face{font-family:Lora;src:url(lora_variable.ttf)}
@font-face{font-family:Noto;src:url(noto_sans_variable.ttf)}
:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f7f2e8;color:#193d29;font:17px/1.7 Noto,system-ui,sans-serif}
header,main,footer{max-width:820px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #c6b49a}
header img{width:48px;height:48px}header a{font:700 25px Lora,serif;text-decoration:none}nav{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}
h1,h2{font-family:Lora,serif;line-height:1.3}h1{font-size:34px}h2{font-size:23px;margin-top:32px}a{color:inherit;text-underline-offset:4px;overflow-wrap:anywhere}
a:focus-visible{outline:3px solid #ad5016;outline-offset:5px}p{overflow-wrap:anywhere}.meta,footer{font-size:14px}section{padding-bottom:8px}footer{border-top:1px solid #c6b49a}
@media(max-width:480px){header,main,footer{padding:20px}h1{font-size:28px}}