:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b2a25;background:#f3f7f3}*{box-sizing:border-box}body{margin:0}header{background:#173e32;color:white;padding:28px 18px}header .wrap,main,footer{max-width:940px;margin:auto}h1{font-size:clamp(1.9rem,4vw,2.7rem);margin:8px 0}h2{font-size:1.25rem;margin-top:0}.eyebrow{color:#b8e5ca;font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-size:.8rem}.intro{max-width:650px;color:#e0eee5;line-height:1.6}main{padding:22px 16px 45px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.panel{background:white;border:1px solid #dce6df;border-radius:16px;padding:24px;box-shadow:0 4px 14px #1d47300b}.full{grid-column:1/-1}label{display:block;font-weight:650;margin:14px 0 6px}.hint{font-size:.82rem;color:#52665b;margin:3px 0 0}.field{display:flex;align-items:center;border:1px solid #9cb5a7;border-radius:9px;overflow:hidden}.field input{width:100%;padding:12px;border:0;font:inherit;min-width:0}.field span{padding:12px;background:#edf3ef;color:#42564b;border-left:1px solid #cbd9d0}input:focus{outline:2px solid #3d936c;outline-offset:-2px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{background:#edf6ef;padding:16px;border-radius:12px;margin:12px 0}.metric strong{display:block;font-size:1.85rem;color:#174d37}.metric small{color:#466452}.row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e1e8e3;padding:12px 0}.row strong{text-align:right}.warning{background:#fff6e6;border-left:4px solid #c88d27;padding:13px 15px;line-height:1.55;border-radius:5px;font-size:.92rem}.muted{color:#506358;line-height:1.55;font-size:.94rem}button{background:#1d6549;color:white;border:0;border-radius:9px;padding:12px 17px;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#124b34}footer{padding:0 16px 32px;color:#627269;font-size:.85rem}@media(max-width:720px){main{grid-template-columns:1fr}.panel{padding:19px}.twocol{grid-template-columns:1fr 1fr}}@media print{header{background:white;color:black}.intro,.eyebrow{color:black}button{display:none}main{display:block}.panel{break-inside:avoid;margin-bottom:16px;box-shadow:none}}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option{background:#f3f8f4;border:1px solid #d8e6db;border-radius:12px;padding:16px}.option h3{margin:0 0 8px;font-size:1.08rem}.option .total{font-size:1.7rem;font-weight:800;color:#174d37}.shopping{margin:8px 0;padding-left:20px;line-height:1.8}.shopping li{padding:2px 0}.note{font-size:.84rem;color:#51685a}.section-heading{margin:26px 0 8px}.price-heading{margin:22px 0 0}@media(max-width:540px){.comparison-grid{grid-template-columns:1fr}}@media print{.comparison-grid{grid-template-columns:1fr 1fr}.option{break-inside:avoid}}
.toggle-row{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 18px}.toggle-label{display:flex;align-items:center;gap:10px;margin:0;padding:12px 15px;border:1px solid #b8cfc0;border-radius:10px;background:#f3f8f4;cursor:pointer}.toggle-label input{width:20px;height:20px;accent-color:#1d6549}.toggle-label span{font-weight:700}.is-hidden{display:none!important}@media print{.toggle-row{display:none}}

.project-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-choice{background:#f3f8f4;color:#173e32;border:2px solid #d8e6db;padding:17px 12px;text-align:left;display:flex;flex-direction:column;gap:5px;min-height:115px}.project-choice:hover{background:#e8f3eb}.project-choice.selected{background:#e2f3e7;border-color:#1d6549;box-shadow:inset 0 0 0 1px #1d6549}.project-choice small{font-weight:400;color:#52665b}.project-icon{font-size:1.6rem}@media(max-width:540px){.project-picker{grid-template-columns:1fr}.project-choice{min-height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.project-choice small{width:100%;padding-left:39px}}@media print{.project-picker{display:none}}

/* MyProjectMate v0.4 */
:root{color-scheme:light}body{background:#f5f8f4}header{background:linear-gradient(125deg,#174f38,#28714c);color:white}header .intro{color:#e4f5e8}header .eyebrow{color:#bce7c6}a{color:#166a43}a:hover{text-decoration:underline}.sitebar{background:#fff;border-bottom:1px solid #dce8df}.navwrap{max-width:1120px;margin:auto;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.brand{font-weight:850;color:#17583b;font-size:1.24rem;text-decoration:none;letter-spacing:-.03em}.brand span{color:#78a443}.navlinks{display:flex;flex-wrap:wrap;gap:14px;font-size:.91rem}.navlinks a{text-decoration:none;font-weight:650}.navlinks a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.cta{display:inline-block;background:#fff;color:#17583b;padding:12px 18px;border-radius:11px;font-weight:800;text-decoration:none}.cta.secondary{background:transparent;color:white;border:1px solid #c8e5d1}.home-main{max-width:1120px;margin:30px auto;padding:0 22px}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-card{display:block;background:white;border:1px solid #dbe8de;border-radius:18px;padding:24px;color:#1e392b;text-decoration:none;box-shadow:0 6px 18px #164f2510}.home-card:hover{border-color:#82b596;transform:translateY(-2px);text-decoration:none}.home-card .symbol{font-size:2rem}.home-card h2{margin:14px 0 7px}.home-card p{color:#506457}.home-card .go{font-weight:750;color:#196941}.home-section{margin:35px 0}.home-section h2{color:#183e2c}.content{line-height:1.7}.content p{margin:12px 0}.content li{margin:6px 0}.site-footer{background:#173d2c;color:#e3f0e7;padding:30px 22px;text-align:center;margin-top:45px}.site-footer a{color:#e3f0e7}.breadcrumbs{max-width:1120px;margin:20px auto 0;padding:0 22px;font-size:.9rem}.breadcrumbs a{color:#226443}.info-band{max-width:1120px;margin:28px auto;padding:0 22px}.info-band .panel{max-width:none}.smallprint{font-size:.85rem;color:#516658}.notice{padding:14px 16px;border-left:4px solid #67a87c;background:#f0f7f1;border-radius:7px}.is-hidden{display:none!important}body[data-project=patio] #concreteInputs,body[data-project=patio] #baseOptions,body[data-project=fence] #areaInputs,body[data-project=fence] #groundworkInputs,body[data-project=fence] #slabInputs,body[data-project=fence] #baseOptions,body[data-project=shed] #fenceInputs{display:none!important}body[data-project=patio] #areaInputs #depth{display:none}body[data-project=patio] #areaInputs label[for=depth]{display:none}body[data-project=patio] #areaInputs #depth+.field{display:none}.calculator-intro{max-width:850px}.calculator-intro p{line-height:1.65}@media(max-width:760px){.home-grid{grid-template-columns:1fr}.navwrap{align-items:flex-start}.navlinks{gap:10px}.home-main{margin-top:18px}}@media print{.sitebar,.breadcrumbs,.site-footer,.hero-actions,.info-band,.navlinks{display:none!important}}

/* v0.5: practical guides, FAQ and buying guidance */
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.guide-card{padding:18px;border:1px solid #dbe8de;background:#f7faf7;border-radius:12px}.guide-card h3{margin:0 0 8px;color:#174f38}.guide-steps{padding-left:24px}.guide-steps li{margin:13px 0;padding-left:4px}.guide-steps strong{display:block}.guide-faq details{border-top:1px solid #dce7df;padding:13px 0}.guide-faq summary{font-weight:750;cursor:pointer;color:#184d36}.guide-faq details p{margin:10px 0 2px}.guide-cta{background:#edf6ef;border-radius:12px;padding:18px;margin:20px 0}.guide-cta a{font-weight:750}.calc-tip{padding:13px 15px;background:#eff6ef;border-left:4px solid #328057;border-radius:7px;margin:14px 0}.guide-kicker{text-transform:uppercase;letter-spacing:.08em;color:#39764f;font-size:.78rem;font-weight:800}.guide-heading{margin-top:28px}.ready-warning{margin:12px 0;padding:12px 14px;border:1px solid #d7e5d9;background:#f3f8f3;border-radius:9px;font-size:.91rem;line-height:1.5}.ready-warning strong{color:#184d36}.home-guide-links{margin-top:22px}.home-guide-links a{font-weight:700}@media(max-width:640px){.guide-grid{grid-template-columns:1fr}}@media print{.guide-faq,.guide-cta,.home-guide-links{display:none}}

/* v0.5.1: clear large-pour guidance, including print output */
.ready-warning[hidden],.ready-print[hidden]{display:none!important}
.ready-warning{background:#eaf5ed;border:2px solid #3b8b5d;border-left:6px solid #226d46;padding:17px 18px;border-radius:10px;font-size:1rem;line-height:1.6;color:#173e2b;font-weight:600;margin:18px 0}
.ready-warning::before{content:"LARGE CONCRETE JOB — ";font-weight:850}
.ready-print{border-left:4px solid #226d46;padding:10px 14px;background:#f0f7f1;font-weight:650;line-height:1.5}
@media print{.ready-warning{display:none!important}.ready-print:not([hidden]){display:block!important}}