.card[data-accent=blue]{--card-accent:color-mix(in srgb, var(--info) 25%, var(--surface));--card-accent-surface:var(--info-surface)}.card.record-card{border-radius:var(--r-md);background:var(--surface);border:0;min-width:0}.card.record-card>.card__body{padding:var(--sp-3)}.card.card--interactive{cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block;position:relative}.card__primary-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.card--interactive .card__body :is(a,button,input,select,textarea,summary){z-index:2;position:relative}.card.card--interactive:has(>.card__primary-link:focus-visible){outline:1px solid var(--active-border);outline-offset:-1px}:is(.content[data-school-management],.school-academic-form) .card{--card-accent:color-mix(in srgb, var(--surface) 75%, var(--subtle));--card-accent-surface:var(--surface);background:var(--surface)}:is(.content[data-school-management],.school-academic-form) .card:is(.record-card,.school-hub-navigation__card){--card-accent:color-mix(in srgb, var(--school-card-surface) 75%, var(--subtle));--card-accent-surface:var(--school-card-surface);background:var(--school-card-surface);box-shadow:var(--school-card-shadow);border:1px solid var(--school-card-border)}@media (hover:hover) and (pointer:fine){.card.card--interactive:is(.record-card,.school-hub-navigation__card):hover{background:var(--card-hover-surface);box-shadow:var(--school-card-hover-shadow,var(--card-hover-shadow));transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.card.card--interactive{transition:none}.card.card--interactive:is(.record-card,.school-hub-navigation__card):hover{transform:none}}.record-card__identity{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.record-card__content{flex:1;min-width:0}.record-card__icon.assignment-icon svg{width:var(--sp-5);height:var(--sp-5)}.card>:last-child:is(.card__body,.card__footer){border-end-end-radius:inherit;border-end-start-radius:inherit}.record-card__actions{flex:none}.record-card__actions>[role=group]{align-items:center;gap:var(--sp-1);flex-direction:column;display:flex}.card>:first-child:is(.card__body,.card__header){border-start-start-radius:inherit;border-start-end-radius:inherit}