/* Photography-led buying guide; loaded after the existing mobile rules. */
:root{--paper:#fff;--ink:#243f3a;--olive:#31594c;--clay:#557267;--muted:#60716a;--line:#dce4df;--cream:#f4f6f2}
body{background:#fff;font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.035em;line-height:1.16;color:#23483c}
h1 em,h2 em{font-style:normal;color:inherit}h1{font-size:44px}h2{font-size:30px}h3{font-size:22px}
.wrap{width:min(1296px,calc(100% - 64px))}.section{padding:48px 0}.section-head{align-items:center;gap:26px;margin-bottom:16px}.section-head h2{font-size:30px;margin-bottom:0}.section-head p{font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.35px;color:#60756a}
.header{min-height:80px;gap:24px}.logo{font:600 12px/1.3 Arial;letter-spacing:1.2px;gap:9px}.logo b{font-size:10px;letter-spacing:2.2px;font-weight:500}.logo svg{width:26px;height:32px}nav a{font-size:13px;min-height:44px;display:flex;align-items:center}.nav-tool{border:1px solid #b7c7bd;border-radius:4px;padding:10px 16px}.icon{font-size:25px;min-width:44px;min-height:44px}
.button{min-height:46px;border-radius:4px;background:#31594c;border-color:#31594c;font:13px Arial;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:22px}.button:hover{background:#426b5c;color:white}.button.secondary{background:#fff;color:#31594c;border:1px solid #b8c6be}.text-link{min-height:44px;display:inline-flex;align-items:center;font-size:13px;padding:9px 0}.caption,.photo-caption,figcaption{font-size:11px;line-height:1.6;color:#66776c}
.hero{grid-template-columns:.92fr 1.08fr;gap:6%;padding:36px 0 28px}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(37px,3.6vw,50px);line-height:1.1;margin:0 0 22px}.hero-copy .lede{font-size:16px;line-height:1.75;color:#596f62;max-width:430px;margin-bottom:25px}.hero .actions{display:flex;flex-wrap:wrap;gap:12px}.hero-fact{font-size:11px;color:#64786c;margin:22px 0 0}.hero-art{position:static;transform:none;margin:0;min-width:0}.hero-art img{border-radius:5px;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.hero-art figcaption{margin-top:8px;padding:0}.section-intro{font-size:13px;line-height:1.7;color:#63746b;max-width:800px;margin:0 0 26px}
.featured-edit{padding-top:26px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.featured-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{padding:0;border:1px solid #dfe6df;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;background:white;min-width:0}.card-photo{margin:0;background:#f6f5f0}.card-photo a{display:block}.product-card .card-photo img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;transform:none;border-radius:0;background:#f6f5f0}.card-photo figcaption{padding:8px 12px;background:#fafbf8;font-size:10px;border-top:1px solid #ecf0e8;line-height:1.5}.product-copy{padding:17px;display:flex;flex-direction:column;flex:1}.product-copy>small{font-size:9px;line-height:1.5;color:#607569;letter-spacing:.6px;text-transform:uppercase;margin-bottom:9px}.product-copy h3{font-size:19px;line-height:1.3;letter-spacing:-.4px;margin:0 0 15px}.product-copy h3 a{min-height:48px;display:block;text-decoration:none}.product-size{display:flex;flex-direction:column;gap:2px;min-height:48px;font-size:12px;margin:0 0 12px}.product-size strong{font-size:16px;line-height:1.4;font-weight:600}.product-size span{font-size:11px;color:#697b6f}.card-source{font-size:11px;margin:0 0 10px}.card-source a{display:inline-flex;align-items:center;min-height:44px}.card-actions{margin-top:auto;padding-top:9px;border-top:1px solid #e4e9e2}.card-actions>.text-link{width:100%;display:flex;justify-content:space-between;min-height:44px;font-size:12px}.compare-label{font-size:12px;min-height:44px;display:flex;align-items:center;gap:9px;border:0;padding:8px 0}.compare-label input{width:20px;height:20px;margin:0;accent-color:#31594c}
.concept-grid{gap:24px}.concept{min-width:0;border:1px solid #e0e6df;padding:0 0 15px;border-radius:5px;overflow:hidden;background:white}.concept a{display:block;text-decoration:none}.concept img{border-radius:0;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transform:none}.concept h2,.concept h3{font-size:23px;line-height:1.25;padding:0 18px;margin:16px 0 10px}.concept p{font-size:13px;padding:0 18px}.photo-caption{display:block;font-size:10px;padding:8px 12px;background:#f8faf6}.concept>div{padding:0}.idea-layout{gap:6%;align-items:start}.idea-layout h1{font-size:42px}.idea-layout figure img{aspect-ratio:3/2;width:100%;object-fit:contain;border-radius:5px}.idea-layout figcaption{margin-top:10px}.swatches i{border-radius:4px}
.planner-feature{background:#f1f5ef;color:#29493d;padding:36px 0;margin:5px 0 0;border-block:1px solid #e0e6dd}.feature-grid{grid-template-columns:1.2fr .8fr;gap:9%;align-items:center}.feature-grid h2{font-size:29px}.feature-grid p{font-size:14px;line-height:1.75}.paper-plan{background:#fff;border:1px solid #d4dfd2;border-radius:5px;transform:none;box-shadow:none;color:#31594c}.paper-plan>span{font-size:10px}.paper-plan>p{font-size:11px}.mini-wall{border-color:#9aaf9c}.mini-wall i{border-color:#65826d}.plan-rule{font-size:11px}.journal-grid{gap:24px}.journal-card{padding:24px;border:1px solid #e0e6df;border-radius:5px;background:#fff}.journal-card h3{font-size:23px;line-height:1.25}.journal-card p{font-size:14px;line-height:1.7;color:#607264}.journal-card .text-link{font-size:12px}.research{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;padding:35px 0 48px;border-top:1px solid #dce4db}.research h2{font-size:24px}.research h3{font-size:21px}.research p{font-size:13px;line-height:1.75;color:#5d7363}
.crumb{font-size:11px}.section>.lede{font-size:17px;line-height:1.7;max-width:800px}.filter-bar{padding:20px;background:#f4f7f1;border:1px solid #e0e7db;border-radius:5px}.filter-bar label{font-size:12px}input:not([type=checkbox]),select{border:1px solid #b8c6bb;background:white;border-radius:4px;min-height:46px}.comparison{border-top-color:#dce4d9}.comparison h2{font-size:28px}.comparison th,.comparison td{font-size:12px}.comparison thead th{font:600 16px/1.4 Arial}.mobile-comparebar{background:white;border-radius:4px;border-color:#b6c7b7}.mobile-view-comparison{font-size:12px;min-height:44px;display:flex;align-items:center;margin:0 17px}
.product-layout{gap:6%;align-items:start;grid-template-columns:1fr 1fr}.product-hero{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#f6f5ef;border-radius:5px}.product-layout h1{font-size:39px;line-height:1.17}.product-layout .model{font-size:12px}.product-layout .lede{font-size:16px;line-height:1.75}.product-layout .caption{margin:9px 0 0}.image-method{font-size:12px;line-height:1.7;color:#657969;margin-top:8px}.product-detail h2{font-size:28px}.product-detail dt,.product-detail dd{font-size:13px;line-height:1.7}.callout,.source{border:1px solid #dce5d7;border-radius:5px;background:#f3f6ef}.callout h2,.source h2{font-size:25px}.callout h3{font-size:22px}.callout p,.source p{font-size:14px;line-height:1.75}
.article{padding-top:42px;padding-bottom:55px}.article h1{font-size:42px;line-height:1.17}.article .lede{font-size:17px}.byline{font-size:11px}.article-layout aside a{min-height:44px;font-size:12px}.prose h2{font-size:27px;line-height:1.3}.prose p{font-size:16px;line-height:1.85}.tool-grid form,.result-panel{border-radius:5px;background:#f5f7f1}.tool-grid h2{font-size:27px}.tool-grid label{font-size:13px}.tool-grid input,.tool-grid select{font-size:16px}.tool-grid .button{width:100%}.result-facts{border-radius:4px}.back-to-plan{border-radius:4px}dialog{border-radius:6px}dialog h2{font-size:29px}dialog input{font-size:16px}.search-results a{min-height:44px}
footer{background:#244c3e;color:#fff;border:0;padding:42px 0}.foot-grid{gap:30px}.foot-grid p{font-size:13px;color:#d6e1d5}.foot-grid a:not(.logo){min-height:44px;display:flex;align-items:center;font-size:12px}.fine{font-size:10px;border-top-color:#52745c}.fine span{font-size:10px;color:#c4d5c6}
@media(max-width:1100px){.featured-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:4%}.hero-copy h1{font-size:38px}.product-layout h1{font-size:34px}.wrap{width:calc(100% - 48px)}}
@media(max-width:760px){
 .wrap{width:90%}.header{min-height:68px;gap:12px}.logo{font-size:11px}.logo b{font-size:9px}.logo svg{width:23px;height:28px}.head-actions{gap:4px}.menu{border:1px solid #b9c8bb;border-radius:4px;font-size:23px}nav.open{background:#fff;border-top:1px solid #dce5d8}nav a{font-size:14px;min-height:44px}.nav-tool{border:0;padding:8px 0}
 .hero{display:flex;flex-direction:column;gap:23px;padding:26px 0 20px}.hero-copy{width:100%}.hero-copy h1{font-size:34px;line-height:1.12;margin-bottom:17px}.hero-copy .lede{font-size:15px;line-height:1.65;margin-bottom:19px}.hero .eyebrow{font-size:9px;letter-spacing:1.05px}.hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero .button{width:100%;min-width:0;gap:10px;font-size:13px;padding:12px}.hero-fact{font-size:10px;margin-top:15px}.hero-art{width:100%}.hero-art img{width:100%;aspect-ratio:3/2;object-fit:contain}.hero-art figcaption{font-size:10px;line-height:1.5}
 .section{padding:36px 0}.featured-edit{padding-top:22px}.section-head{display:block;margin-bottom:12px}.section-head h2{font-size:25px}.section-head .text-link{font-size:12px}.section-intro{font-size:12px;line-height:1.7;margin-bottom:20px}.product-grid,.featured-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.product-copy{padding:11px 10px 7px}.product-copy>small{font-size:8px;min-height:24px;letter-spacing:.2px}.product-copy h3{font-size:15px;line-height:1.3;margin-bottom:11px}.product-copy h3 a{min-height:59px}.product-size{min-height:48px}.product-size strong{font-size:14px}.product-size span{font-size:10px}.card-source{font-size:10px;margin-bottom:5px}.card-source a{min-height:44px;line-height:1.4}.card-photo figcaption{font-size:9px;line-height:1.45;padding:7px 9px;min-height:40px}.card-actions>.text-link,.compare-label{font-size:12px;min-height:44px}.compare-label{gap:7px}
 .concept-grid,.journal-grid{grid-template-columns:1fr;gap:18px}.concept img{aspect-ratio:3/2;object-fit:contain}.concept h2,.concept h3{font-size:23px}.planner-feature{padding:28px 0}.feature-grid{grid-template-columns:1fr;gap:24px}.feature-grid h2{font-size:25px}.feature-grid .button{width:100%}.paper-plan{padding:25px}.research{grid-template-columns:1fr;gap:22px;padding:30px 0 36px}.research h2{font-size:23px}.research p{font-size:13px}.journal-card{padding:22px}.journal-card h3{font-size:22px}
 h1,.idea-layout h1{font-size:33px}.section>.lede{font-size:16px}.filter-bar{padding:17px;gap:15px}.filter-bar label{font-size:13px}input:not([type=checkbox]),select{font-size:16px;min-height:48px}.product-layout{grid-template-columns:1fr;gap:22px}.product-layout h1{font-size:31px}.product-layout .lede{font-size:15px;line-height:1.7}.product-layout .caption{font-size:10px}.image-method{font-size:11px}.product-detail h2{font-size:25px}.product-detail{gap:24px}.callout,.source{padding:23px}.callout h2,.source h2{font-size:23px}.article{padding:30px 0 45px}.article h1{font-size:33px}.article .lede{font-size:16px}.prose h2{font-size:25px}.prose p{font-size:15px}.tool-grid h2{font-size:25px}.tool-grid form,.result-panel{padding:22px}.tool-grid label{font-size:13px}.tool-grid input,.tool-grid select{font-size:16px}.table-scroll a{min-height:44px}.mobile-view-comparison{margin:0 10px}.foot-grid{gap:24px}footer{padding:35px 0}.fine{font-size:9px}.fine span{font-size:9px}
}
@media(max-width:359px){.product-grid,.featured-product-grid{grid-template-columns:minmax(0,1fr);gap:20px}.product-copy{padding:15px}.product-copy>small{font-size:9px;min-height:0}.product-copy h3{font-size:20px}.product-copy h3 a{min-height:44px}.product-size strong{font-size:17px}.product-size span{font-size:11px}.card-photo figcaption{font-size:10px;min-height:0}.card-source a{font-size:12px}.hero-copy h1{font-size:31px}}
@media print{.hero,.planner-feature,.research,.featured-edit{display:none!important}body{background:#fff;color:#000}.product-hero{max-width:300px}.product-card{break-inside:avoid}.caption,.image-method,.photo-caption{color:#000}.product-layout{display:block}}

/* Interaction recovery: local feedback stays next to the affected control. */
.compare-feedback{margin:0;padding:9px 12px;color:#873a26;background:#fff6f0;font:13px/1.5 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
input[aria-invalid="true"]{border-color:#9e402c;outline:1px solid #9e402c;outline-offset:1px}
#plan-error,#fit-error{color:#8b3324;font-size:14px;line-height:1.5}
#plan-error:empty,#fit-error:empty{display:none}
.search-controls{display:flex;gap:10px;align-items:center;min-width:0}.search-controls input{flex:1;min-width:0}.search-controls button{flex-shrink:0;min-height:44px;padding:8px;font-size:13px;margin:0;white-space:nowrap}.search-controls button:disabled{opacity:.55;cursor:default}#search-status{font-size:13px;margin:12px 0}

/* Static first-load guard: preserve the existing planner layout. */
#planner-controls{min-width:0;border:0;padding:0;margin:0}
#planner-controls:disabled{opacity:.65}
.planner-loading,.planner-noscript{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.planner-loading{margin:0 0 20px;padding:14px;border:1px solid #b8c6bb;border-radius:4px;background:#fff}
.planner-loading p{margin:0}
.planner-recovery{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:6px}
.planner-recovery a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
#planner-controls>label{margin:17px 0;font-size:13px}