:root{--cream:#F7F3EE;--sage:#9CAF88;--terracotta:#C97B5D;--charcoal:#3A3A3A;--grey:#6b6b6b;--line:#e5ded4}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--cream);color:var(--charcoal);font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header.site{padding:34px 0 22px;border-bottom:1px solid var(--line);margin-bottom:40px}
.brand{text-decoration:none;color:var(--charcoal);display:block}
.brand .the{font-family:Georgia,"Times New Roman",serif;letter-spacing:.35em;font-size:14px;color:var(--grey);text-transform:uppercase}
.brand h1,.brand .h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:40px;line-height:1.1;border-bottom:2px solid var(--sage);display:inline-block;padding-bottom:6px}
.brand .tag{letter-spacing:.22em;font-size:12px;color:var(--sage);text-transform:uppercase;margin-top:8px}
nav.main{margin-top:16px;font-size:14px}
nav.main a{color:var(--charcoal);text-decoration:none;margin-right:18px;border-bottom:1px solid transparent}
nav.main a:hover{border-color:var(--terracotta);color:var(--terracotta)}
main{min-height:55vh}
h1.post,main h1{font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.25;margin-bottom:14px}
main h2{font-family:Georgia,"Times New Roman",serif;font-size:25px;margin:38px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--line)}
main h3{font-size:19px;margin:26px 0 8px}
main p{margin-bottom:16px}
main ul,main ol{margin:0 0 16px 22px}
main li{margin-bottom:8px}
a{color:var(--terracotta)}
.meta{color:var(--grey);font-size:14px;margin-bottom:24px}
.disclosure{background:#efe9df;border-left:3px solid var(--sage);padding:12px 16px;font-size:14px;color:var(--grey);margin-bottom:28px;border-radius:0 6px 6px 0}
.card{border:1px solid var(--line);background:#fffdfa;border-radius:10px;padding:22px;margin-bottom:18px}
.card h2{border:none;margin:0 0 6px;font-size:22px}
.card p{margin-bottom:8px}
.card .more{font-size:14px;text-decoration:none;font-weight:600}
.idea{margin-bottom:22px}
.idea h3{margin-top:0}
footer.site{margin-top:70px;border-top:1px solid var(--line);padding:28px 0 40px;font-size:13px;color:var(--grey)}
footer.site a{color:var(--grey);margin-right:14px}
.assoc{margin-top:10px;font-style:italic}
.faq dt{font-weight:700;margin-top:18px}
.faq dd{margin-left:0;margin-top:6px}
.btn{display:inline-block;background:var(--sage);color:#fff;text-decoration:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:15px}
.btn:hover{background:#8a9e77}
img{max-width:100%;height:auto;border-radius:10px}
main img{margin:6px 0 22px}
.wordmark{display:block;max-width:340px;height:auto;border-radius:0}
.hero{margin-bottom:34px}
.hero img{width:100%;max-height:340px;object-fit:cover;margin:0 0 20px}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:38px;margin-bottom:10px}
.hero .lede{font-size:18px;color:var(--grey)}
.sectionhead{font-family:Georgia,"Times New Roman",serif;font-size:24px;margin:34px 0 16px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.cardgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:640px){.cardgrid{grid-template-columns:1fr}}
.card .thumb,img.thumb{width:100%;height:170px;object-fit:cover;margin:0 0 12px;display:block}
.pinbox{background:#efe9df;border-radius:12px;padding:22px 24px;margin-top:36px}
.pinbox h2{border:none;margin:0 0 8px;font-size:21px}
.pinbox p{margin:0}
.crosslink{background:#efe9df;border-left:3px solid var(--terracotta);padding:10px 14px;font-size:15px;border-radius:0 6px 6px 0}
.pinthis{display:flex;gap:22px;align-items:center;background:#fffdfa;border:1px solid var(--line);border-radius:12px;padding:20px;margin:38px 0}
.pinthis img{width:180px;margin:0;flex-shrink:0}
.pinthis h2{border:none;margin:0 0 6px;font-size:21px}
.pinthis p{margin-bottom:12px}
@media(max-width:560px){.pinthis{flex-direction:column}.pinthis img{width:60%}}
.newsbox{background:var(--sage);color:#fff;border-radius:12px;padding:24px;margin-top:36px}
.newsbox h2{border:none;color:#fff;margin:0 0 6px;font-size:22px}
.newsbox p{margin-bottom:14px}
.newsbox form{display:flex;gap:10px;flex-wrap:wrap}
.newsbox input[type=email]{flex:1;min-width:220px;padding:10px 14px;border-radius:8px;border:none;font-size:15px}
.newsbox .btn{background:var(--charcoal)}
.newsbox .btn:hover{background:#262626}
.alink{display:inline-block;margin-top:4px;font-weight:600;font-size:15px;color:var(--terracotta);text-decoration:none;border-bottom:1.5px solid var(--terracotta)}
.alink:hover{color:#a95f43;border-color:#a95f43}
