@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
:root{--ink:#17352c;--green:#28604b;--leaf:#dce9d7;--cream:#fbfaf6;--rust:#ad5f3c;--line:#d9ded6;--shadow:0 12px 30px #17352c12;--sans:'Inter',Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 Georgia,serif}
a{color:#1d5b46;text-underline-offset:3px}
a:hover{color:#994523}
header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:14px max(24px,calc((100% - 1200px)/2));background:#fffdf8eF;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{font:700 20px/1.2 var(--sans);color:var(--ink);text-decoration:none;white-space:nowrap}
.brand span{color:var(--rust)}
nav{display:flex;flex-wrap:wrap;gap:15px}
nav a{font:600 14px var(--sans);text-decoration:none}
.menu-toggle{display:none}
main{max-width:1200px;margin:auto;padding:42px 24px}
.hero-with-ad{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:stretch}
.hero{min-height:400px;padding:40px 0 30px;background:linear-gradient(90deg,#e5eedff2 0%,#f8f2e8d9 43%,#f8f2e82b 100%),url('/images/home-garden-hero-v5.png') center/cover no-repeat}
.hero-layout{max-width:960px;min-height:330px;margin:auto;padding:0 24px;display:block}
.hero-copy{max-width:850px}
.hero-ad{min-height:400px;margin:0;background:#fffdf8cc;border-color:#89998c;text-align:center;padding:14px;align-self:stretch}
.eyebrow{font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rust)}
h1,h2,h3{font-family:var(--sans);line-height:1.15;color:var(--ink)}
h1{font-size:clamp(2.35rem,6vw,4.6rem);max-width:900px;margin:.3rem 0 1rem}
h2{font-size:1.7rem;margin-top:2.5rem}
.lede,.dek{font-size:1.2rem;max-width:720px}
.button{display:inline-block;background:var(--green);color:white;border-radius:99px;padding:12px 20px;text-decoration:none;font:600 14px var(--sans)}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:white;padding:22px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.card>img{display:block;width:calc(100% + 44px);height:185px;object-fit:cover;margin:-22px -22px 18px;border-radius:14px 14px 0 0;background:#e2ebdc}
.card h3{margin:.2rem 0 .5rem;font-size:1.15rem}
.card p{font-size:.95rem}
.tag{font:700 12px var(--sans);color:var(--rust)}
.category-band{margin-top:34px;padding:30px;background:var(--leaf);border-radius:18px}
.breadcrumbs,.byline,.fine-print{font:14px var(--sans);color:#52665d}
.breadcrumbs{margin-bottom:24px}
.article{max-width:860px}
.article img{display:block;width:100%;height:auto;margin:28px 0;border-radius:16px;background:#e2ebdc}
.article figure{margin:32px 0}
.article figcaption{font:14px var(--sans);color:#52665d;margin-top:-20px}
.toc{display:grid;gap:6px;margin:28px 0;padding:18px 20px;background:#f0f4ec;border-left:4px solid var(--green)}
.article section>p{margin:1.1rem 0}
.article table{width:100%;border-collapse:collapse;margin:25px 0;font-size:.92rem}
.article th,.article td{border:1px solid var(--line);text-align:left;padding:12px;vertical-align:top}
.article th{background:#edf2e8}
.article blockquote{margin:24px 0;padding:16px 20px;background:#fff4e9;border-left:4px solid var(--rust)}
.ad-slot{min-height:130px;display:grid;place-items:center;border:1px dashed #a8b3aa;border-radius:10px;color:#67766c;font:12px var(--sans);margin:30px 0}
.ad-slot-top,.ad-slot-middle,.ad-slot-bottom{min-height:110px;background:#f7f8f4;letter-spacing:.04em;text-transform:uppercase}
.ad-rail{position:fixed;z-index:5;top:150px;width:120px;height:600px;min-height:600px;margin:0;background:#f7f8f4;writing-mode:vertical-rl;text-orientation:mixed}
.ad-rail-left{left:max(16px,calc(50% - 790px))}
.ad-rail-right{right:max(16px,calc(50% - 790px))}
.author-box{padding:22px;background:#edf2e8;border-radius:14px}
.profile-intro{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:center;margin:26px 0 34px;padding:22px;background:#edf2e8;border-radius:16px}
.article .profile-photo{width:190px;height:190px;object-fit:cover;object-position:center;border-radius:50%;margin:0;border:5px solid #fff;box-shadow:var(--shadow)}
.search-form{display:flex;gap:10px;max-width:680px}
.search-form input{flex:1;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit}
.search-form button,.cookie-banner button{background:var(--green);color:#fff;border:0;border-radius:7px;padding:10px 14px;font:600 14px var(--sans)}
footer{margin-top:50px;padding:36px max(24px,calc((100% - 1200px)/2));background:#17352c;color:#eef5ec;font-family:var(--sans)}
footer a{color:#fff}
.footer-links{margin:14px 0}
.cookie-banner{position:fixed;z-index:30;bottom:16px;left:16px;right:16px;max-width:650px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);font:14px var(--sans)}
.cookie-banner p{margin-top:0}
.cookie-banner div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.skip-link{position:absolute;left:-999px}
.skip-link:focus{left:10px;top:10px;z-index:50;padding:10px;background:#fff;color:#000}
#to-top{position:fixed;right:18px;bottom:18px;border:0;border-radius:50%;width:42px;height:42px;background:var(--green);color:#fff;font-size:20px}
@media(max-width:760px){header{flex-wrap:wrap}
.menu-toggle{display:block;margin-left:auto}
header nav{display:none;width:100%;flex-direction:column}
header nav.open{display:flex}
.card-grid{grid-template-columns:1fr}
h1{font-size:2.4rem}
.hero-with-ad{display:block}
.hero{min-height:0;padding:32px 0;background-position:62% center}
.hero-layout{min-height:0}
.hero-ad{display:none}
.article{padding-top:28px}
.profile-intro{grid-template-columns:1fr;text-align:center;justify-items:center}
.article .profile-photo{width:150px;height:150px}
}
@media(max-width:1510px){.ad-rail{display:none}}