.teacher-assignment-notice {
    position: relative;
    margin-bottom: 1.5rem;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--dash-accent, var(--accent-light, #7fa87f));
    border-left-width: 4px;
    border-radius: 16px;
    color: var(--dash-text, var(--text-primary, #1a1816));
    background: var(--dash-card, var(--bg-card, #fff));
}
.teacher-assignment-notice[hidden] { display: none; }
.teacher-assignment-notice h2 { font-size: 1.05rem; font-weight: 700; margin: 0 2.5rem .75rem 0; }
.teacher-assignment-notice ul { margin: 0; padding: 0; list-style: none; }
.teacher-assignment-notice li { display: flex; justify-content: space-between; gap: .5rem 1.5rem; padding: .4rem 0; flex-wrap: wrap; }
.teacher-assignment-notice li a { font-weight: 600; overflow-wrap: anywhere; }
.teacher-assignment-notice li span { color: var(--dash-text-secondary, var(--text-secondary, #5c5856)); font-size: .85rem; }
.teacher-assignment-notice a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.teacher-assignment-notice a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.teacher-assignment-notice-all { display: inline-block; margin-top: .85rem; font-size: .875rem; font-weight: 600; }
.teacher-assignment-notice-dismiss { position: absolute; top: .5rem; right: .5rem; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.teacher-assignment-notice-dismiss:hover { background: color-mix(in srgb, currentColor 8%, transparent); }
.teacher-assignment-notice-dismiss:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (max-width: 480px) { .teacher-assignment-notice { padding: 1rem; } .teacher-assignment-notice li { flex-direction: column; } }