@charset "UTF-8";
:root{--paper:#faf9f5;--white:#fff;--ink:#203a32;--muted:#617067;--line:#dedfd4;--green:#173b32;--lime:#dcebba;--orange:#c45631;--soft:#f0f1e8;--radius:16px;--sans:Inter,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}input,select{max-width:100%;min-width:0}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}h2{font:500 clamp(30px,3vw,42px)/1.16 var(--serif);letter-spacing:-1px}h3{font-size:19px;font-weight:600}p{color:var(--muted)}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.icon{flex-shrink:0;vertical-align:middle}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:1.8px;line-height:1.5;margin-bottom:18px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:49px;padding:12px 21px;border-radius:7px;border:1px solid transparent;font-size:14px;font-weight:600;text-align:center;transition:background .18s,transform .18s}.button .icon{width:18px;height:18px}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#fff}.primary:hover{background:#285446}.secondary{background:var(--white);border-color:var(--line);color:var(--green)}.secondary:hover{background:var(--soft)}.text-link{display:inline-flex;align-items:center;gap:12px;border:0;background:none;padding:0;font-size:13px;font-weight:600;text-underline-offset:5px}.text-link:hover{text-decoration:underline}.text-link .icon{width:17px}.fine-print{font-size:11px;line-height:1.65;color:var(--muted);margin:12px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:20px;padding:12px 20px;background:var(--green);color:white;z-index:100}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{height:88px;display:flex;align-items:center;gap:44px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:26px;font-weight:750;letter-spacing:-1.3px;line-height:1}.brand-period{color:var(--orange);margin-left:-7px}.brand-mark{display:flex;align-items:center;justify-content:center;width:35px;height:35px;color:var(--green)}.brand-mark .icon{width:30px;height:30px}.site-header nav{display:flex;gap:32px;margin:auto;font-size:13px;font-weight:550}.site-header nav a{padding:32px 0}.site-header nav a:hover,.site-header nav .active{color:var(--orange)}.project-link{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650}.project-link .icon{width:18px}.project-count{display:grid;place-items:center;background:#e9ebdf;border-radius:50%;height:23px;min-width:23px;padding:0 5px;font-size:11px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;padding-block:70px 78px}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(44px,4.7vw,65px);line-height:1.05;letter-spacing:-2.6px;margin:25px 0 25px}.hero h1 em{font-weight:400;color:#45694b}.hero-copy>p{max-width:445px;font-size:16px;line-height:1.85;margin-bottom:29px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.hero-actions .text-link{font-size:11px}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:29px;font-size:10px;color:var(--muted)}.hero-proof span{display:flex;align-items:center;gap:5px}.hero-proof .icon{width:13px;height:13px;color:#547347}.yard-illustration{position:relative;background:#eaeede;border-radius:15px;padding:22px 24px 27px;transform:rotate(1deg);min-width:0;border:1px solid #e0e6d3}.plan-header{display:flex;justify-content:space-between;gap:15px;font-size:7px;font-weight:700;letter-spacing:1.2px;color:#54684e}.yard-plan{height:300px;margin:20px 8px 8px;position:relative;background-image:linear-gradient(#ccd6be77 1px,transparent 1px),linear-gradient(90deg,#ccd6be77 1px,transparent 1px);background-size:18px 18px;border-radius:12px}.plan-lawn{position:absolute;inset:53px 52px 45px 76px;border:2px solid #96ad76;background:#b8cd97;border-radius:4px 18px 4px 4px;box-shadow:inset 0 0 0 5px #c7d8ae}.plan-lawn>span{position:absolute;top:43%;left:20%;color:#537445;font:italic 15px var(--serif)}.plan-bed{position:absolute;background:#97715a;border:3px solid #755744;border-radius:4px;display:flex;align-items:center;justify-content:space-evenly}.bed-top{top:26px;left:61px;right:47px;height:43px}.bed-left{top:84px;left:32px;bottom:40px;width:50px;flex-direction:column}.plan-bed i{display:block;width:28px;height:28px;background:#547d48;border:6px solid #759253;border-radius:48% 55% 45% 58%;outline:1px solid #355f3e;box-shadow:2px 3px 0 #714f3b}.bed-top i:nth-child(even){background:#a2ae5a;border-color:#7e8e4d}.bed-top>span{position:absolute;right:6px;bottom:-23px;font:italic 11px var(--serif);color:#4c663a}.plan-path{position:absolute;left:84px;bottom:28px;right:40px;height:26px;background-color:#d1c3a0;background-image:radial-gradient(#a49779 1px,transparent 1px);background-size:6px 6px;border:1px solid #b2a885;border-radius:3px}.plan-patio{position:absolute;right:36px;bottom:30px;width:140px;height:105px;border:3px solid #bdab92;border-radius:2px;background-color:#e7decd;background-image:linear-gradient(#bcae98 1px,transparent 1px),linear-gradient(90deg,#bcae98 1px,transparent 1px);background-size:28px 22px;box-shadow:2px 3px 0 #83906533;display:flex;align-items:center;justify-content:center}.plan-patio>span{font:italic 12px var(--serif);background:#f3ead9e8;padding:5px 7px;transform:rotate(-7deg)}.measure{font-size:9px;color:#57714e;font-weight:600}.measure-top{position:absolute;top:0;left:84px;right:45px;text-align:center;border-bottom:1px solid #8d9e7a;line-height:17px}.measure-top>span{float:right}.measure-side{position:absolute;right:-9px;top:40%;writing-mode:vertical-rl;border-right:1px solid #8d9e7a;padding-right:6px}.north{position:absolute;bottom:10px;left:2px;color:#59764b;text-align:center;font-size:11px;line-height:1.3}.grass{position:absolute;border-left:2px solid #86a368;border-right:2px solid #86a368;width:10px;height:10px;transform:rotate(15deg)}.grass-one{top:26px;left:25px}.grass-two{top:59px;right:33px}.grass-three{bottom:25px;left:30px}.plan-result{display:flex;gap:12px;align-items:center;position:relative;background:#fffef9;padding:15px 16px;border-radius:9px;box-shadow:0 5px 15px #3554320b;margin:0 -9px;transform:rotate(-2deg)}.plan-result-icon{display:grid;place-items:center;border-radius:7px;width:36px;height:36px;background:#eff1e7}.plan-result small{display:block;font-size:7px;letter-spacing:1px;color:#6e7967;margin-bottom:3px}.plan-result strong{font-size:14px;font-weight:600}.check-circle{margin-left:auto;border-radius:50%;width:23px;height:23px;text-align:center;background:var(--lime);font-size:12px;line-height:23px}.plan-caption{position:absolute;bottom:-31px;right:18px;color:#6c8060;font:italic 15px var(--serif);transform:rotate(-4deg)}.trust-strip{border-block:1px solid var(--line);background:#f1f2e9}.trust-strip .container{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;font-family:var(--serif);font-size:19px}.trust-strip .container>span:first-child{font:700 9px var(--sans);letter-spacing:1.6px}.trust-strip i{font-style:normal;color:#8c9e73;font-size:22px}.trust-strip .strip-end{font:11px var(--sans);color:var(--muted);max-width:155px;line-height:1.5}.section{padding-block:76px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:31px}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{font-size:13px;line-height:1.7;margin-bottom:3px}.tool-controls{display:flex;justify-content:space-between;gap:16px;margin:27px 0 25px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filter{border:1px solid transparent;padding:8px 14px;background:transparent;font-size:11px;border-radius:6px;min-height:37px}.filter:hover{background:#e9ecdf}.filter.active{color:white;background:var(--green)}.filter span{font-size:9px;background:#ffffff22;border-radius:3px;padding:2px 5px;margin-left:5px}.search-label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 12px;min-width:180px}.search-label>span:not(.sr-only){font-size:23px;line-height:1}.search-label input{border:0;background:transparent;font-size:11px;padding:10px 0;max-width:160px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.tool-card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:10px;padding:22px 20px 15px;transition:transform .15s,box-shadow .15s;min-width:0}.tool-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #213b3210;border-color:#b9c6b0}.tool-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;margin-bottom:18px}.sage{background:#e9efdb;color:#4e6d37}.sand{background:#f0e9d6;color:#877446}.clay{background:#f4e6dc;color:#a46949}.stone{background:#e6eae6;color:#647266}.card-category{font-size:9px;color:var(--muted);margin-bottom:7px;letter-spacing:.4px}.tool-card h3{display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-size:24px;font-weight:500;margin-bottom:12px}.tool-card h3>span{font:17px var(--sans);color:#6c7b69}.tool-card p{font-size:11px;line-height:1.75;flex:1;margin-bottom:24px}.card-foot{display:flex;justify-content:space-between;gap:5px;align-items:center;border-top:1px solid #eceee6;padding-top:12px;font-size:8px;color:var(--muted)}.card-foot>span{display:flex;align-items:center;gap:4px;color:var(--green);font-size:9px;font-weight:600}.card-foot .icon{width:12px;height:12px}.empty-search{padding:40px;text-align:center}.how-section{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding:43px 48px;background:#eef0e6;border:1px solid #e3e6d9;border-radius:12px}.how-section h2{margin-bottom:25px}.how-steps{list-style:none;padding:0;margin:0;display:grid;gap:22px}.how-steps li{display:flex;gap:22px}.how-steps li>span{font:italic 25px var(--serif);color:#8a9e75;line-height:1.3}.how-steps h3{font-size:14px;margin-bottom:7px}.how-steps p{font-size:12px;line-height:1.7;max-width:360px;margin-bottom:0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{display:flex;flex-direction:column;position:relative;padding:25px 0;border-top:1px solid var(--line);transition:border-color .15s}.guide-card:hover{border-color:var(--orange)}.guide-number{font:italic 40px var(--serif);color:#94a185;margin-bottom:23px}.guide-card .eyebrow{font-size:9px;margin-bottom:13px}.guide-card h3{font:500 26px/1.25 var(--serif);max-width:280px;flex:1;margin-bottom:24px}.guide-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.guide-meta .icon{width:19px}.site-footer{border-top:1px solid var(--line);padding:47px 0 22px;background:#f0f1e8}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:40px}.footer-top .brand{font-size:25px}.footer-top p{font-size:14px;margin-top:20px;line-height:1.7}.footer-label{display:block;font-size:9px;letter-spacing:1.5px;font-weight:700;margin-bottom:15px}.footer-top>div>a:not(.brand){display:block;font-size:11px;color:var(--muted);padding:4px 0}.footer-top a:hover{color:var(--orange)}.footer-note{font:italic 21px/1.4 var(--serif)}.footer-note span{display:block;font:10px/1.7 var(--sans);color:var(--muted);margin-top:18px}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.page-title{font:500 clamp(39px,4.4vw,60px)/1.09 var(--serif);letter-spacing:-1.8px;margin-bottom:20px}.page-intro{max-width:670px;line-height:1.8;font-size:15px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:33px}.breadcrumb a:hover{text-decoration:underline}.calculator-heading{padding-top:32px;margin-bottom:35px}.calculator-heading .page-intro{max-width:690px;margin-bottom:0}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:28px;align-items:start}.calculator-form{background:white;border:1px solid var(--line);border-radius:12px;padding:28px}.form-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.form-top h2{font:600 19px var(--sans);letter-spacing:-.3px;margin:0}.unit-select select{font-size:11px;border:1px solid var(--line);padding:8px 27px 8px 10px;border-radius:5px;background:#f6f7ef;color:var(--ink)}.shape-label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.shape-select{width:100%;padding:12px;background:#fff;border:1px solid #d7dcd0;border-radius:6px;font-size:13px;color:var(--ink);margin-bottom:23px}.fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 18px}.field label{display:block;font-size:11px;font-weight:600;margin-bottom:7px;line-height:1.5}.optional{display:inline-block;font-size:8px;font-weight:400;color:var(--muted);margin-left:6px}.input-wrap{border:1px solid #d7dcd0;border-radius:6px;min-height:47px;display:flex;align-items:center;min-width:0;background:#fff}.input-wrap:focus-within{outline:2px solid #527651;outline-offset:1px}.input-wrap input{border:0;background:transparent;width:100%;padding:11px 6px 11px 12px;font-size:15px;color:var(--ink);outline:none!important;-moz-appearance:textfield}.input-wrap input::-webkit-inner-spin-button{appearance:none}.input-wrap>span{font-size:9px;line-height:1.4;flex-shrink:0;max-width:88px;padding-right:9px;color:var(--muted)}.field small{font-size:9px;line-height:1.7;display:block;margin-top:7px;color:var(--muted)}.field-help{font-size:11px}.form-actions{display:flex;align-items:center;gap:17px;margin-top:26px}.form-actions .primary{flex:1;font-size:12px}.reset-button{border:0;background:none;font-size:11px;color:var(--muted);padding:10px}.results-column{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.result-main{padding:29px;background:var(--green);color:#fff}.result-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:8px;letter-spacing:1.1px;margin-bottom:28px}.result-badge{border-radius:4px;background:#ffffff14;padding:5px 8px;white-space:nowrap;color:#d6e6b3;letter-spacing:0;font-size:9px}.result-label{font-size:12px;color:#d6e2d9}.result-number{font:500 clamp(45px,5vw,68px)/1.1 var(--serif);letter-spacing:-2px;margin:10px 0 20px;overflow-wrap:anywhere}.result-number>span{font:16px var(--sans);color:#d4e2c6;letter-spacing:0;white-space:nowrap}.result-main p{font-size:10px;color:#b9cbbf;line-height:1.7;margin:0;max-width:355px}.result-detail{padding:25px 29px}.result-detail h3{font-size:12px;margin-bottom:18px}.result-detail dl{margin:0}.result-detail dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;font-size:11px;border-bottom:1px solid #eff0ea}.result-detail dt{color:var(--muted)}.result-detail dd{margin:0;text-align:right;font-weight:600;white-space:nowrap}.result-detail dd>span{font-size:9px;font-weight:400}.cost-section{margin-top:25px}.cost-option{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.cost-option small{display:block;font-size:9px;color:var(--muted);font-weight:400;max-width:245px;line-height:1.6;margin-top:3px}.cost-option>strong{white-space:nowrap}.price-empty{font-size:11px;background:#f3f5ec;border-radius:6px;padding:16px;line-height:1.7}.result-tools{padding:0 29px 27px}.result-tools label{display:block;font-size:10px;margin-bottom:6px;color:var(--muted)}.result-tools input{border:1px solid var(--line);border-radius:5px;padding:10px 12px;width:100%;font-size:11px;margin-bottom:12px}.result-tools .button{width:100%;font-size:12px}.small-actions{display:flex;justify-content:space-around;gap:12px;margin-top:14px}.small-actions button{padding:7px 0;border:0;background:transparent;font-size:10px;text-decoration:underline;text-underline-offset:4px}.result-tools>.fine-print{text-align:center;font-size:9px}.form-error{background:#fff0e9;color:#9b3821;border:1px solid #f0c7b7;border-radius:6px;font-size:12px;margin-top:20px;padding:12px}.notice{background:#f6efdd;padding:15px;border-radius:8px;font-size:12px}.result-empty{padding:30px}.estimate-status{background:#fbf0dc;padding:12px 29px;font-size:11px;margin:0;color:#855520}.calculator-reading{display:grid;grid-template-columns:1.6fr 1fr;gap:85px;padding-block:75px 30px}.reading-main h2{font-size:34px;margin-bottom:24px}.reading-main h3{font-size:16px;margin:30px 0 12px}.reading-main p,.reading-main li{font-size:13px;line-height:1.9;color:var(--muted)}.reading-main ul{padding-left:20px}.reading-main li{margin:10px 0}.formula{border:1px solid #dae0cd;background:#eff2e7;border-radius:7px;padding:19px 22px;font-size:13px;color:#415b3c;line-height:1.8}.source-note{font-size:10px!important;line-height:1.8;margin-top:26px;color:var(--muted)}.source-note a,.article-body a:not(.button){text-decoration:underline;text-underline-offset:3px}.reading-aside{padding:27px;border:1px solid var(--line);border-radius:9px;align-self:start;background:#f0f1e8}.reading-aside h3{font:29px/1.2 var(--serif)}.reading-aside p{font-size:12px;line-height:1.8}.reading-aside .eyebrow{font-size:9px}.reading-aside hr,.project-summary hr{border:0;border-top:1px solid var(--line);margin:25px 0}.reading-aside>a:not(.text-link){display:block;font-size:11px;margin-top:19px;line-height:1.7}.faq-heading{margin-top:45px}.faq{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;list-style:none;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:13px;font-weight:550}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:19px;font-weight:400}.faq[open] summary>span{transform:rotate(45deg)}.faq p{margin:14px 0 5px}.tool-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:50px;gap:40px}.guide-grid.two .guide-card{padding-right:40px}.guide-grid.two h3{max-width:360px;font-size:33px}.article{max-width:890px;padding-top:35px;padding-bottom:90px}.article>.eyebrow{margin-top:45px}.article>h1{font:500 clamp(39px,4.8vw,61px)/1.1 var(--serif);letter-spacing:-1.8px;margin-bottom:28px;max-width:780px}.article-intro{font-size:19px;line-height:1.8;margin-bottom:45px}.article-body{max-width:710px}.article-body h2{font-size:29px;letter-spacing:-.6px;margin-top:40px;margin-bottom:18px}.article-body p{font-size:14px;line-height:1.95}.article-body>.article-intro{font-size:19px}.article.narrow{max-width:800px}.takeaway{padding:27px;background:#eaf0de;border-left:3px solid #759159;border-radius:0 6px 6px 0;margin:38px 0}.takeaway p{font-family:var(--serif);font-size:22px;line-height:1.5;margin:0;color:var(--ink)}.takeaway .eyebrow{font-size:9px;margin-bottom:12px}.project-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:30px;min-height:350px}.project-actions{display:flex;gap:10px;margin-bottom:20px}.project-actions .button{font-size:11px}.project-summary{background:#edf0e4;padding:29px;border-radius:10px;align-self:start}.project-summary>.eyebrow{font-size:9px}.project-summary>strong{display:block;font:45px var(--serif);overflow-wrap:anywhere}.project-summary p{font-size:11px;line-height:1.8}.project-summary>.danger{font-size:10px;margin-top:18px}.danger{color:#a34f35}.empty-project{padding:40px 25px;text-align:center;border:1px dashed #c4cfb5;border-radius:10px;height:100%}.empty-project .tool-icon{margin:0 auto 25px}.empty-project h2{font-size:29px}.empty-project p{font-size:12px;line-height:1.9;margin-bottom:22px}.project-item{padding:22px 24px;border:1px solid var(--line);border-radius:9px;background:white;margin-bottom:15px}.project-item-heading{display:flex;justify-content:space-between;gap:20px}.project-item h2{font:600 17px var(--sans);letter-spacing:0;margin-bottom:8px;overflow-wrap:anywhere}.project-item p{font-size:11px;margin-bottom:9px}.project-item-total{font:23px var(--serif);white-space:nowrap}.project-item-detail{font-size:12px;padding-block:10px;border-block:1px solid #eff0e7}.project-item-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:15px;font-size:10px}.project-item-bottom a{text-decoration:underline;text-underline-offset:4px}.project-item-bottom button{border:0;background:none;padding:0;color:#a6513d;font-size:10px}.project-item .fine-print{font-size:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:9px;padding:13px 22px;background:var(--green);color:white;box-shadow:0 5px 30px #0002;font-size:13px;z-index:100;width:max-content;max-width:90vw;text-align:center}.ad-container{margin-block:90px;text-align:center;padding-block:25px;border-block:1px solid var(--line);min-height:280px;contain:layout}.ad-container>span{font-size:9px;letter-spacing:2px;color:#78826e;display:block;margin-bottom:20px}.error-page{min-height:440px}.error-page .page-title{max-width:740px}
@media(min-width:1500px){.hero{gap:80px}.hero h1{font-size:67px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.hero{gap:30px;padding-block:55px 65px}.hero h1{font-size:51px}.hero-copy>p{font-size:14px}.hero-proof{gap:13px;font-size:9px}.yard-illustration{padding:17px}.yard-plan{height:280px}.plan-header{font-size:6px;letter-spacing:.7px}.plan-lawn{inset:55px 45px 44px 55px}.bed-top{left:43px;right:34px}.bed-left{left:17px;width:43px}.plan-patio{right:30px;width:118px}.plan-result strong{font-size:12px}.plan-result small{font-size:6px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{padding:25px}.tool-card p{font-size:12px}.card-foot{font-size:10px}.card-foot>span{font-size:11px}.how-section{gap:35px;padding:35px}.guide-card h3{font-size:24px}.calculator-layout{gap:20px}.calculator-form{padding:22px}.fields-grid{gap:17px 13px}.input-wrap>span{font-size:8px;max-width:69px}.calculator-reading{gap:45px}.result-main,.result-detail{padding:24px}.result-tools{padding:0 24px 24px}.form-top{gap:8px}.form-top h2{font-size:17px}.unit-select select{font-size:10px}.trust-strip .strip-end{display:none}.footer-top{gap:25px}.project-layout{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}}
@media(max-width:760px){.header-inner{height:76px;gap:20px}.brand{font-size:23px}.brand-mark{width:27px}.brand-mark .icon{width:25px}.site-header nav{gap:18px;margin-left:auto;margin-right:0;font-size:11px}.project-link{font-size:10px;gap:5px}.project-link .icon{display:none}.hero{grid-template-columns:1fr;gap:42px;padding-block:44px 56px}.hero h1{font-size:clamp(47px,9vw,66px);letter-spacing:-2px}.hero-copy>p{max-width:490px;font-size:15px}.hero-actions{gap:18px}.hero-proof{font-size:10px;margin-top:25px}.yard-illustration{width:100%;max-width:510px;justify-self:center;padding:24px;transform:none}.yard-plan{height:275px}.plan-header{font-size:7px}.plan-lawn{inset:53px 55px 45px 72px}.bed-left{left:30px;width:48px}.bed-top{left:57px;right:47px}.plan-patio{width:140px}.plan-result strong{font-size:14px}.plan-result small{font-size:7px}.trust-strip .container{flex-wrap:wrap;justify-content:center;gap:13px;min-height:65px;font-size:16px;padding:13px 0}.trust-strip .container>span:first-child{display:none}.trust-strip i{font-size:15px}.section{padding-block:53px}.section-heading{align-items:flex-start;gap:15px}.section-heading>p{font-size:11px;max-width:170px}.section-heading h2{font-size:32px}.tool-controls{flex-direction:column}.search-label{align-self:flex-start;min-width:220px}.search-label input{max-width:none;width:100%}.how-section{grid-template-columns:1fr;padding:30px;gap:33px}.how-section h2 br{display:none}.how-section h2{font-size:35px}.how-steps{gap:25px}.how-steps p{font-size:13px;max-width:none}.guide-grid{grid-template-columns:1fr;gap:16px}.guide-card{padding:25px 0 16px}.guide-card h3{max-width:none;font-size:29px}.guide-number{font-size:35px;margin-bottom:15px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-note{font-size:20px}.calculator-layout{grid-template-columns:1fr}.calculator-heading{margin-bottom:27px}.page-title{font-size:47px}.page-intro{font-size:14px}.calculator-form{padding:25px}.fields-grid{gap:22px 18px}.input-wrap>span{font-size:10px;max-width:90px}.field label{font-size:12px}.field small{font-size:10px}.form-top h2{font-size:19px}.unit-select select{font-size:11px}.result-main{padding:27px}.result-number{font-size:60px}.result-top{font-size:9px}.result-main p{font-size:11px}.result-detail{padding:27px}.result-detail dl>div{font-size:12px}.result-detail dd>span{font-size:10px}.result-detail h3{font-size:14px}.result-tools{padding:0 27px 27px}.calculator-reading{grid-template-columns:1fr;gap:40px;padding-top:55px}.tool-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.article{padding-bottom:65px}.article>h1{font-size:43px}.article-intro{font-size:17px}.guide-grid.two{grid-template-columns:1fr;gap:10px}.guide-grid.two h3{max-width:none}.project-layout{grid-template-columns:1fr}.project-actions{margin-bottom:0}.project-summary{order:-1}.project-summary hr{margin:15px 0}.project-summary p{max-width:490px}.project-summary>.fine-print{margin-bottom:0}#project-page>.section-heading{flex-direction:column}.article.narrow{width:calc(100% - 48px)}}
@media(max-width:440px){.container{width:calc(100% - 32px)}.header-inner{gap:12px;flex-wrap:wrap;height:auto;min-height:93px;padding-block:17px 12px;justify-content:space-between}.site-header nav{order:3;width:100%;margin:3px 0 0;justify-content:flex-start;gap:25px;font-size:11px}.site-header nav a{padding:0}.brand{font-size:24px}.project-link{font-size:11px}.hero{padding-top:34px}.hero h1{font-size:47px}.hero-copy>p{font-size:14px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:11px}.hero-proof{font-size:8px;gap:12px}.hero .eyebrow{font-size:9px}.yard-illustration{padding:15px}.plan-header{font-size:5px;letter-spacing:.7px}.yard-plan{height:240px}.plan-lawn{inset:53px 36px 44px 54px}.bed-top{left:41px;right:33px}.bed-left{left:16px;width:43px}.plan-patio{width:110px;height:92px;right:23px}.plan-lawn>span{font-size:13px}.plan-result{padding:13px 10px;gap:8px}.plan-result strong{font-size:12px}.plan-result small{font-size:6px}.plan-result-icon{width:30px;height:32px}.plan-caption{font-size:13px}.trust-strip .container{gap:10px;font-size:14px}.section-heading{flex-direction:column}.section-heading>p{max-width:none}.section-heading>p br{display:none}.tool-grid,.tool-grid.three{grid-template-columns:1fr}.tool-card{padding:22px}.tool-card p{max-width:310px;font-size:12px;margin-bottom:18px}.tool-card h3{font-size:27px}.tool-icon{margin-bottom:13px}.filters{gap:3px}.filter{font-size:10px;padding:8px 10px}.how-section{padding:27px;width:calc(100% - 32px)}.footer-top{gap:30px 15px}.footer-top .brand{font-size:23px}.footer-note{font-size:19px}.footer-bottom{gap:15px}.calculator-form{padding:20px 17px}.fields-grid{gap:20px 12px}.field label{font-size:11px}.input-wrap input{font-size:14px;padding-left:9px}.input-wrap>span{font-size:8px;max-width:60px;padding-right:5px}.field small{font-size:9px}.form-top h2{font-size:17px}.unit-select select{font-size:10px}.form-actions .primary{font-size:11px;padding-inline:12px}.form-actions{gap:10px}.result-main,.result-detail{padding:23px}.result-tools{padding:0 23px 23px}.result-detail dl>div{font-size:11px}.page-title{font-size:42px}.article>h1{font-size:38px}.article-intro{font-size:16px}.article.narrow{width:calc(100% - 32px)}.article-body p{font-size:13px}.project-item{padding:20px 17px}.project-item-total{font-size:20px}.project-actions{gap:7px}.project-actions .button{font-size:10px;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{body{background:white;font-size:11px;color:#111}.container{width:100%;max-width:none}.site-header,.site-footer,.result-tools,.ad-container,.toast,.form-actions,.project-actions,.breadcrumb,.reading-aside,.tool-grid,.section-heading .text-link,#clear-project,.project-item-bottom,button{display:none!important}.calculator-heading{padding-top:0;margin-bottom:20px}.page-title{font-size:32px}.calculator-layout{display:block}.calculator-form{padding:15px;margin-bottom:20px}.results-column{break-inside:avoid}.result-main{background:#fff;color:#111;border-bottom:1px solid #aaa}.result-label,.result-main p,.result-number>span,.result-badge{color:#333}.result-number{font-size:42px}.result-main,.result-detail{padding:17px}.fields-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field small{font-size:8px}.result-top{margin-bottom:13px}.calculator-reading{display:block;padding:25px 0}.reading-main{font-size:11px}.faq-heading,.faq{display:none}.section{padding:20px 0}.project-layout{display:block}.project-summary{margin-bottom:20px;background:#fff;border:1px solid #bbb;break-inside:avoid}.project-item{break-inside:avoid}.project-item h2{font-size:14px}.project-summary strong{font-size:30px}.article{max-width:none}a{text-decoration:none!important}.form-top select{border:0}.source-note{overflow-wrap:anywhere}}

/* Keep the longer descriptive brand clear at narrow tablet widths. */
@media(max-width:620px){.header-inner{height:auto;min-height:93px;flex-wrap:wrap;padding-block:17px 12px;justify-content:space-between;gap:12px}.site-header nav{order:3;width:100%;margin:3px 0 0;justify-content:flex-start;gap:25px;font-size:11px}.site-header nav a{padding:0}}

/* Expanded tool library and sourced tree cards. */
.tool-controls {align-items:flex-start;flex-wrap:wrap}.filters {flex-wrap:wrap}
.tree-card {background:#fffdf8;border:1px solid #deded3;border-radius:14px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.tree-card h2 {font-size:1.55rem;margin:4px 0}.tree-card p {margin:0 0 8px}.tree-width {font-size:2rem;color:#173b32}.tree-width small {font-size:1rem;font-weight:400}.tree-card .button {margin-top:auto}.tree-card .text-link {margin-top:5px}
@media(max-width:760px){.header-inner{flex-wrap:wrap}.site-header nav{gap:15px}.tool-controls .search-label{width:100%}}