.materials-hero{width:min(100% - var(--spacing-8),1240px);padding:calc(var(--spacing-5) + var(--spacing-half)) 0 var(--spacing-8);margin:0 auto}.materials-hero>p{align-items:center;gap:var(--spacing-2);color:var(--color-coral-dark);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;display:inline-flex}.materials-hero h1{max-width:820px;margin-top:var(--spacing-3);font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(40px,6vw,72px);font-weight:900;line-height:.98}.materials-hero>span{max-width:760px;margin-top:var(--spacing-4);color:var(--color-ink-soft);font-size:18px;display:block}.materials-hero__type-links{margin-top:var(--spacing-5);gap:var(--spacing-3);flex-wrap:wrap;display:flex}@media (max-width:680px){.materials-hero>span{font-size:16px}}
.materials-results{min-width:0;padding:var(--spacing-6);border:1px solid var(--color-line);border-radius:var(--spacing-6);box-shadow:var(--shadow-soft);background:#fff}.materials-results__topbar{gap:calc(var(--spacing-3) + var(--spacing-half));display:grid}.materials-results__topbar>p{color:var(--color-ink-soft);font-size:13px}.materials-results__toolbar{justify-content:flex-end;display:flex}.materials-results__mobile-toggle{display:none}.materials-results__mobile-toggle span{color:#fff;background:var(--color-blue-500,#3083e3);border-radius:var(--radius-pill);place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:11px;display:inline-grid}.materials-results__grid{margin-top:var(--spacing-5);gap:calc(var(--spacing-3) + var(--spacing-half));list-style:none;display:grid}.materials-results__pagination{margin-top:var(--spacing-6)}.materials-results>.list-state{margin-top:var(--spacing-5)}@media (max-width:680px){.materials-results{padding:calc(var(--spacing-4) + var(--spacing-half));border-radius:var(--spacing-5)}.materials-results__mobile-toggle{display:inline-flex}}