/* Evidence-backed small-screen refinements; desktop layout is unchanged. */
.cw-mobile-heading,.cw-mobile-description,.cw-mobile-action{display:none}
@media(max-width:600px){
  .cw-desktop-heading{display:none}
  .cw-mobile-heading,.cw-mobile-description,.cw-mobile-action{display:block}
  .cw-main-column .cw-details-hint{font-size:13px;line-height:1.5;margin-top:8px}
  .cw-sys-detail.cw-sys-card>.cw-sys-summary{padding:14px 16px;min-height:88px!important;gap:0}
  .cw-sys-summary .cw-sys-summary-icon,.cw-sys-summary .cw-sys-arrow,.cw-sys-summary .cw-sys-summary-tag{display:none}
  .cw-sys-summary .cw-sys-summary-text{min-width:0;gap:5px}
  .cw-sys-summary .cw-sys-summary-title{font-size:16px;line-height:1.3;font-weight:700}
  .cw-mobile-description{font-size:12px;line-height:1.5;font-weight:400;color:#506974}
  .cw-mobile-action{font-size:12px;line-height:1.5;font-weight:700;color:#007f99;margin-top:3px}
  .cw-mobile-action .cw-hide-label{display:none}
  .cw-sys-detail[open]>.cw-sys-summary .cw-view-label{display:none}
  .cw-sys-detail[open]>.cw-sys-summary .cw-hide-label{display:inline}
  .cw-sys-summary:focus-visible{outline:3px solid #008fab;outline-offset:-3px}
  /* Categories and section links must not disappear into an unmarked rail. */
  .commercial-finder .commercial-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:0;padding:6px;gap:6px}
  .commercial-finder .commercial-filter button{width:100%;min-width:0;min-height:48px;padding:8px;gap:6px;white-space:normal}
  .commercial-filter button>svg{width:20px;height:20px}
  .commercial-filter button>span{min-width:0;letter-spacing:0}
  .commercial-filter button>span b{font-size:11px;line-height:1.3}
  .commercial-jump{position:static}
  .commercial-jump .container,.glass-jump .container,.guides-jump .container{display:flex;flex-wrap:wrap;overflow:visible;gap:0}
  .commercial-jump a,.glass-jump a,.guides-jump a{flex:1 1 45%;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 8px;font-size:11px;line-height:1.4;white-space:normal;text-align:center}
  .loe-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .loe-tabs button{min-width:0;min-height:76px;padding:12px 32px 12px 10px}
  .loe-tabs button:after{right:6px;width:20px;height:20px}
  .loe-tabs strong{font-size:15px}
  .mm-grid{grid-template-columns:1fr;gap:8px;padding:12px}
  .mm-tile{flex-direction:row;align-items:center;min-height:68px;border-radius:10px}
  .mm-tile-img{width:56px;height:56px;aspect-ratio:1;flex:0 0 56px;padding:6px;margin:6px}
  .mm-tile-label{min-width:0;padding:10px 10px 10px 4px;font-size:13px;line-height:1.4}
  .m5-group .editorial-link{min-height:44px;align-items:center}
  main .premium-btn{min-height:44px}
  .footer a{display:flex;align-items:center;min-height:44px}
  .page-windows .editorial-intro h2,.page-doors .editorial-intro h2,.page-windows .cta-panel h2,.page-doors .cta-panel h2{font-size:30px;line-height:1.18}
  main .company-role[id],main .product-family[id],main .mw-expansion[id],main #expanded-range-title,main #expanded-offering,main .tt-demo[id],main #faq-library,main .faq-group[id]{scroll-margin-top:100px}
  .residential-page .catalog-mobile-nav{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:8px!important;padding:0!important}
  .residential-page .catalog-mobile-nav a{display:inline-flex;align-items:center;min-height:44px;white-space:normal;font-size:12px}
  .page-faq .faq-jump{display:flex;flex-wrap:wrap;overflow:visible;gap:8px;margin:18px 0 0;padding:0}
  .page-faq .faq-jump a{min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;white-space:normal}
  .enquiry-guide-topics{flex-wrap:wrap;overflow:visible;gap:8px}
  .enquiry-guide-topics a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;white-space:normal}
  .dl-hero h1{font-size:34px;line-height:1.12}
  .page-skylights main h1{font-size:34px;line-height:1.12}
  .page-skylights .do-link{display:inline-flex;align-items:center;min-height:44px}
  .dl-search input{font-size:16px;min-width:0}
  .dl-search kbd{display:none}
  .dl-sidebar button,.dl-view,.dl-actions a,.dl-help a{min-height:44px}
  .dl-sidebar button{line-height:1.4}
  .contact-page .contact-extra summary{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:10px;min-height:0;padding:13px 12px}
  .contact-page .contact-extra-copy strong{font-size:14px;line-height:1.4}
  .contact-page .contact-extra-copy small{font-size:12px;line-height:1.5;margin-top:5px}
  .contact-page .contact-extra summary>span.contact-extra-toggle{font-size:0;align-self:center;text-align:center}
  .contact-page .contact-extra-toggle:after{content:'+';font-size:24px;line-height:1}
  .contact-page .contact-extra[open] .contact-extra-toggle:after{content:'−'}
  .contact-page input[type=file]{font-size:16px;max-width:100%}
  /* Keep long editorial titles readable without clipping a long word. */
  .energy-centre>header h1{font-size:32px;line-height:1.12;overflow-wrap:anywhere;letter-spacing:-.035em}
  .energy-centre>header .eyebrow,.guide-detail-title>.eyebrow{color:#77d9e9}
  .guide-article .guide-detail-title h1{font-size:30px!important;line-height:1.12!important;overflow-wrap:anywhere}
  .guide-article>header .guide-detail-title>p:last-child{font-size:17px;line-height:1.6}
  .guide-article .guide-practical,.guide-article .guide-questions,.guide-article .guide-sources{padding:16px!important}
  .guide-practical li{grid-template-columns:26px minmax(0,1fr);gap:9px;padding:12px}
  .guides-hero{min-height:0;padding-bottom:40px}
  .guides-hero h1{font-size:34px;line-height:1.12}
  .popular-topics a,.guide-card footer a,.guide-detail-title>a{display:inline-flex;align-items:center;min-height:44px}
  .guides-filter{flex-wrap:wrap;overflow:visible}
  .guides-filter button{min-height:44px;white-space:normal}
  .rp-category-return a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px;line-height:1.4}
  .daylighting-page .sk-comparison{padding:12px}
  .daylighting-page .sk-spec-body{padding-inline:10px}
  .dl-table-scroll:before{content:'Swipe horizontally to see all columns';position:sticky;left:0;display:block;padding:10px 4px;color:#45656d;font-size:12px;line-height:1.4}
  .colour-studio .colour-preview-actions{flex-wrap:wrap;min-width:0;width:100%;justify-content:flex-start}
  .colour-studio .colour-preview-actions button{flex:0 1 auto;white-space:normal;min-height:44px}
  /* Preserve the full photograph while reducing the empty gallery surround. */
  .project-detail .project-hero-media,.project-detail .project-hero-media.has-media{height:320px;min-height:320px;flex-basis:320px;max-height:none}
  .project-detail .project-hero-info{padding:28px 20px 36px}
  .project-detail .project-breadcrumb{margin-bottom:18px}
  .project-detail .project-back-link{min-height:44px;margin-bottom:14px}
  .project-detail .project-hero-info h1{max-width:100%;font-size:32px;line-height:1.12;margin-block:10px 16px}
  .project-detail .project-hero-info h1.project-title--long,.project-detail .project-hero-info h1.project-title--very-long{max-width:100%;font-size:30px;line-height:1.12}
  .project-detail .project-slide-arrow{width:44px;height:44px}
  .project-detail .project-carousel-toolbar button{min-width:44px;min-height:44px}
  .project-detail .project-section-heading h2,.project-detail .project-final-cta h2{font-size:30px;line-height:1.15}
  .project-detail .related-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;overflow:visible}
  .project-detail .related-grid>a{width:auto;min-width:0;max-width:none}
  .project-detail .related-grid img{aspect-ratio:16/9;max-height:220px}
}
@media(max-width:360px){
  .colour-studio .colour-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .contact-page .contact-department-tabs{grid-template-columns:1fr}
  .contact-page .contact-department-tab,.contact-page .contact-department-tab.is-selected{min-height:64px;padding:12px 14px}
  .contact-page .contact-department-tab strong{font-size:14px}
  .contact-page .contact-department-tab small{font-size:12px}
}