.planning-panel{background:#f5f4eb;border:1px solid #bcc8b8;border-radius:8px;padding:clamp(18px,3vw,32px);margin:24px 0;color:#20372b;font-family:Arial,sans-serif;line-height:1.6}
.planning-panel h2,.planning-panel h3{line-height:1.2;margin-top:0}.planning-panel p{max-width:72ch}.planning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.planning-panel label{display:block;font-weight:700;font-size:16px}.planning-panel input,.planning-panel select{width:100%;min-height:48px;box-sizing:border-box;padding:10px;border:1px solid #687d6e;border-radius:4px;font:inherit;background:#fff;color:#20372b}.planning-panel button{min-height:48px;padding:12px 18px;border:0;border-radius:4px;background:#254c37;color:white;font:700 16px Arial,sans-serif;cursor:pointer;margin-top:16px}.planning-result{background:#fff;padding:16px;border-left:4px solid #55774e;margin-top:16px;overflow-wrap:anywhere}.planning-result:empty{display:none}.planning-panel a{color:#244b36;text-decoration:underline;text-underline-offset:3px}.planning-panel details{border-top:1px solid #c2cdbd;padding:14px 0}.planning-panel summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item}.planning-panel:focus-within{outline-offset:4px}.planning-panel :focus-visible{outline:3px solid #b86827;outline-offset:3px}.planning-record{white-space:pre-wrap;background:#fff;padding:16px;border:1px dashed #84947c;font:16px/1.6 Arial,sans-serif}.home-planner{max-width:1200px;margin:24px auto;padding:clamp(18px,3vw,32px)}.planning-panel [id],#yard-planner,#budget-calculator{scroll-margin-top:190px}
@media(max-width:640px){.planning-grid{grid-template-columns:1fr}.site-header{position:static}.planning-panel [id],#yard-planner,#budget-calculator{scroll-margin-top:20px}.home-planner{margin:16px}.article-head-actions{display:flex;flex-wrap:wrap;gap:12px}.article-lead-image img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}}
@media print{.site-header,.site-footer,.planning-panel button{display:none}.planning-panel{break-inside:avoid}.planning-panel input{border:1px solid #555}}
.home-page .hero{min-height:480px;padding-top:36px}
.home-page .home-plan-notes>summary{padding-top:8px}
.home-page .home-plan-notes[open]>summary{margin-bottom:20px}
.home-page #yard-problem-finder,.home-page #fast-answer{scroll-margin-top:190px}
@media(max-width:640px){.home-page .hero{min-height:0;padding-top:24px}.home-page #yard-problem-finder,.home-page #fast-answer{scroll-margin-top:20px}.home-page .finder-heading h2{font-size:28px}.home-page .problem-card{min-height:0}}