.carousel-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain;align-items:stretch;scroll-behavior:smooth}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;color:var(--muted);font-size:16px;font-variant-numeric:tabular-nums}
.carousel-controls>div{display:flex;gap:8px}.carousel-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);background:#000;color:var(--ink);cursor:pointer;transition:background 240ms,color 240ms,transform 240ms}
.carousel-arrow:not(:disabled):is(:hover,:focus-visible){background:var(--paper);color:#000;transform:rotate(-1deg)}.carousel-arrow:disabled{opacity:.3;cursor:default}
.materials{padding-bottom:56px}.material-card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;min-height:360px;padding:28px;border:1px solid var(--line);background:#000}.material-symbol{font:400 76px/1 var(--heading-font);color:var(--muted);margin-bottom:24px}.material-status{font-size:16px;color:var(--muted);margin-bottom:12px}.material-card h3{font-size:38px;margin-bottom:16px}.material-card p{font-size:18px;color:var(--muted)}.material-action{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:28px;font:400 28px/1.2 var(--heading-font)}.material-ready{border-color:var(--accent);transition:background 260ms,color 260ms}.material-ready:is(:hover,:focus-visible){background:var(--paper);color:#000}.material-ready:is(:hover,:focus-visible) :is(p,.material-status,.material-symbol){color:#514a3f}
@media(max-width:1000px){.material-card{flex-basis:calc((100% - 20px)/2)}}@media(max-width:700px){.material-card{flex-basis:88%;padding:24px;min-height:350px}.materials-track{gap:14px}.materials{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}.carousel-arrow,.material-ready{transition:none}.carousel-arrow{transform:none!important}}