/* Photography-led editorial layer; loaded after the established interactions. */
:root{--cream:#fff;--paper:#fff;--ink:#244a3c;--orange:#3c6a77;--line:#e0e4df;--muted:#637174}
body{background:#fff;color:#344347;font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em;line-height:1.16;font-weight:600;color:#20463e}
h1 em,h2 em{font-style:normal;color:inherit}h1{font-size:46px}h2{font-size:31px}h3{font-size:22px}
header{max-width:1360px;min-height:80px;padding:18px 32px;gap:28px}main{max-width:1360px;margin:auto}
.brand{font:600 24px/1 Arial,Helvetica,sans-serif;letter-spacing:-1px;color:var(--ink)}.brand i{font-style:normal}.brand-icon{font-size:28px;margin-right:5px}
nav{gap:25px}nav>a{font-size:13px}.button{border-radius:4px;min-height:46px;padding:12px 20px;font-size:13px;font-weight:500;gap:20px}
.button.small{font-size:12px;padding:11px 17px}.button.outline{border-color:#bdc7c3;background:white}.button.outline:hover{background:#f3f5f1}
.eyebrow{color:#61756c;letter-spacing:1.3px;font-size:10px;line-height:1.5}.text-link{font-size:13px}
.hero{grid-template-columns:.92fr 1.08fr;padding:36px 32px 26px;gap:6%;max-width:none}.hero h1{font-size:clamp(37px,3.6vw,50px);line-height:1.12;margin:18px 0 22px}
.hero-copy>p{font-size:16px;line-height:1.75;max-width:440px}.hero .actions{gap:12px;margin:25px 0 18px}.hero .actions .button{min-width:145px}
.hero-copy>.hero-fact{font-size:11px;line-height:1.7;max-width:430px;margin:15px 0 0;color:#657478}
.hero figure{display:block;align-self:center;margin:0}.hero figure img{width:100%;height:auto;min-height:0;aspect-ratio:3/2;object-fit:contain;border-radius:5px;background:#f3f1eb}
.hero figure figcaption{font-size:10px;text-align:left;letter-spacing:0;line-height:1.5;margin-top:8px;color:#68767a}.ribbon{display:none}
.section{padding:54px 32px;max-width:none}.section.compact{padding-top:24px}.section-heading{gap:30px;align-items:center;margin-bottom:20px}.section-heading h2{font-size:31px;line-height:1.2;margin-top:10px}
.section-heading>p{font-size:13px;line-height:1.75}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:white;min-width:0}
.card-photo{margin:0;background:#f6f4ef}.card-photo>a{display:block}.card-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:0}
.card-photo figcaption{font-size:10px;line-height:1.5;color:#637276;background:#fafbf9;border-top:1px solid #eef0eb;padding:8px 12px}
.product-info{padding:17px;display:flex;flex-direction:column;flex:1;min-width:0}.product-info>.eyebrow{font-size:9px;letter-spacing:.5px;min-height:27px;margin-bottom:8px;line-height:1.5}
.product-info h3{font-size:19px;line-height:1.3;margin:0 0 15px;letter-spacing:-.4px}.product-info h3 a{display:block;min-height:48px}.product-info>p{display:none}
.product-stats{padding:12px 0;border-color:#e6eae5;gap:12px;margin:0 0 12px}.product-stats strong{font:600 21px/1.3 Arial}.product-stats span{font-size:10px;line-height:1.5}
.card-source{font-size:11px;line-height:1.6;color:#68777a;margin:0 0 9px}.card-source a{display:inline-flex;align-items:center;min-height:36px}.card-source span{display:block;font-size:10px}
.product-actions{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:auto;padding-top:9px;border-top:1px solid #e4e9e5}
.product-actions .text-link{font-size:12px;min-height:44px;justify-content:space-between}.product-actions label{border:0;padding:8px 0;border-radius:0;min-height:44px;font-size:12px}.is-selected .product-actions label{background:#edf4e9}
.card-selection{font-size:11px;gap:0;margin-top:7px;padding-top:5px}.card-selection a{font-size:11px}.centered{margin-top:25px}
.measurement-callout{margin:10px 32px 0;padding:36px 40px;background:#f3f5f0;border:1px solid var(--line);border-radius:5px;gap:8%;max-width:none}.measurement-callout h2{font-size:29px;line-height:1.25}
.measurement-callout p{font-size:14px;color:#596e71}.math-card{transform:none;box-shadow:none;border-color:#d5ded6;border-radius:4px;background:white;padding:25px}.math-card strong{font:500 30px Arial}.math-card b{font:600 51px Arial}.math-card small{font-size:20px}
.guide-grid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{padding:25px;border:1px solid var(--line);border-radius:5px;background:white}.guide-card>.index{display:none}.guide-card h3{font-size:23px;line-height:1.3;margin:12px 0}.guide-card p{font-size:14px;line-height:1.7;max-width:none}
.source-banner{padding:35px 0;margin:0 32px 50px;max-width:none;gap:25px}.source-banner .source-symbol{display:none}.source-banner h2{font-size:26px}.source-banner p{font-size:14px;line-height:1.75;max-width:850px}
.crumb{padding:22px 32px;font-size:11px;color:#63777a}.page-heading{padding:35px 32px 20px;max-width:950px}.page-heading h1{font-size:44px;line-height:1.15;margin:17px 0 20px}.page-heading>p{font-size:16px;line-height:1.75;max-width:800px}
.filters{background:#f5f7f3;border:1px solid var(--line);border-radius:5px;padding:20px;gap:18px}.filters label{font-size:12px}
input:not([type=checkbox]),select{border-color:#b9c6c4;border-radius:4px;min-height:46px;background:white;color:#34484c}.plain-button{font-size:12px}
.selection-summary{border-color:#d8e1dc}.table-scroll th:first-child,th{background:#f1f5ef}.table-scroll td{background:#fff}table{font-size:12px}.comparison-section{margin-top:45px}.comparison-section h2{font-size:29px!important}
.article{max-width:1150px;padding:35px 32px 45px}.article-head{max-width:850px;margin-bottom:40px}.article-head h1{font-size:42px;line-height:1.16}.lead{font-size:17px;line-height:1.75}.article-copy h2{font-size:27px;line-height:1.3}.article-copy p{color:#44595d;line-height:1.85}.article-aside{border-color:#d9e3db}.note{background:#f2f5ef;border:1px solid var(--line);border-radius:5px}
.product-detail{padding:10px 32px 35px;gap:6%;align-items:start}.detail-diagram{min-width:0}.detail-photo{margin:0}.detail-photo img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#f6f4ef;border-radius:5px}.detail-photo figcaption{font-size:11px;line-height:1.5;color:#5f7276;margin:10px 0 0}
.image-method{font-size:12px;line-height:1.7;color:#687a7f;max-width:600px;margin:8px 0 0}.product-detail>div:nth-child(2){padding-top:15px}.product-detail h1{font-size:39px;line-height:1.17;margin:18px 0 20px}.product-detail .lead{font-size:16px;line-height:1.75}
.model-label{font-size:12px;color:#667b7d}.source-facts{padding:45px 32px;background:#f3f6f1;gap:7%}.source-facts h2{font-size:29px;line-height:1.25}.source-facts dl>div{border-color:#d5dfd5;font-size:13px}.purchase-note{padding:45px 32px}.purchase-note h2{font-size:28px}
.worksheet{padding:5px 32px 45px;max-width:none;gap:6%}#catch-form{background:white;border-color:#dce3dc;border-radius:5px}.results{background:#f2f5ef;border-color:#d5e0d3;border-radius:5px;min-height:0}.results .result-big{font:600 52px/1.25 Arial}.results .secondary-result{font:500 25px Arial}.results h2{font-size:28px}.results hr,.result-controls{border-color:#cad8c9}.tool-help{border-color:#dce3dc}
.method-note{padding:20px 32px 55px;max-width:950px}.method-note h2{font-size:28px}.search-section{padding:5px 32px 65px}.search-result h2{font-size:27px}.policy{padding:35px 32px 60px}.policy h1{font-size:42px}.policy h2{font-size:28px}.empty{background:#f3f5ef;border:1px solid var(--line);border-radius:5px}.empty h2{font-size:27px}
footer{background:#20463e;padding:42px max(32px,calc((100vw - 1296px)/2));gap:30px}footer .brand{font:600 25px Arial;color:white;letter-spacing:-1px}footer p{color:#d3e2d8;font-size:13px}footer .fine{border-top-color:#53766c;font-size:10px;color:#d2e0d8}
.compare-photo{margin:0 0 12px;width:130px;max-width:100%;font-weight:normal}.compare-photo img{width:130px;height:130px;aspect-ratio:1/1;object-fit:contain;background:#f6f4ef;border-radius:3px}.compare-photo figcaption{font-size:9px;line-height:1.5;margin-top:6px;color:#647176}
@media screen and (max-width:1100px){header,.hero,.section,.page-heading,.crumb,.product-detail,.source-facts,.worksheet,.article{padding-left:24px;padding-right:24px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.hero{gap:4%}.hero h1{font-size:38px}.hero-copy>p{font-size:15px}.measurement-callout{margin-inline:24px;padding:30px}.featured-grid .product-info h3 a{min-height:0}.product-detail h1{font-size:34px}}
@media screen and (max-width:650px){
 header{min-height:68px;padding:12px 5%;gap:12px}.brand{font-size:23px}.brand-icon{font-size:26px}.menu{border-color:#bac6c3;border-radius:4px;font-size:13px;min-height:44px}nav>a{font-size:14px}
 .hero{padding:26px 5% 18px;gap:23px;grid-template-columns:1fr}.hero h1{font-size:34px;line-height:1.12;letter-spacing:-1.2px;margin:14px 0 17px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-copy>p{font-size:15px;line-height:1.65;max-width:none}.hero-copy>.hero-fact{font-size:10px;line-height:1.65;margin-top:15px}
 .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 0}.hero .actions .button{min-width:0;width:100%;font-size:12px;padding:12px 10px;min-height:46px;gap:8px}.hero figure img{aspect-ratio:3/2;object-fit:contain;border-radius:4px}.hero figure figcaption{font-size:10px;line-height:1.5;margin-top:7px}
 .section{padding:36px 5%}.section.compact{padding-top:18px}.section-heading{display:block;margin-bottom:15px}.section-heading h2{font-size:25px;line-height:1.25}.section-heading>.text-link{font-size:12px;margin-top:4px}.section-heading>p{font-size:13px;max-width:none;line-height:1.7}
 .product-grid,.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.product-card{border-radius:4px}.card-photo figcaption{font-size:9px;line-height:1.45;padding:7px 9px;min-height:40px}.product-info{padding:11px 10px 7px}.product-info>.eyebrow{font-size:8px;letter-spacing:.2px;line-height:1.5;min-height:25px;margin-bottom:7px;overflow-wrap:anywhere}
 .product-info h3{font-size:15px;line-height:1.3;letter-spacing:-.2px;margin-bottom:10px}.product-info h3 a,.featured-grid .product-info h3 a{min-height:59px}.product-stats{padding:10px 0;gap:7px;margin-bottom:7px;min-height:64px}.product-stats strong{font-size:17px;line-height:1.35}.product-stats span{font-size:9px;line-height:1.5}
 .card-source{font-size:10px;line-height:1.5;margin-bottom:5px}.card-source a{font-size:10px;line-height:1.4;min-height:44px;padding:8px 0}.card-source span{display:none}.product-actions{display:flex;flex-direction:column;gap:0;padding-top:5px}.product-actions .text-link{font-size:12px;min-height:44px;padding:8px 0}.product-actions label{font-size:11px;padding:8px 0;gap:7px;min-height:44px}.product-actions label input{width:20px;height:20px}.card-selection{gap:0;font-size:10px;line-height:1.5}.card-selection a{font-size:11px;line-height:1.4;min-height:44px}
 .measurement-callout{margin:3px 5% 0;padding:25px 22px;grid-template-columns:1fr;gap:24px}.measurement-callout h2{font-size:25px}.measurement-callout p{font-size:14px;line-height:1.7}.measurement-callout .button{width:100%}.math-card{padding:25px}.math-card strong{font-size:28px}.math-card b{font-size:45px}
 .guide-grid{grid-template-columns:1fr;gap:14px}.guide-card{padding:22px}.guide-card h3{font-size:22px;line-height:1.3}.guide-card p{font-size:14px}.source-banner{margin:0 5% 36px;padding:30px 0}.source-banner h2{font-size:23px}.source-banner p{font-size:13px}
 .crumb{padding:18px 5%;font-size:10px}.page-heading{padding:25px 5% 12px}.page-heading h1{font-size:33px;line-height:1.15;margin:14px 0 17px}.page-heading>p{font-size:15px;line-height:1.65}.filters{padding:17px;gap:15px}.filters label,#catch-form label{font-size:13px}input:not([type=checkbox]),select{font-size:16px;min-height:48px;padding:11px 12px}.selection-summary{font-size:11px}.selection-summary a{font-size:12px}.comparison-section h2{font-size:26px!important}
 .product-detail{grid-template-columns:1fr;padding:0 5% 25px;gap:22px}.product-detail>div:nth-child(2){padding:0}.product-detail h1{font-size:31px;line-height:1.2;letter-spacing:-1px}.detail-photo img{aspect-ratio:1/1;object-fit:contain;max-height:none;border-radius:4px}.detail-photo figcaption{font-size:10px;line-height:1.5;margin-top:10px}.image-method{font-size:11px;line-height:1.7;margin-top:5px}.product-detail .lead{font-size:15px}.source-facts{grid-template-columns:1fr;padding:30px 5%;gap:22px}.source-facts h2{font-size:25px}.source-facts dl>div{font-size:12px;gap:15px}.purchase-note{padding:30px 5%}.purchase-note h2{font-size:25px}
 .article{padding:28px 5% 40px}.article-head h1{font-size:33px;line-height:1.2}.lead{font-size:16px}.article-copy h2{font-size:25px}.article-copy p{font-size:15px}.article-aside>a{font-size:12px}.worksheet{padding:5px 5% 30px}.results{padding:24px}.results h2{font-size:25px}.results .result-big{font-size:43px}#catch-form{padding:20px}.method-note{padding:15px 5% 40px}.method-note h2{font-size:25px}
 .policy{padding:28px 5% 40px}.policy h1{font-size:33px;line-height:1.2}.policy h2{font-size:25px}.search-section{padding:5px 5% 45px}.search-result h2{font-size:24px}footer{padding:35px 5%;gap:25px}footer .brand{font-size:24px}footer .fine{font-size:9px!important;line-height:1.8}
}
@media screen and (max-width:359px){.product-grid,.featured-grid{grid-template-columns:minmax(0,1fr);gap:20px}.card-photo figcaption{font-size:10px;min-height:0}.product-info{padding:15px}.product-info>.eyebrow{font-size:9px;min-height:0}.product-info h3{font-size:20px}.product-info h3 a,.featured-grid .product-info h3 a{min-height:44px}.product-stats{min-height:0}.product-stats strong{font-size:20px}.product-stats span{font-size:11px}.card-source a{font-size:12px}.card-source span{display:block}.product-actions label{font-size:12px}.product-actions .text-link{font-size:13px}.hero h1{font-size:31px}.hero .actions{grid-template-columns:1fr}.hero .actions .button{font-size:13px}}
@media print{body{background:white;color:black}.card-photo figcaption,.detail-photo figcaption,.image-method{color:black}.hero{display:none}.detail-photo img{max-width:300px;max-height:300px}.compare-photo img{width:85px;height:85px}.product-card{break-inside:avoid}.product-actions,.selection-summary{display:none!important}}

/* Yard-specific surfaces keep measured results distinct from product claims. */
:root{--forest:#244a3c;--blue:#3c6a77;--paper:#fff;--pale:#f1f5ee;--line:#dfe5df;--muted:#617376}
.brand{font-size:17px;letter-spacing:.06em;gap:10px}.brand small{font-size:7px;letter-spacing:.18em}.mark{font-size:35px;color:var(--forest)}
.button.nav-button{font-size:12px;padding:11px 17px;min-height:44px}.hero figure>img{border:0}.chapter-strip{display:none}
.intro-section{padding-block:40px}.intro-section h2{font-size:31px;line-height:1.22}.intro-section p{font-size:14px;line-height:1.75}
.product-fact{padding:12px 0;margin:0 0 12px;border-color:#e4eae2}.product-fact>span{font-size:8px;letter-spacing:.5px;line-height:1.5;display:block}.product-fact strong{font:600 24px/1.5 Arial;letter-spacing:-.7px}.product-fact small{font:12px Arial;letter-spacing:0}.product-fact p{font-size:10px;line-height:1.55;color:#66777b;margin-top:3px}
.measurement-callout{color:var(--forest);margin:10px 32px 0}.callout-copy h2{font-size:29px;line-height:1.25}.callout-copy>p{font-size:14px;line-height:1.75;max-width:400px}.callout-copy .small-copy{color:#65777b}
.reading-card{border:1px solid #d6e0d2;box-shadow:none;border-radius:4px;padding:27px}.reading-card>.eyebrow{font-size:8px}.example-summary strong{font:600 27px/1.4 Arial;letter-spacing:-.5px}.example-summary small{font-size:10px}.can-row i{background:#83a8ac}.reading-card>p{font-size:10px;line-height:1.6}
.source-banner{margin:0 32px 50px;background:white;border-inline:0;border-radius:0}.source-banner .source-symbol{display:none}.source-banner a{display:inline-flex;min-height:44px;align-items:center;font-size:13px}.source-banner h2{font-size:25px}
.source-facts dl>div{font-size:13px;border-color:#d4dfd3}.product-detail .model{font:12px Arial;line-height:1.6;color:#667a7a}.detail-diagram>img{border:0}
.results{color:var(--forest);position:sticky;top:25px}.results p{color:#526b6c;font-size:13px;line-height:1.75}.results .result-big{font:600 50px/1.3 Arial;letter-spacing:-1.6px}.result-big small{font:17px Arial}.results h2{font-size:28px;line-height:1.25}.results .warning{color:#345345;background:#e7efdf;font-size:12px;line-height:1.7}.result-grid{border-color:#c9d7c6}.result-grid strong{font:600 23px/1.4 Arial}.result-grid span{font-size:10px}.runtime-result{font:600 36px/1.3 Arial;letter-spacing:-.9px}.runtime-result small{font:14px Arial}.result-rule,.results .conditions,.result-controls{border-color:#c8d8c5}.conditions-fields{border-color:#dce4d8}.method-note{max-width:none;background:#f3f6ef;padding:40px 32px 50px}.method-note h2{font-size:29px;line-height:1.3}.method-note p{font-size:14px;line-height:1.75}
@media screen and (max-width:1100px){.measurement-callout{margin-inline:24px}.source-banner{margin-inline:24px}.worksheet{gap:4%}.product-fact strong{font-size:23px}}
@media screen and (max-width:650px){
 .brand{font-size:15px;gap:8px}.mark{font-size:31px}.brand small{font-size:6px;margin-top:5px}.hero h1{font-size:34px}.intro-section{padding-block:30px}.intro-section h2{font-size:25px;line-height:1.25}
 .product-fact{padding:10px 0;min-height:94px;margin-bottom:7px}.product-fact>span{font-size:7px;letter-spacing:.1px;line-height:1.4}.product-fact strong{font-size:20px;line-height:1.5;letter-spacing:-.4px}.product-fact small{font-size:10px}.product-fact p{font-size:9px;line-height:1.45}
 .measurement-callout{margin:3px 5% 0;padding:25px 22px;gap:24px}.callout-copy h2{font-size:25px}.callout-copy>p{font-size:14px}.reading-card{padding:23px}.can-row{gap:25px}.example-summary{gap:15px}.example-summary strong{font-size:24px}.reading-card>.eyebrow{font-size:7px}
 .source-banner{margin:0 5% 36px;padding:30px 0}.source-banner h2{font-size:23px}.source-banner p{font-size:13px}.source-facts dl>div{font-size:12px;gap:15px}
 .worksheet{gap:22px}.worksheet form{padding:18px}.results{position:static;padding:24px}.results h2{font-size:25px}.results .result-big{font-size:43px}.result-grid strong{font-size:22px}.runtime-result{font-size:33px}.method-note{padding:30px 5% 40px;gap:20px}.method-note h2{font-size:25px}.conditions-fields summary{font-size:14px}
 #collector-inputs>label{background:#f7f9f4;border-color:#d9e3d5}.row-actions .plain-button{min-height:48px}.product-actions label{border-radius:0}.results .conditions{overflow-wrap:anywhere}
}
@media screen and (max-width:359px){.product-fact{min-height:0}.product-fact>span{font-size:9px}.product-fact strong{font-size:24px}.product-fact p{font-size:11px}.hero h1{font-size:31px}.reading-card{padding:20px}.can-row{gap:22px}.example-summary strong{font-size:23px}.example-summary>span{font-size:7px}}
@media print{.results,.results p,.results .warning{background:white;color:black}.results{position:static}.source-facts{background:white}.measurement-callout,.source-banner{display:none!important}}