:root{--cream:#FFF7EE;--cream2:#FDEEDE;--sage:#7A9474;--sage-d:#547048;--peach:#E9A87C;--ink:#4A3E34;--brown:#805C3E;--card:#FFFDF9;--line:#EAD9C4}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Georgia,'Times New Roman',serif;background:var(--cream);color:var(--ink);line-height:1.65}
a{color:var(--sage-d)}
header.site{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}
.nav{display:flex;align-items:center;gap:22px;padding:14px 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:bold;font-size:22px}
.logo img{width:40px;height:40px;border-radius:50%}
.nav nav{display:flex;gap:16px;flex-wrap:wrap;font-family:Arial,sans-serif;font-size:14px}
.nav nav a{text-decoration:none;color:var(--ink)}
.hero{background:linear-gradient(180deg,var(--cream2),var(--cream));padding:56px 0 40px;text-align:center}
.hero h1{font-size:42px;line-height:1.2;margin-bottom:14px}
.hero p{font-size:19px;max-width:720px;margin:0 auto 22px}
.btn{display:inline-block;background:var(--sage);color:#fff!important;padding:13px 28px;border-radius:999px;text-decoration:none;font-family:Arial,sans-serif;font-weight:bold;font-size:15px}
.btn.peach{background:var(--peach)}
.stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:34px 0}
.stage,.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.stage h3,.card h3{margin-bottom:8px;font-size:20px}
.stage a,.card a{text-decoration:none;color:var(--ink)}
.stage p,.card p{font-size:15px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:26px 0 44px}
main{padding:36px 0 10px}
h1.post{font-size:36px;line-height:1.25;margin-bottom:10px}
.meta{font-family:Arial,sans-serif;font-size:13px;color:#8a7a68;margin-bottom:20px}
article h2{font-size:26px;margin:30px 0 10px;color:var(--sage-d)}
article h3{font-size:20px;margin:22px 0 8px}
article p,article li{font-size:17px}
article ul{margin:8px 0 14px 22px}
.check li{list-style:none;position:relative;padding-left:6px}
.check{margin-left:6px}
.quick{background:var(--cream2);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:18px 0}
.toc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:18px 0;font-family:Arial,sans-serif;font-size:15px}
.toc b{display:block;margin-bottom:8px}
.leadmagnet{background:var(--sage);color:#fff;border-radius:14px;padding:26px;margin:30px 0;text-align:center}
.leadmagnet h3{color:#fff;margin:0 0 8px}
.leadmagnet input{padding:12px 14px;border-radius:8px;border:0;width:min(320px,80%);font-size:15px}
.leadmagnet button{background:var(--ink);color:#fff;border:0;padding:12px 22px;border-radius:8px;font-weight:bold;cursor:pointer}
.ad-slot{border:1px dashed var(--line);border-radius:10px;color:#b39d83;font-family:Arial,sans-serif;font-size:12px;text-align:center;padding:18px;margin:26px 0}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:10px 0}
.faq summary{font-weight:bold;cursor:pointer}
.disclaimer{font-size:13px;color:#8a7a68;border-top:1px solid var(--line);margin-top:34px;padding-top:14px;font-family:Arial,sans-serif}
footer.site{border-top:1px solid var(--line);margin-top:44px;padding:28px 0 40px;font-family:Arial,sans-serif;font-size:14px}
footer.site a{margin-right:14px}
table{border-collapse:collapse;width:100%;margin:14px 0}
td,th{border:1px solid var(--line);padding:9px 12px;font-size:15px;text-align:left}
th{background:var(--cream2)}
@media(max-width:640px){.hero h1{font-size:31px}h1.post{font-size:28px}}