@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lora:wght@400;500;600;700&display=swap');
:root{--bg:#f4f1e9;--panel:#fffefb;--ink:#2d332d;--accent:#556949;--border:#d9d6cb;--header:#415040;--detail:#a3ad83;}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.65 "DM Sans",Arial,sans-serif}
a{color:var(--accent)}.site-head{padding:32px max(24px,calc((100% - 1060px)/2)) 27px;background:var(--header);color:#fff;border-bottom:3px solid var(--detail)}
.site-head h1{margin:0;font:700 2rem/1.25 "Lora",Georgia,serif}.site-head h1 a{color:#fff;text-decoration:none}.site-head p{opacity:.86;margin:7px 0 0}
.site-nav{background:var(--panel);border-bottom:1px solid var(--border)}.site-nav ul{display:flex;flex-wrap:wrap;list-style:none;max-width:1060px;margin:0 auto;padding:0;gap:0}
.site-nav a{display:block;padding:14px 18px;text-decoration:none;color:var(--ink);font-weight:600}.site-nav a:hover,.site-nav .active a{color:var(--accent);background:var(--bg)}
.page-wrap{max-width:1060px;margin:30px auto 45px;padding:0 18px}.page-wrap article{background:var(--panel);border:1px solid var(--border);padding:36px 42px;min-height:240px;display:flow-root;min-width:0;overflow-wrap:break-word}
article h1,article h2,article h3,article h4,article h5,article h6{font-family:"Lora",Georgia,serif;line-height:1.3}article h1{font-size:2rem;margin:0 0 8px}article p{color:var(--ink)}
.description{margin:0 0 28px;opacity:.78}article img,article video{max-width:100% !important;height:auto !important;box-sizing:border-box;object-fit:contain}
article img[style*="float:left"],article img[style*="float: left"]{margin:0 12px 12px 0}article img[style*="float:right"],article img[style*="float: right"]{margin:0 0 12px 12px}
article pre{padding:15px;overflow:auto;background:var(--bg);border:1px solid var(--border)}article code{overflow-wrap:anywhere}article blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:18px}
article table{border-collapse:collapse;display:block;max-width:100%;overflow-x:auto}article td,article th{border:1px solid var(--border);padding:8px 12px}
.site-footer{max-width:1060px;margin:auto;padding:0 18px 24px;font-size:.85rem;opacity:.8}.landing-content{min-height:280px}
@media(max-width:700px){.site-head{padding:23px 18px}.site-head h1{font-size:1.55rem}.site-nav ul{display:block}.site-nav a{padding:13px 18px;border-bottom:1px solid var(--border)}.page-wrap{margin:18px auto}.page-wrap article{padding:24px 20px}article h1{font-size:1.6rem}}