.materials-page{padding:80px var(--page-gutter) 64px}
.materials-intro{
  max-width:630px;
  margin:0 0 64px;
  padding:32px;
  background:var(--surface-story);
  border:1px solid var(--surface-border);
  border-radius:16px;
}
.materials-intro h1{font:400 clamp(38px,4.2vw,60px)/1.2 Georgia,"Times New Roman",serif;margin:0 0 28px;letter-spacing:-.025em}
.materials-intro .quiet{max-width:48ch}
.materials-intro .button{max-width:100%}
.materials-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:64px}
.materials-paths article,.materials-library{background:var(--surface-story);border:1px solid var(--surface-border);border-radius:16px;padding:28px}
.materials-paths article{display:flex;flex-direction:column;min-width:0}
.materials-paths h2{font:400 28px/1.25 Georgia,"Times New Roman",serif;margin:0 0 16px}
.materials-paths p{color:var(--muted)}
.materials-paths a,.library-heading>a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-size:15px}
.materials-paths article>a{margin-top:auto;padding-top:16px}
.path-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin:0 0 20px}
.materials-library{padding:36px}
.library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.library-heading h2{font:400 36px/1.25 Georgia,"Times New Roman",serif;margin:0 0 24px}
.material-filters{display:flex;gap:8px;flex-wrap:wrap}
.material-filters button{border:1px solid var(--line);border-radius:999px;min-height:44px;padding:8px 20px;background:var(--surface-card);color:var(--ink)}
.material-filters button[aria-pressed=true]{background:var(--accent);color:#121923;border-color:var(--accent)}
.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}
.material-card{min-width:0;display:flex;flex-direction:column;padding:24px;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:12px}
.material-card[data-platform=boosty]{background:var(--surface-card)}
.material-card .eyebrow{color:var(--accent);margin:0 0 14px;font-size:13px}
.material-card h3{font-size:21px;line-height:1.45;margin:0 0 20px}
.material-card time{font-size:13px;color:var(--muted)}
.material-card a{display:flex;align-items:center;min-height:44px;color:var(--accent);margin-top:auto;padding-top:16px}
.material-card .material-access{color:var(--muted);font-size:13px;margin:0 0 16px}
.materials-library>.hint{max-width:80ch}
.feed-details{color:var(--muted);font-size:14px}.feed-details summary{cursor:pointer;min-height:44px;padding:10px 0}.feed-details p{margin:0 0 16px}
@media(max-width:1000px){.materials-paths{grid-template-columns:1fr}.material-grid{grid-template-columns:1fr 1fr}.materials-intro{max-width:560px}}
@media(max-width:700px){
  .materials-page{padding:74px 22px 40px}
  .materials-intro{padding:24px;margin:0 0 40px;max-width:100%}
  .materials-intro h1{font-size:38px}
  .materials-paths{gap:12px;margin-bottom:40px}
  .materials-paths article,.materials-library{padding:24px}
  .library-heading{display:block}
  .material-grid{grid-template-columns:1fr}
  .library-heading h2{font-size:30px}
  .material-card{padding:20px}
  .materials-intro .button{width:100%}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .materials-intro,.materials-paths article,.materials-library,.material-card,.material-card[data-platform=boosty]{
    background:var(--surface-form);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}
@media print{
  .materials-page{padding:0}
  .materials-intro,.materials-paths article,.materials-library,.material-card,.material-card[data-platform=boosty]{background:white;color:black;border-color:#777}
  .material-filters,.path-image{display:none}
}