:root{--paper:#f6f2e8;--soft:#ede7d9;--linen:#fcf9f0;--ink:#183329;--muted:#465b4f;--green:#203f31;--light:#c8d8a9;--line:#cbc6b5;--terra:#bc6c4d;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.6 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:.22em}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #a44d2e;outline-offset:3px}.wrap{width:min(1120px,calc(100% - 2.6rem));margin-inline:auto}.skip{position:absolute;top:.5rem;left:1rem;z-index:5;padding:.65rem 1rem;background:white;transform:translateY(-180%)}.skip:focus{transform:none}.top{border-bottom:1px solid var(--line);background:var(--paper)}.top .wrap{min-height:4.4rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.logo{display:flex;align-items:center;gap:.65rem;font-family:var(--serif);font-size:1.22rem;font-weight:bold;text-decoration:none;white-space:nowrap}.mark{display:inline-grid;place-items:center;width:2rem;height:2rem;background:var(--green);color:white;border-radius:50%;font-size:1.1rem}.top nav{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem;font-size:.94rem}.top nav a{text-decoration:none;padding:.6rem 0}.top nav a:hover,.top nav a[aria-current=page]{text-decoration:underline}.kicker,.eyebrow{margin:0;color:#4c614f;font-size:.72rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.hero{padding:3.5rem 0 3.25rem;background:radial-gradient(ellipse at 95% 35%,#ebead9 0%,transparent 62%), var(--paper);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(2rem,7vw,7rem)}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08;margin:.65em 0 .4em;letter-spacing:-.035em}h1{font-size:clamp(2.65rem,6.2vw,5.4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.35rem,3vw,1.65rem)}p{margin:0 0 1rem}.lede{font-size:1.08rem;color:var(--muted);max-width:39rem}.hero h1{margin:.24em 0 .26em}.hero-art{display:block;width:100%;max-width:440px;margin:auto;filter:drop-shadow(0 20px 24px #5d57461a)}.cta-row{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap;margin-top:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1rem;border-radius:.7rem;border:1px solid var(--green);background:var(--green);color:#fff;text-decoration:none;font:650 .93rem/1.4 system-ui;cursor:pointer}.btn:hover{background:#325644}.btn.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.btn.secondary:hover{background:var(--soft)}.mini{font-size:.88rem;color:var(--muted)}.planner-section{padding:3rem 0}.planner-section h2{margin:.25em 0}.planner-shell{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1.22fr);gap:0;border:1px solid var(--line);border-radius:1.25rem;overflow:hidden;background:var(--linen);margin-top:1.35rem}.settings{padding:clamp(1.2rem,4vw,2rem);background:#f1eadb;border-right:1px solid var(--line)}.settings h3,.map-card h3{margin:.3em 0 .35em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.settings label{font-weight:650;font-size:.9rem;display:block;margin:.85rem 0 .25rem}.settings input,.settings select{min-height:46px;width:100%;background:#fffaf1;color:var(--ink);border:1px solid #9d9c87;border-radius:.5rem;padding:.45rem .55rem;font:inherit}.settings .cta-row{margin:1rem 0 .4rem}.status{min-height:1.5em;font-size:.9rem;margin:.55rem 0}.error{color:#89381e}.map-card{padding:clamp(1rem,4vw,2rem);min-width:0}.plan-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(9rem,.68fr);gap:1rem;align-items:center}.map{min-width:0;border-radius:1rem;background:#f2efe3}.map svg{display:block;width:100%;height:auto;max-height:320px}.map-grid{stroke:#d7d2c1;stroke-width:1}.map-frame{stroke:#495c43;stroke-width:1}.zone-main{fill:#d6b49a}.zone-path{fill:#e6dcc8}.zone-edge{fill:#bfd2a6}.zone-quiet{fill:#a5bf92}.zone-back{fill:#e1bba8}.map-label,.map-digit,.map-size{fill:#263d2f;text-anchor:middle;font:600 11px system-ui}.map-size{font-size:13px}.legend{margin:0;padding:0;list-style:none;font-size:.81rem;line-height:1.35}.legend li{display:flex;align-items:center;gap:.45rem;margin:.55rem 0}.swatch{border-radius:5px;display:grid;place-items:center;width:1.55rem;height:1.55rem;flex:0 0 1.55rem;color:#223927;font-size:.75rem;font-weight:bold}.swatch-main{background:#d6b49a}.swatch-path{background:#e6dcc8}.swatch-edge{background:#bfd2a6}.swatch-quiet{background:#a5bf92}.swatch-back{background:#e1bba8}.notes{padding-left:1.2rem;font-size:.88rem;margin:1rem 0 0;color:var(--muted)}.notes li{margin:.3rem 0}.guides{padding:2.45rem 0 3rem;border-top:1px solid var(--line)}.guides h2{margin:.2em 0 .4em}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{border:1px solid var(--line);border-radius:.85rem;padding:1.15rem;background:var(--linen);min-width:0}.card h3{margin:.45em 0}.card p{font-size:.91rem;color:var(--muted)}.card a{font-weight:700;font-size:.91rem}.app-strip{background:var(--green);color:#f7f5e7;padding:2.5rem 0}.app-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center}.app-strip .kicker,.app-strip .mini{color:#d6e3ca}.app-strip h2{margin:.2em 0 .35em}.app-strip p{margin:.5rem 0}.app-strip .btn{background:#e0e9c0;color:var(--green);border-color:#e0e9c0}.app-strip .btn:hover{background:white}.footer{padding:1.5rem 0;border-top:1px solid var(--line);color:var(--muted);font-size:.87rem}.footer .wrap{display:flex;justify-content:space-between;gap:.75rem 1.2rem;flex-wrap:wrap}.footer a{padding:.35rem 0}.article{padding:2.25rem 0 3rem}.article-inner{max-width:46rem;margin:0 auto}.article h1{font-size:clamp(2.4rem,6vw,4.25rem);margin:.3em 0}.article h2{font-size:clamp(1.7rem,4vw,2.35rem);margin:1.22em 0 .4em}.article p,.article li{max-width:66ch}.article ul,.article ol{padding-left:1.2rem}.article li{margin:.4rem 0}.article aside{margin:1.35rem 0;padding:1rem 1.15rem;border-left:.22rem solid #9a5e44;background:var(--soft);border-radius:.4rem}.breadcrumbs{font-size:.89rem;color:var(--muted);margin:0 0 1rem}.sources{border-top:1px solid var(--line);margin-top:2rem;padding-top:.8rem}.sources h2{font-size:1.35rem;margin:.4em 0}.article .cta-row{margin:1.6rem 0}.screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.plan-visual{grid-template-columns:1fr}.legend{display:grid;grid-template-columns:1fr 1fr;gap:.15rem .65rem}}@media(max-width:700px){.top .wrap{min-height:auto;align-items:flex-start;flex-direction:column;gap:.3rem;padding-top:.8rem}.top nav{gap:.9rem}.top nav a{min-height:44px}.hero{padding:2.45rem 0}.hero-grid,.planner-shell,.app-grid{grid-template-columns:1fr;gap:1.4rem}.hero-grid{gap:1.5rem}.hero-art{max-width:345px}.planner-shell{gap:0}.settings{border-right:0;border-bottom:1px solid var(--line)}.plan-visual{grid-template-columns:minmax(0,1fr) minmax(8.4rem,.68fr)}.legend{display:block}.cards{grid-template-columns:1fr;gap:.65rem}.app-grid .btn{justify-self:start}}@media(max-width:420px){.wrap{width:calc(100% - 1.75rem)}.plan-visual{grid-template-columns:1fr}.legend{display:grid;grid-template-columns:1fr}.top nav{font-size:.87rem;gap:.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.top,.settings,.guides,.app-strip,.footer,.hero{display:none}.planner-shell{display:block;border:0}.planner-section{padding:0}.map-card{padding:0}.map{print-color-adjust:exact}.plan-visual{display:grid;grid-template-columns:1fr 1fr}}

.settings fieldset{padding:0;margin:0;border:0;min-width:0}.settings fieldset:disabled .btn{opacity:.55;cursor:not-allowed}

.hero-tool-note{margin-top:.9rem}

.backyard-hero h1{font-size:clamp(2.5rem,5.6vw,4.95rem)}
.yard-figure{margin:0;min-width:0}
.yard-figure figcaption{margin:1rem auto 0;text-align:center}
.backyard-actions{gap:1rem}
.store-badge{display:inline-flex;align-items:center;min-height:46px;border-radius:.45rem}
.store-badge img{display:block;width:132px;height:44px}
.workflow{padding:3rem 0;border-bottom:1px solid var(--line);background:var(--linen)}
.workflow h2{margin:.25em 0 .6em}
.workflow-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;counter-reset:yard-step}
.workflow-grid li{counter-increment:yard-step;border-top:1px solid var(--line);padding-top:1rem;min-width:0}
.workflow-grid li:before{content:"0" counter(yard-step);font-size:.78rem;font-weight:700;color:var(--muted);letter-spacing:.12em}
.workflow-grid h3{margin:.35em 0 .5em}.workflow-grid p{color:var(--muted);margin:0}
.workflow-note{margin:1.35rem 0 0;color:var(--muted)}
@media(max-width:700px){.workflow-grid{grid-template-columns:1fr;gap:1rem}.workflow,.backyard-hero{padding:2.15rem 0}}
@media print{.workflow{display:none}}