body{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}header h1{font-size:clamp(21px,3vw,28px);font-weight:700;letter-spacing:-.025em;line-height:1.2}h2,.section-head h2{font-size:22px;letter-spacing:-.02em;line-height:1.25}.pair-head h3,h3{font-size:17px;font-weight:700;line-height:1.3}body button:not(.image-zoom-trigger),body .pair-actions a,body .material-links a,body .photo-options summary,body .simple-tabs a{font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;line-height:1.25;min-height:36px;padding:8px 12px;border-radius:4px}body .simple-tabs a{min-height:40px;padding:8px 4px;border-radius:0}body .mobile-section-nav select{font-family:inherit;font-size:14px;font-weight:700;height:40px;min-height:40px;padding:8px 10px}body .pair-actions{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}body .pair-actions>button{width:auto;flex:0 0 auto}body .photo-options{flex:0 1 auto;min-width:0;width:auto}body .photo-options summary{justify-content:center}body .photo-options[open]{flex-basis:100%}body .photo-options button,body .photo-options a{width:auto}body .comparison-controls{display:flex;gap:8px;padding:8px 12px 0}body .comparison-controls button{flex:0 0 auto;min-width:84px}body .pair-head{padding:10px 12px;gap:8px}body .view-filters,body .archive-filters,body .material-filters{gap:6px}body .show-more{padding:10px 16px;margin:20px auto}body .feedback-dialog-head .eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em}body .view-count{font-size:13px!important}body .compare-dialog-head h2,body .image-zoom-head h2,body .feedback-dialog-head h2{font-size:18px}body .image-zoom-controls button{min-width:36px}body .image-zoom-controls{grid-template-columns:36px minmax(0,1fr) 48px 36px}body .feedback-dialog-toolbar{gap:6px}body .archive-grid button:not(.image-zoom-trigger),body .context-grid button{margin-bottom:8px}body .image-zoom-trigger{padding:0}body .photo-options summary::after{content:'+';margin-left:8px;font-size:16px}body .photo-options[open] summary::after{content:'−'}
body{background:#f7f7f4}header{padding:20px 16px 12px}header nav{display:none!important}header h1{font-size:clamp(23px,4vw,34px);margin:0}main{padding-top:12px}.mobile-section-nav{display:block!important;position:sticky;top:0;z-index:20;background:#fff;padding:0 12px 8px;border-bottom:1px solid #d4dcd9}.simple-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:800px;margin:auto}.simple-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;color:#314b4f;text-decoration:none;font-size:16px;border-bottom:2px solid transparent}.simple-tabs a[aria-current]{border-bottom-color:#20545a;color:#173e43;font-weight:700}.mobile-section-nav label{display:block;max-width:800px;margin:0 auto}.mobile-section-nav select{width:100%;min-height:44px;font-size:16px;background:#fff;border:1px solid #ccd6d3;border-radius:6px}.limited-card,[hidden]{display:none!important}.photo-options{flex:1;min-width:180px}.photo-options summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:8px 12px;border:1px solid #acbdbe;border-radius:4px}.photo-options[open]{display:grid;gap:8px}.photo-options button,.photo-options a{margin:6px 4px 0 0}.show-more{display:block;margin:24px auto;min-height:48px;padding:12px 24px}.section-head{margin-top:0}.pair-actions{align-items:start}.pair-card{box-shadow:none}.pair-head h3{font-size:18px}.view-filters{gap:6px}.view-filters button{min-height:44px}.simple-tabs a:focus-visible,summary:focus-visible{outline:3px solid #207b86;outline-offset:2px}@media(max-width:700px){main{padding:12px 10px}.section-head h2{font-size:24px}.pair-grid{gap:20px}.pair-actions{display:grid;grid-template-columns:1fr}.photo-options{width:100%}.mobile-section-nav{padding-bottom:6px}.pair-head{padding:12px}.section-head p{font-size:16px}.view-filters{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.view-filters button{flex-shrink:0}}

body .simple-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 6px;max-width:1100px}body .simple-tabs a{font-size:11px;min-height:32px;padding:7px 9px}body .mobile-section-nav{padding:4px 8px;position:static}body main>section{margin-block:32px;scroll-margin-top:16px}body main>section:first-child{margin-top:0}body .section-head{margin-bottom:16px}body .roof-choices:empty{display:none}body .pair-actions button,body .pair-actions a{width:auto;font-size:11px;min-height:32px;padding:7px 9px}body .pair-actions{gap:6px}body .pair-actions button[data-annotate]{font-size:10px}body .pair-head button,body .comparison-controls button{min-height:32px;font-size:11px;padding:7px 10px}