.materials-page-hero,
.materials-page-layout,
.materials-strip{
  width:min(1360px, calc(100% - 48px));
  margin-left:auto;
  margin-right:auto;
}
.materials-page-hero{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:42px;
  align-items:center;
  padding:58px 0 34px;
}
.materials-breadcrumb{display:flex;gap:10px;align-items:center;font-weight:800;color:#009aa6;margin-bottom:28px}
.materials-breadcrumb a{color:#009aa6;text-decoration:none}
.materials-breadcrumb strong{color:#082f6f}
.materials-kicker{display:block;letter-spacing:.18em;font-size:14px;font-weight:900;color:#009aa6;margin-bottom:16px}
.materials-page-hero h1{font-size:clamp(40px,5.4vw,72px);line-height:.98;color:#082f6f;margin:0 0 20px;font-weight:950}
.materials-page-hero p{font-size:20px;line-height:1.55;color:#123b73;max-width:800px;margin:0}
.materials-hero-badges{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.materials-hero-badges span{background:#eafafa;border:1px solid #c8f0ee;border-radius:18px;padding:13px 18px;color:#082f6f;font-weight:900}
.materials-hero-card{min-height:250px;border-radius:34px;background:linear-gradient(135deg,#ebfbfb,#dff8f6);border:1px solid #c8eeee;display:flex;align-items:center;justify-content:center;gap:34px;color:#009aa6;box-shadow:0 18px 48px rgba(8,47,111,.08)}
.materials-hero-icon{width:104px;height:104px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;font-size:52px;box-shadow:0 16px 34px rgba(8,47,111,.08)}
.materials-hero-card strong{font-size:34px;line-height:1.18;color:#009aa6}
.materials-page-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start;padding:18px 0 42px}
.materials-filter-card{position:sticky;top:16px;background:#fff;border:1px solid #d6e7f0;border-radius:18px;padding:18px;box-shadow:0 15px 40px rgba(8,47,111,.07)}
.materials-filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.materials-filter-head h2{font-size:22px;color:#082f6f;margin:0;font-weight:950}
.materials-filter-head a,.materials-active-filters a{font-weight:900;color:#009aa6;text-decoration:none}
.materials-filter-form{display:grid;gap:10px}
.materials-filter-form label{font-weight:900;color:#082f6f;margin-top:8px}
.materials-filter-form input,.materials-filter-form select{width:100%;border:1px solid #cfe1eb;border-radius:10px;padding:12px 13px;font-size:15px;color:#082f6f;background:#fff}
.materials-filter-form button{border:0;border-radius:10px;background:linear-gradient(135deg,#06306e,#00a3aa);color:#fff;font-weight:950;padding:14px 18px;margin-top:14px;cursor:pointer;box-shadow:0 12px 26px rgba(0,134,150,.22)}
.materials-results-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:4px 0 20px;color:#46638c;font-weight:800}
.materials-active-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;color:#082f6f;font-weight:600}
.materials-active-filters span{background:#eafafa;border:1px solid #c8f0ee;border-radius:999px;padding:6px 10px}
.materials-all-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.materials-all-grid .seo-material-card{background:#fff;border:1px solid #d6e7f0;border-radius:18px;overflow:hidden;text-decoration:none;box-shadow:0 12px 32px rgba(8,47,111,.06);transition:transform .18s ease, box-shadow .18s ease}
.materials-all-grid .seo-material-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(8,47,111,.11)}
.materials-all-grid .seo-card-thumb{background:#f0fafc;min-height:170px;display:flex;align-items:center;justify-content:center;padding:18px}
.materials-all-grid .seo-card-thumb img{max-width:100%;max-height:160px;object-fit:contain;border-radius:8px}
.materials-all-grid .seo-card-body{padding:18px;color:#082f6f}
.materials-all-grid .seo-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.materials-all-grid .seo-card-tags span{background:#c8f4ef;color:#007e89;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:900}
.materials-all-grid .seo-card-body h3{font-size:21px;line-height:1.16;margin:0 0 10px;color:#082f6f;font-weight:950}
.materials-all-grid .seo-card-body p{margin:0 0 14px;color:#244a7f;line-height:1.45}
.materials-all-grid .seo-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#082f6f;font-weight:900}
.materials-all-grid .seo-pdf{color:#ef3131}
.materials-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:28px;flex-wrap:wrap}
.materials-pagination a{border:1px solid #d6e7f0;background:#fff;border-radius:8px;padding:10px 14px;color:#007e89;font-weight:900;text-decoration:none}
.materials-pagination a.active{background:#009aa6;color:#fff;border-color:#009aa6}
.materials-empty{border:1px dashed #b8d7e8;border-radius:18px;padding:46px 28px;text-align:center;background:#fff;color:#082f6f}
.materials-empty h3{font-size:24px;margin:0 0 10px}
.materials-empty a{display:inline-block;margin-top:10px;color:#009aa6;font-weight:950;text-decoration:none}
.materials-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#eafafa;border-radius:18px;margin-bottom:38px;overflow:hidden}
.materials-strip div{display:grid;grid-template-columns:58px 1fr;column-gap:16px;padding:22px;border-right:1px solid #cbe8ea;align-items:center}
.materials-strip div:last-child{border-right:0}
.materials-strip span{grid-row:span 2;width:58px;height:58px;border-radius:50%;background:#c8f4ef;display:flex;align-items:center;justify-content:center;font-size:28px}
.materials-strip strong{color:#082f6f;font-size:17px}
.materials-strip small{color:#244a7f;line-height:1.45}
@media (max-width: 980px){
  .materials-page-hero,.materials-page-layout{grid-template-columns:1fr}
  .materials-filter-card{position:static}
  .materials-all-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .materials-strip{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .materials-page-hero,.materials-page-layout,.materials-strip{width:min(100% - 28px, 1360px)}
  .materials-page-hero{padding-top:34px}
  .materials-hero-card{min-height:180px}
  .materials-all-grid{grid-template-columns:1fr}
  .materials-strip{grid-template-columns:1fr}
  .materials-strip div{border-right:0;border-bottom:1px solid #cbe8ea}
}