/* Shared phone ergonomics; the desktop design remains unchanged. */
.mobile-inquiry{display:none}
@media(max-width:800px){
 html{scroll-padding-top:80px}
 .laboratory-recognition{scroll-margin-top:16px}
 .site-header{height:64px}
 .site-header .nav{gap:10px}
 .site-header .brand{width:clamp(110px,36vw,150px);margin-right:auto}
 .site-header .brand img{width:100%;height:58px}
 .mobile-inquiry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;background:#172d4d;color:#fff;border:1px solid #172d4d;border-radius:2px;font-size:13px;line-height:1.4}
 .menu-toggle{min-height:44px;min-width:56px;padding:8px 10px;font-size:13px;border-radius:2px;cursor:pointer}
 .navlinks{top:64px;padding:12px 20px 20px;gap:0;max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain}
 .navlinks>a{display:flex;align-items:center;min-height:48px;padding:10px 8px;font-size:15px}
 .navlinks>a:not(.button){border-bottom:1px solid var(--line)}
 .navlinks .button{align-self:stretch;margin-top:16px;min-height:48px}
 .text-link,.home-film-link,.company-film-link{display:inline-flex;align-items:center;min-height:44px;white-space:normal;line-height:1.65}
 .text-link>span{margin-left:8px;flex-shrink:0}
 :is(.company-section-nav,.product-subnav) .wrap{gap:8px;padding-block:14px}
 :is(.company-section-nav,.product-subnav) a{min-height:52px;padding:11px 8px;font-size:14px}
 .guide-page .guide-toc a{display:flex;align-items:center;min-height:44px;margin:0;padding-block:8px;font-size:13px}
 .product-page .related-product-links{gap:4px}
 .product-page .related-product-links a{display:flex;align-items:center;min-height:44px}
 .footer-links{gap:2px}
 .footer-links a{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
 .catalog-search input{font-size:16px}
 body :is(.product-page,.guide-page) :is(.spec-table,.wp-block-table) table:has(thead th:last-child:nth-child(2)){table-layout:fixed;width:100%;min-width:0}
 body :is(.product-page,.guide-page) :is(.spec-table,.wp-block-table) table:has(thead th:last-child:nth-child(2)) :is(td,th){min-width:0;overflow-wrap:anywhere}
 body :is(.product-page,.guide-page) :is(.spec-table,.wp-block-table) table:has(thead th:last-child:nth-child(2)) tr>:first-child{width:40%}
 /* A 120px label column keeps one full value column legible on narrow screens. */
 body :is(.product-page,.guide-page) :is(.spec-table,.wp-block-table).mobile-comparison{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
 body :is(.product-page,.guide-page) :is(.spec-table,.wp-block-table).mobile-comparison table{table-layout:fixed;width:100%;min-width:var(--comparison-width);font-size:14px;line-height:1.6}
 body :is(.product-page,.guide-page) :is(.spec-table,.wp-block-table).mobile-comparison :is(td,th){padding:12px;overflow-wrap:break-word}
 body :is(.product-page,.guide-page) :is(.spec-table,.wp-block-table).mobile-comparison tr>:first-child{width:120px;min-width:0;max-width:none;position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--line)}
 body :is(.product-page,.guide-page) :is(.spec-table,.wp-block-table).mobile-comparison thead tr>:first-child{z-index:2}
 body :is(.product-page,.guide-page) .table-with-unit tr>:nth-child(2){width:56px}
 .table-scroll-hint[hidden]{display:none!important}
 :is(.product-page,.guide-page) .table-scroll-hint{font-size:12px!important;line-height:1.6;color:var(--muted)}
}
@media(max-width:360px){
 .site-header .nav{gap:8px}
 .mobile-inquiry{padding-inline:10px}
 .product-page .hero-actions{display:grid;grid-template-columns:1fr}
 .product-page .hero-actions .button{font-size:13px;min-height:48px}
}