.materials-shell{width:min(720px,calc(100% - 48px));margin:0 auto;padding:clamp(64px,9vw,110px) 0}
.materials-intro{max-width:620px;margin:0 auto 32px;text-align:center}
.materials-box{padding:clamp(24px,5vw,44px);border:2px solid var(--navy,#1f3350);border-radius:24px;background:var(--cream,#fff8ea);box-shadow:8px 8px 0 color-mix(in srgb,var(--navy,#1f3350) 12%,transparent)}
.materials-box[hidden]{display:none}
.materials-form{display:grid;gap:18px}.materials-form label{display:grid;gap:7px;font-weight:800}
.materials-form input{width:100%;min-height:56px;padding:13px 15px;border:2px solid var(--navy,#1f3350);border-radius:10px;background:#fff;font:inherit;font-size:16px}
.materials-form button,.materials-close{min-height:54px;padding:12px 20px;border:0;border-radius:999px;background:var(--yellow,#f5c02e);color:var(--navy,#1f3350);font:inherit;font-size:16px;font-weight:900;cursor:pointer}
.materials-form button:disabled{cursor:wait;opacity:.6}.materials-status{min-height:1.7em;margin:14px 0 0;color:#9b2f42;font-weight:700;text-align:center}
.materials-links{display:grid;gap:12px;margin:24px 0}.materials-link-button{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:14px 20px;border-radius:14px;background:var(--navy,#1f3350);color:var(--cream,#fff8ea);font-weight:900}
.materials-link-button:after{content:'↗';margin-left:15px;color:var(--yellow,#f5c02e);font-size:20px}.materials-close{display:block;margin:24px auto 0;background:transparent;border:2px solid var(--navy,#1f3350)}
@media(max-width:600px){.materials-shell{width:calc(100% - 28px);padding:54px 0}.materials-box{padding:24px 18px;border-radius:18px}.materials-form input{min-height:58px}.materials-link-button{min-height:60px;padding:14px 16px}}