/* Hometown Value Post — site styles */
:root{--ink:#22231f;--muted:#6b6a63;--bg:#faf8f4;--card:#ffffff;--accent:#2e5e4e;--accent-light:#e8f0ec;--rule:#e5e1d8;}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Georgia,'Times New Roman',serif;background:var(--bg);color:var(--ink);line-height:1.65;font-size:17px;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{max-width:860px;margin:0 auto;padding:0 20px;}

/* Header */
header.site{border-bottom:3px double var(--rule);background:#fff;padding:28px 0 18px;text-align:center;}
header.site .masthead{font-size:34px;letter-spacing:.5px;font-weight:700;color:var(--ink);}
header.site .masthead a{color:inherit;text-decoration:none;}
header.site .tagline{font-family:Helvetica,Arial,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-top:6px;}
nav.main{margin-top:16px;font-family:Helvetica,Arial,sans-serif;font-size:14px;}
nav.main a{color:var(--ink);margin:0 14px;text-transform:uppercase;letter-spacing:1px;}
nav.main a:hover{color:var(--accent);text-decoration:none;}

/* Hero */
.hero{padding:44px 0 10px;text-align:center;}
.hero h1{font-size:30px;line-height:1.3;max-width:620px;margin:0 auto 14px;}
.hero p{color:var(--muted);max-width:560px;margin:0 auto;}

/* Section headings */
.section-label{font-family:Helvetica,Arial,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);border-bottom:1px solid var(--rule);padding-bottom:8px;margin:40px 0 22px;}

/* Cards */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:20px;}
@media(max-width:640px){.cards{grid-template-columns:1fr;}}
.card{background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:24px;display:flex;flex-direction:column;}
.card .cat{font-family:Helvetica,Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);background:var(--accent-light);align-self:flex-start;padding:3px 9px;border-radius:3px;margin-bottom:12px;}
.card h3{font-size:20px;line-height:1.35;margin-bottom:10px;}
.card h3 a{color:var(--ink);}
.card p{font-size:15px;color:var(--muted);margin-bottom:14px;}
.card .meta{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:var(--muted);margin-top:auto;}

/* About */
.about{background:#fff;border:1px solid var(--rule);border-radius:6px;padding:28px;margin:36px 0;}
.about h2{font-size:20px;margin-bottom:10px;}
.about p{font-size:15px;color:var(--muted);}

/* Article */
article.post{background:#fff;border:1px solid var(--rule);border-radius:6px;padding:40px;margin:36px 0;}
@media(max-width:640px){article.post{padding:24px;}}
article.post .cat{font-family:Helvetica,Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);}
article.post h1{font-size:30px;line-height:1.3;margin:10px 0 8px;}
article.post .meta{font-family:Helvetica,Arial,sans-serif;font-size:13px;color:var(--muted);margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--rule);}
article.post h2{font-size:21px;margin:28px 0 10px;}
article.post p{margin-bottom:16px;}
article.post ul,article.post ol{margin:0 0 16px 24px;}
article.post li{margin-bottom:8px;}
.backlink{font-family:Helvetica,Arial,sans-serif;font-size:14px;display:inline-block;margin-top:8px;}

/* Legal pages */
.legal{background:#fff;border:1px solid var(--rule);border-radius:6px;padding:40px;margin:36px 0;}
@media(max-width:640px){.legal{padding:24px;}}
.legal h1{font-size:28px;margin-bottom:6px;}
.legal .updated{font-family:Helvetica,Arial,sans-serif;font-size:13px;color:var(--muted);margin-bottom:24px;}
.legal h2{font-size:19px;margin:24px 0 8px;}
.legal p,.legal li{font-size:15px;color:#3b3a34;margin-bottom:12px;}
.legal ul{margin:0 0 12px 24px;}

/* Footer */
footer.site{border-top:3px double var(--rule);margin-top:50px;padding:30px 0 40px;text-align:center;font-family:Helvetica,Arial,sans-serif;font-size:13px;color:var(--muted);background:#fff;}
footer.site .flinks{margin-bottom:10px;}
footer.site .flinks a{color:var(--ink);margin:0 10px;}
footer.site p{margin-bottom:6px;}