/* Shared editorial rhythm across browsing and product surfaces. */
:root{--sy-copy:#c1d0c8;--sy-rule:#60786b55;--sy-radius:16px}
body{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{overflow-wrap:break-word;text-wrap:balance;letter-spacing:-.025em}p{overflow-wrap:break-word}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #e9cc81;outline-offset:4px}
body .section{padding-top:clamp(44px,5vw,80px);padding-bottom:clamp(44px,5vw,80px)}
body .section-heading{align-items:end;gap:24px;margin-bottom:32px}body .section-heading h2{font-size:clamp(28px,3.2vw,44px);line-height:1.25;max-width:24ch}
body .section-heading p{max-width:56ch;color:var(--sy-copy);font-size:15px;line-height:1.85}
.kicker,.eyebrow{font-size:12px;letter-spacing:.1em;line-height:1.6}
body .commerce-window{border-radius:var(--sy-radius);padding:clamp(20px,3vw,36px)}
.commerce-window-head h3{font-size:clamp(24px,2.6vw,34px);line-height:1.35}.commerce-window-head p{max-width:70ch;line-height:1.8}
.catalog-tools{gap:18px}.catalog-tools label{font-size:13px}.catalog-filter-bar button,.case-filter-bar button{min-height:42px;font-size:14px!important;padding:9px 15px!important}
.imported-product h3{font-size:22px!important;line-height:1.4}.imported-product p{color:var(--sy-copy)}
.imported-product .product-visual{height:260px;background:#f2f3ef;border-radius:12px}.imported-product .product-visual img{object-fit:contain;padding:12px;box-sizing:border-box}
.imported-case .case-image{border-radius:12px;overflow:hidden}.catalog-pagination{min-height:48px}
.search-header{padding:18px max(24px,calc((100vw - 1320px)/2));gap:28px;background:#0a2119;border-bottom:1px solid var(--sy-rule)}
.search-header nav{gap:12px 24px;font-size:14px;align-items:center}.search-header nav a{padding:6px 0}.search-header img{width:200px}
body:has(.search-header) main{max-width:1320px;padding:48px 28px 80px}
body:has(.search-header) h1{font-size:clamp(30px,3.7vw,48px);font-weight:600;margin:12px 0 20px;line-height:1.25}
.search-input-row,.search-row{gap:12px}.search-input-row input,.search-row input{min-height:52px;border-color:#6a8b77;border-radius:10px;padding:12px 16px}
.search-filters{padding:20px 0;margin:12px 0;gap:20px;border-bottom:1px solid var(--sy-rule)}.search-filters label{font-size:13px;min-width:150px}.search-filters select{min-height:44px}
#search-status{font-size:14px;color:var(--sy-copy);margin-bottom:24px}.search-grid,#search-results,.directory-grid{gap:24px}
.search-card{display:flex;flex-direction:column;padding:16px;border:1px solid var(--sy-rule);border-radius:16px;transition:border-color .25s,box-shadow .25s}
.search-card:hover{border-color:#a3bca3;box-shadow:0 10px 28px #0002}.search-card img{height:240px;background:#f5f5f1;border-radius:10px;object-fit:contain}
.search-card h2{font-size:21px;font-weight:600;margin:10px 0;line-height:1.4}.search-card p{color:var(--sy-copy);line-height:1.8;margin:8px 0}.search-card small{font-size:12px;letter-spacing:.035em}
.detail-grid{gap:clamp(28px,4vw,56px);align-items:start}.detail-grid h2{font-size:26px}.detail-product,.detail-main{background:#f5f5f1;border:1px solid #fff2;border-radius:16px;object-fit:contain}
body:has(.search-header) table{font-size:14px;line-height:1.7}body:has(.search-header) th{background:#16382b}body:has(.search-header) td{background:#0d281e}.detail-actions{gap:12px}.detail-actions a{min-height:44px}
.bread{font-size:13px;line-height:1.8}.nad-cover-caption b{letter-spacing:0}.profile-copy{column-gap:48px}.profile-copy p{line-height:1.95}
@media(min-width:761px) and (max-width:1020px){.search-grid,#search-results,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-header{flex-wrap:wrap}}
@media(max-width:760px){body:has(.search-header) main{padding:28px 18px 52px}.search-header{padding:16px 18px;gap:14px}.search-header nav{gap:8px 18px;font-size:13px}.search-grid,#search-results,.directory-grid,.detail-grid{grid-template-columns:1fr}.search-filters{gap:12px}.search-filters label{min-width:0;flex:1 1 140px}.search-filters select{max-width:100%;width:100%}.search-input-row button,.search-row button{min-height:46px}.section-heading{flex-wrap:wrap}.catalog-pagination{flex-wrap:wrap}.imported-product .product-visual{height:230px}.profile-copy{columns:1}}
@media(prefers-reduced-motion:reduce){.search-card{transition:none}}
/* Responsive audit: retain content and interactions on narrow screens. */
:where(.commerce-window-head,.commerce-window-head>div,.catalog-tools,.catalog-tools label,.detail-grid>*,.search-grid>*,.module-grid>*){min-width:0}
.commerce-window-head{grid-template-columns:minmax(0,1fr) auto}
.catalog-document-head select{min-width:0;max-width:100%}
:where(.modal-card,dialog){max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;overscroll-behavior:contain}
:where(.modal-card,dialog) :is(input,select,textarea){min-width:0;max-width:100%}
@media(max-width:760px){
 .commerce-window-head{grid-template-columns:minmax(0,1fr)!important}
 .commerce-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:10px!important}
 .commerce-metrics i{display:none}.commerce-metrics span{min-width:0;white-space:normal!important;overflow-wrap:anywhere;font-size:12px}
 #products .market-selection-bar .commerce-mode-switch button{flex-wrap:wrap;gap:4px;padding:10px 6px}
 #products .market-selection-bar .commerce-mode-switch button>b{font-size:12px;overflow-wrap:anywhere}
 .catalog-tools{min-width:0;width:100%}.catalog-tools input,.catalog-tools select{width:100%;min-width:0;box-sizing:border-box}
 .gallery-toolbar,.gallery-toolbar label{min-width:0}.gallery-toolbar select{width:100%;min-width:0}.gallery-pages{padding:12px 0}
 .modal-card{padding:20px!important}.catalog-document-actions>*{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 :where(input,select,textarea){font-size:16px!important}
}
@media(max-width:420px){
 .site-header{flex-wrap:wrap!important;gap:8px!important;padding:10px 14px!important}
 .site-header>.brand{order:0}.site-header>.menu-toggle{order:1;margin-left:auto;flex-shrink:0;min-width:44px;min-height:44px}
 .site-header>.header-actions{order:2;width:100%;justify-content:space-between;gap:8px;min-width:0}
 .header-actions :is(a,button){font-size:12px!important;min-height:36px;padding:6px 10px!important}
 .main-nav{max-height:calc(100dvh - 115px);overflow-y:auto}
 .commerce-window{padding:16px!important}.commerce-window-head h3{font-size:24px}
 .catalog-pagination{gap:8px;font-size:12px}.catalog-pagination button{padding:8px 12px}
}
.case-card,.case-copy{min-width:0}.imported-case .case-image{width:100%;max-width:100%;box-sizing:border-box}.imported-case .case-image img{max-width:100%}