:root{font-family:"Segoe UI",Arial,sans-serif;color:#293026;background:#f5f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}input,select{border:1px solid #dbdfd1;border-radius:8px;background:#fff;padding:12px 14px;min-width:0;color:#30362c;width:100%;outline:none}input:focus,select:focus{border-color:#99a57c;box-shadow:0 0 0 3px #a7b77b22}input[type=checkbox]{width:16px;height:16px;accent-color:#697853;margin:0 8px 0 0;vertical-align:middle}label{font-size:12px;font-weight:500;color:#778367;display:block}label input,label select{display:block;margin-top:8px}label input[type=checkbox]{display:inline-block;margin-top:0}.primary,.secondary,.unavailable{border:1px solid transparent;border-radius:8px;padding:13px 20px;font-size:13px;font-weight:600}.primary{background:#303b28;color:#fff}.primary:hover{background:#4a5b3b}.secondary{background:#fff;border-color:#dce2ce;color:#5c6f44}.secondary:hover{background:#f3f5eb}.unavailable{background:#eff0e8;color:#959e87}.quiet{background:none;border:0;color:#7b876b;padding:8px;font-size:12px}.calc-topbar{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e5d7;background:#fcfcf8;gap:20px}.calc-brand{text-decoration:none;font:27px Georgia,serif;display:flex;align-items:center;gap:10px;white-space:nowrap}.calc-brand i{display:grid;place-items:center;border-radius:50%;background:#e3b965;color:#303b28;width:41px;height:41px;font-style:normal}.calc-brand sup{font:10px Arial;margin-left:-8px;align-self:flex-start;padding-top:7px}.calc-topbar nav{display:flex;gap:23px;align-items:center;font-size:12px;color:#7b866c}.calc-topbar nav a{text-decoration:none}.mode-pill{color:#5d7146;border:1px solid #dfe5d5;background:#f1f4e9;border-radius:30px;padding:8px 14px}.calc-main{max-width:1330px;padding:0 36px;margin:auto}.calc-hero{display:flex;justify-content:space-between;align-items:center;padding:64px 0 45px}.overline{font-size:10px;font-weight:600;letter-spacing:.15em;color:#96a480;margin:0 0 14px}.calc-hero h1{font:51px/1.12 Georgia,serif;letter-spacing:-1.6px;margin:0;color:#35432b}.calc-hero h1 em{font-weight:400;color:#8c9b76}.calc-hero>div>p:last-child{color:#929c84;font-size:13px;line-height:1.8;margin:23px 0 0}.hero-seal{width:185px;height:185px;border:1px solid #dde3cf;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:40px;transform:rotate(9deg);color:#9cae81;background:radial-gradient(#f8faf1,#edf1e2)}.hero-seal>span{font:56px Georgia,serif}.hero-seal small{font-size:8px;letter-spacing:.17em;line-height:1.8;text-align:center;margin-top:8px}.project-panel,.result-panel{background:#fff;border:1px solid #e4e8dc;border-radius:15px;padding:30px;margin-bottom:35px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.section-heading h2{font:27px Georgia,serif;letter-spacing:-.4px;margin:0;color:#48573a}.section-heading .overline{font-size:9px;margin-bottom:9px}.zone-row{display:grid;grid-template-columns:28px 1fr 1.3fr 135px 30px;gap:16px;align-items:center;padding:14px 0;border-top:1px solid #edf0e6}.zone-number{color:#b2bc9f;font-size:12px;margin-top:19px}.zone-row input,.zone-row select{font-size:13px;background:#fdfefb}.zone-row .area-input input{font-size:18px;color:#596f42;font-weight:500}.remove-zone{border:0;background:#f3f5ec;border-radius:50%;height:27px;color:#98a685;font-size:21px;margin-top:20px}.project-options{border-top:1px solid #edf0e6;padding-top:22px;margin-top:15px;display:flex;justify-content:space-between;align-items:center;gap:20px}.project-options label{font-size:11px;color:#82916f;font-weight:400}.project-options small{display:block;font-size:10px;margin:7px 0 0 24px;color:#a5af98}.project-options>div{display:flex;gap:20px;align-items:center}.project-options>div>span{white-space:nowrap;color:#8b9d74;font-size:16px}.form-error{color:#ad603d;font-size:13px;line-height:1.6;margin:15px 0 0}.form-error:empty{display:none}.selection-panel{padding:12px 0 40px}.muted{color:#9ca68f;font-size:11px}.collection-filters{display:flex;gap:14px;margin-bottom:25px;align-items:center}.collection-filters>input{flex:1;background:#fff}.collection-filters>select{width:240px}.collection-filters>label{white-space:nowrap;font-size:11px;color:#84946f}.coating-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.selection-card{border-radius:13px;border:1px solid #e1e6d6;overflow:hidden;background:#fff;display:flex;flex-direction:column}.selection-photo{height:200px;position:relative;background:#e3e8d9;overflow:hidden}.selection-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.selection-card:hover .selection-photo img{transform:scale(1.025)}.texture-placeholder{display:grid;place-items:center;height:100%;font:65px Georgia;color:#b9c2ac}.readiness{position:absolute;top:14px;left:14px;backdrop-filter:blur(8px);background:#ffffffd9;border-radius:20px;padding:7px 10px;font-size:9px;color:#8e9980}.readiness.ready{background:#344729e8;color:#f4f5d8}.selection-body{padding:22px;display:flex;flex-direction:column;flex:1}.selection-body .overline{font-size:9px;margin:0 0 7px;color:#b1945b}.selection-body h3{font:27px Georgia,serif;letter-spacing:-.4px;margin:0;color:#415034}.selection-body>p:not(.overline){font-size:12px;line-height:1.7;color:#95a084;min-height:41px;margin:12px 0 15px}.selection-links{display:flex;gap:15px;margin-top:auto;padding-bottom:20px;flex-wrap:wrap}.selection-links a{font-size:10px;color:#8b9b77;text-decoration:none}.selection-links a:hover{text-decoration:underline}.selection-body>button{width:100%;font-size:11px;padding:11px}.setup-link{display:block;margin-top:10px;font-size:10px;text-align:center;color:#99a48c}.empty-message{padding:25px;color:#8a977a;text-align:center;grid-column:1/-1}.calc-footer{border-top:1px solid #e1e6d5;text-align:center;padding:30px;color:#a3ad95;font-size:10px}.result-panel{border-color:#ced8b8;scroll-margin-top:24px}.result-summary{display:grid;grid-template-columns:1fr .8fr 1.4fr;gap:20px;background:#f3f6eb;border-radius:9px;padding:25px}.result-summary small{display:block;font-size:10px;color:#99a888;margin-bottom:10px}.result-summary strong{font-size:29px;font-weight:500;color:#617c44}.result-summary em{font-size:16px;font-style:normal}.result-note{font-size:11px;line-height:1.8;color:#9ca98c;margin:20px 0}.shopping-table-wrap{overflow:auto}.shopping-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:550px}.shopping-table th{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#95a382;background:#fafbf6;font-weight:500;padding:14px 12px}.shopping-table td{padding:18px 12px;border-bottom:1px solid #edf0e5;color:#74885e;white-space:nowrap}.shopping-table td:first-child{white-space:normal}.shopping-table b{font-weight:500}.shopping-table small{display:block;font-size:10px;color:#9cae87;margin-top:6px}.shopping-table td:last-child,.shopping-table th:last-child{text-align:right}.shopping-table tfoot{font-weight:600}.shopping-table tfoot td{color:#657f47}.layer-results{margin-top:30px}.layer-results details{border:1px solid #e4ead9;border-radius:8px;margin-top:12px;padding:15px 20px}.layer-results summary{font-size:13px;color:#72845b;cursor:pointer}.layer-results summary>span{font-size:10px;color:#9eac8c;margin-left:10px}.layer-results article{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid #edf1e5;margin-top:14px;gap:20px;font-size:12px;color:#859970}.layer-results article b{font-weight:500}.layer-results article small{display:block;margin-top:6px;font-size:10px;color:#a0ae8e}.layer-results article>div:last-child{text-align:right;flex:none}.layer-results article p{font-size:10px;margin-bottom:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:radial-gradient(ellipse at bottom right,#738364,#313e2b 75%);padding:48px 10%;color:#e6ecdb;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-art .calc-brand{color:#f1eddd}.login-art h1{font:66px/1.08 Georgia,serif;letter-spacing:-1px;margin:25px 0}.login-art h1 em{color:#d7b879}.login-art>div>p:last-child{font-size:13px;line-height:1.8;color:#a6b59a}.login-art>small{color:#899b7c;font-size:10px}.login-content{display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:355px}.login-card h2{font:33px Georgia;margin:0 0 17px;color:#495a39}.login-card>p:not(.overline):not(.form-error){font-size:13px;line-height:1.8;color:#97a28b;margin-bottom:27px}.login-card label{margin:19px 0}.login-card .primary{width:100%;margin-top:14px}.login-card>small{display:block;font-size:10px;color:#a9b19f;line-height:1.7;margin-top:20px}.access-main{max-width:1050px;margin:45px auto;padding:0 30px}.access-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:25px}.access-card{background:#fff;border:1px solid #e0e6d5;border-radius:12px;padding:25px}.access-card h2{font:25px Georgia;margin:0 0 20px}.access-card label{margin-top:16px}.access-card form>button{width:100%;margin-top:23px}.access-user{padding:16px 0;border-bottom:1px solid #e8edde;font-size:13px}.access-user small{display:block;color:#9ca88c;font-size:10px;margin:7px 0}.access-user .quiet{padding-left:0}.access-note{font-size:11px;line-height:1.8;color:#95a283}.password-dialog{padding:28px;border:1px solid #dce3ce;border-radius:12px;max-width:380px;width:90%}.password-dialog::backdrop{background:#28321e66}.password-dialog h2{font:23px Georgia}.password-dialog button{margin:18px 8px 0 0}
@media(max-width:1000px){.calc-main{padding:0 24px}.calc-hero h1{font-size:43px}.hero-seal{margin-right:0;width:145px;height:145px}.coating-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-row{grid-template-columns:20px 1fr 1fr 110px 26px;gap:10px}.project-options{flex-wrap:wrap}.project-options>div{margin-left:auto}.calc-topbar nav{gap:13px}.login-art h1{font-size:50px}}
@media(max-width:700px){.calc-topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:20px}.calc-topbar nav{flex-wrap:wrap;gap:13px}.calc-brand{font-size:23px}.calc-topbar #account{display:none}.calc-main{padding:0 15px}.calc-hero{padding:36px 0}.calc-hero h1{font-size:35px;letter-spacing:-.7px}.hero-seal{display:none}.project-panel,.result-panel{padding:20px}.zone-row{grid-template-columns:1fr 100px 25px;gap:12px}.zone-number{display:none}.zone-row>label:nth-child(2){grid-column:1/-1}.zone-row>label:nth-child(3){grid-column:1}.section-heading h2{font-size:23px}.section-heading{flex-wrap:wrap;gap:14px}.project-options{gap:22px}.project-options>div{width:100%;justify-content:space-between}.project-options .primary{padding:13px}.collection-filters{flex-wrap:wrap}.collection-filters>input{flex-basis:100%}.collection-filters>select{width:100%}.coating-grid{gap:15px}.selection-photo{height:155px}.selection-body{padding:16px}.selection-body h3{font-size:22px}.selection-links{gap:10px}.result-summary{grid-template-columns:1fr 1fr;padding:18px}.result-summary>div:last-child{grid-column:1/-1}.result-summary strong{font-size:25px}.login-page{grid-template-columns:1fr}.login-art{min-height:0;padding:26px}.login-art>div,.login-art>small{display:none}.login-content{padding:40px 25px}.access-grid{grid-template-columns:1fr}.access-main{padding:0 20px;margin:30px auto}.layer-results details{padding:14px}.layer-results article{gap:10px}}
@media(max-width:440px){.coating-grid{grid-template-columns:1fr}.selection-photo{height:205px}}
@media print{body{background:#fff;color:#000}.calc-topbar,.calc-hero,.project-panel,.selection-panel,.calc-footer,#loading,.result-panel>.section-heading>button{display:none!important}.calc-main{max-width:none;padding:0}.result-panel{border:0;padding:0;margin:0}.result-summary,.shopping-table th{background:#f4f4f4}.shopping-table{min-width:0}.shopping-table tr,.layer-results article{break-inside:avoid}.result-summary strong,.shopping-table td{color:#222}.result-note,.layer-results small{color:#666!important}}

.selection-body .unavailable-reason{font-size:10px;color:#a59879;min-height:0;margin:12px 0 0;line-height:1.6}

/* Keep forms within the viewport; 16px fields prevent iOS focus zoom. */
.login-page{grid-template-columns:repeat(2,minmax(0,1fr))}
.login-content,.login-card,.login-art{min-width:0}
.login-card{max-width:390px}
.login-card h2{overflow-wrap:anywhere}
.login-card input,.access-card input,.password-dialog input{font-size:16px;min-height:48px}
.login-password{margin:19px 0}
.login-password>label{margin:0 0 8px}
.password-control{display:flex;align-items:stretch;gap:8px;min-width:0}
.password-control input{flex:1;width:0;min-width:0}
.password-toggle{flex:none;border:1px solid #dbdfd1;border-radius:8px;padding:0 12px;min-height:48px;background:#fff;color:#495a39;font-size:13px}
.password-toggle:focus-visible{outline:2px solid #697853;outline-offset:2px}
.password-hint{display:block;color:#ad603d;font-size:12px;line-height:1.5;margin-top:8px}
.password-hint:empty{display:none}
@media(max-width:700px){
  .login-page{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh;min-height:100svh}
  .login-art{padding:20px 24px}
  .login-content{padding:28px 24px 40px;align-items:start}
  .login-card h2{font-size:30px;line-height:1.15}
  .login-card label{font-size:14px}
  .login-card .primary{min-height:48px;font-size:16px}
  .login-card>small{font-size:12px}
  .access-card{min-width:0;padding:20px}
}