.mb-material-browse { background: #f3f6fc; color: #26354b; height: auto; min-height: 0; }
.material-browse-hero { padding: 60px 36px 44px; box-sizing:border-box; }
.material-browse-hero-inner { max-width: 1400px; margin: auto; }
.material-browse-hero-text { min-width:0; }
.material-browse-title { color: #002899; }
.material-browse-searchbar { min-width: 0; }
.material-browse-searchrow { display: flex; gap: 8px; }
.material-browse-input { min-width: 0; width: 100%; }
.finder-search-button,.finder-load-more { border: 0; padding: 12px 20px; color: white; background: #002899; cursor: pointer; font: inherit; font-weight: 700; }
.material-browse-filterhead { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.finder-reset,.finder-close { background: transparent; color:#002899; border:0; font:inherit; cursor:pointer; }
.finder-close { display:none; }
.material-browse-layout { grid-template-columns: 260px minmax(0,1fr); }
.material-browse-filters { position: static; width:auto; box-sizing:border-box; }
.material-browse-option { border-radius:4px; padding:8px; }
.material-browse-checkbox { accent-color:#002899; flex-shrink:0; }
.material-browse-fieldset { min-width:0; }
.material-browse-fieldset .material-browse-options { max-height:280px; overflow-y:auto; overscroll-behavior:contain; padding-right:4px; }
.material-browse-count { width:100%; }
.finder-download { color:#002899; font-size:13px; margin-left:auto; }
.finder-reference-note { color:#64748b; font-size:12px; line-height:1.7; margin:18px 0; }
.finder-applied { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.finder-chip { background:#edf3fc; border:1px solid #cbd9f4; border-radius:20px; padding:7px 12px; color:#002899; font:inherit; font-size:12px; cursor:pointer; }
.finder-card { border:1px solid #dce4ef; padding:26px; border-radius:8px; margin:16px 0; background:white; }
.finder-card-heading { display:flex; align-items:center; gap:20px; }
.finder-card-heading img { object-fit:cover; border-radius:6px; background:#f3f6fc; flex-shrink:0; }
.finder-card h2 { font-size:24px; margin:6px 0; }
.finder-card h2 a { color:#002899; text-decoration:none; }
.finder-card h2 a:hover { text-decoration:underline; }
.finder-card p { color:#435269; font-size:14px; }
.finder-card .finder-process { color:#64748b; font-size:12px; margin:0; }
.finder-specs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:#f5f7fb; padding:14px; gap:14px; border-radius:4px; }
.finder-specs dt { font-size:11px; color:#64748b; margin-bottom:5px; }
.finder-specs dd { margin:0; color:#26354b; font-size:13px; overflow-wrap:anywhere; }
.finder-tags { display:flex; flex-wrap:wrap; gap:6px; }
.finder-tags span { font-size:11px; color:#435269; background:#edf3fc; padding:5px 8px; border-radius:3px; }
.finder-card-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:22px; }
.finder-email { color:#002899; font-size:13px; }
.finder-load-more { display:block; margin:24px auto; }
.finder-load-more[hidden],.material-browse-empty[hidden] { display:none; }
.material-record-page { max-width:1320px; margin:auto; padding:48px 36px 80px; color:#26354b; }
.material-record-nav { color:#64748b; font-size:13px; margin-bottom:28px; }
.material-record-nav a { color:#002899; }
.material-record-hero { display:grid; grid-template-columns:1.5fr 1fr; gap:48px; align-items:center; margin-bottom:48px; }
.material-record-hero h1 { font-size:clamp(32px,3.5vw,52px); margin:10px 0 24px; }
.material-record-hero p { color:#435269; }
.material-record-hero img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:8px; }
.material-record-section { border-top:1px solid #dce4ef; padding:28px 0; }
.material-record-section h2 { font-size:26px; }
.material-record-table { width:100%; border-collapse:collapse; margin:24px 0; font-size:14px; }
.material-record-table th,.material-record-table td { padding:16px; border-bottom:1px solid #dce4ef; text-align:left; }
.material-record-table th { width:35%; background:#f5f7fb; }
.material-record-section li { margin:10px 0; line-height:1.8; }
.material-record-download { color:#002899; font-weight:700; }
@media(max-width:1100px) { .material-browse-layout { grid-template-columns:220px minmax(0,1fr); } }
@media(max-width:767px) {
 .material-browse-hero { padding:32px 18px; }
 html[lang=en] .mb-material-browse { min-height:0; padding:0; }
 .material-browse-hero-inner { gap:24px; }
 .material-browse-filters.finder-open { transform:translateY(0); }
 .finder-close { display:block; font-weight:700; }
 .material-browse-count { flex-wrap:wrap; gap:14px; }
 .finder-download { margin-left:0; }
 .finder-card { padding:18px; }
 .finder-card-heading { gap:14px; }
 .finder-card-heading img { width:64px; height:64px; }
 .finder-card h2 { font-size:21px; }
 .finder-specs { grid-template-columns:1fr; }
 .material-record-page { padding:30px 18px 56px; }
 .material-record-hero { grid-template-columns:1fr; gap:24px; }
 .material-record-table th,.material-record-table td { padding:12px 8px; }
}