:root{--bg:#f4f1ea;--ink:#1d2a30;--muted:#5d6b72;--card:#fff;--accent:#2f6b6e;--line:#dfd9cd;--dark:#1c2b33}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,"Iowan Old Style",serif;color:var(--ink);background:var(--bg);line-height:1.65}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.site{background:var(--dark);color:#eef3f2;position:sticky;top:0;z-index:5}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px}
.brand{color:#fff;text-decoration:none;font-size:1.25rem;font-weight:700;letter-spacing:.3px}
.logo{color:#8fd3cf}
header.site nav a{color:#cfe0de;text-decoration:none;margin-left:18px;font-family:system-ui,Arial,sans-serif;font-size:.95rem}
header.site nav a:hover{color:#fff;text-decoration:underline}
main.wrap{padding-top:26px;padding-bottom:40px}
.hero-block{min-height:360px;border-radius:14px;display:flex;align-items:flex-end;background-size:cover;background-position:center;color:#fff;margin-bottom:10px}
.hero-block>div{padding:30px}
.hero-block h1{font-size:2.6rem;margin:0 0 8px}
.hero-block p{max-width:620px;font-size:1.1rem;margin:0}
h2.section{border-bottom:2px solid var(--line);padding-bottom:8px;margin:34px 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.card img{width:100%;height:180px;object-fit:cover;display:block}
.cbody{padding:14px 16px}
.card h3{margin:0 0 6px;font-size:1.15rem;line-height:1.3}
.card p{margin:6px 0 0;font-size:.95rem}
.meta{color:var(--muted);font-family:system-ui,Arial,sans-serif;font-size:.82rem;margin:0}
.post{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px 32px;max-width:760px;margin:0 auto}
.post .hero{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:10px;margin:6px 0 18px}
.post h1{font-size:2.1rem;line-height:1.2;margin:.2em 0}
.post h2{font-size:1.4rem;margin:1.6em 0 .4em;color:var(--accent)}
.post p,.post li{font-size:1.07rem}
.post ul{padding-left:1.2em}
.crumb,.backlink{font-family:system-ui,Arial,sans-serif;font-size:.9rem}
.crumb a,.backlink a,.post a{color:var(--accent)}
.backlink{margin-top:30px;border-top:1px solid var(--line);padding-top:16px}
table.credits{width:100%;border-collapse:collapse;font-family:system-ui,Arial,sans-serif;font-size:.9rem;margin:16px 0}
table.credits th,table.credits td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
table.credits th{background:#ece7dc}
.muted{color:var(--muted);font-size:.9rem}
footer.site{background:var(--dark);color:#b9cac8;margin-top:50px;font-family:system-ui,Arial,sans-serif;font-size:.9rem}
footer.site .wrap{padding:24px 20px}
footer.site a{color:#8fd3cf}
@media(max-width:600px){.hero-block h1{font-size:1.9rem}.post{padding:20px}.post h1{font-size:1.6rem}}