.material-card{padding:var(--spacing-5);color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--spacing-5);background:#fff;flex-direction:column;align-items:flex-start;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.material-card:link,.material-card:visited{color:var(--color-ink)}.material-card:hover{border-color:var(--color-coral);transform:translateY(-2px);box-shadow:0 16px 38px #3083e31f}.material-card_top{background:linear-gradient(135deg,#fff,#f0f7ff);border-color:#3083e38c}.material-card_cover{color:#fff;background:#0c2954;border-color:#3083e32e;min-height:300px;box-shadow:0 20px 46px #0c295424}.material-card_cover:after{content:"";pointer-events:none;background:linear-gradient(#0c295414,#0c2954bd),linear-gradient(90deg,#0c295494,#0c29541f);position:absolute;inset:0}.material-card__image{height:170px;margin:calc(var(--spacing-2)*-1) calc(var(--spacing-2)*-1) calc(var(--spacing-4) + var(--spacing-half));border-radius:calc(var(--spacing-4) + var(--spacing-half));background-color:#0000;background-image:linear-gradient(#0c29540a,#0c295438),linear-gradient(135deg,#3083e31f,#4691e333);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:relative;overflow:hidden}.material-card__image:after{content:"";background:linear-gradient(#0000,#0c29542e);height:42%;position:absolute;inset:auto 0 0}.material-card__header,.material-card__title,.material-card__description,.material-card__tags,.material-card__action{z-index:1;position:relative}.material-card__header{margin-bottom:calc(var(--spacing-2) + 3px);align-items:center;gap:var(--spacing-2);display:flex}.material-card__icon{color:var(--color-coral)}.material-card__type,.material-card__badge{color:var(--color-coral-dark);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.material-card__badge{padding:var(--spacing-1) var(--spacing-2);background:var(--color-sky);border-radius:var(--radius-pill);letter-spacing:0;text-transform:none;margin-left:auto}.material-card__title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.025em;font-size:21px;font-weight:800;line-height:1.15}.material-card__description{margin-top:var(--spacing-2);color:var(--color-ink-soft);font-size:13px}.material-card__tags{margin-top:var(--spacing-3);flex-wrap:wrap;gap:6px;display:flex}.material-card__tag{color:#0c2954;border-radius:var(--radius-pill);background:#3083e31a;border:1px solid #3083e31f;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.material-card__action{margin-top:calc(var(--spacing-3) + var(--spacing-half));color:var(--color-coral-dark);align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.material-card_cover .material-card__image{border-radius:0;height:auto;margin:0;position:absolute;inset:0;transform:scale(1.02)}.material-card_cover .material-card__header{margin-top:118px}.material-card_cover .material-card__icon,.material-card_cover .material-card__type,.material-card_cover .material-card__title,.material-card_cover .material-card__action{color:#fff}.material-card_cover .material-card__description{color:#ffffffd1}.material-card_cover .material-card__tag,.material-card_cover .material-card__badge{color:#fff;background:#ffffff29;border-color:#ffffff2e}
