#forumTab{position:relative;display:flex;align-items:center;gap:.75rem;min-height:44px;width:100%;color:inherit}
#forumTab[hidden]{display:none!important}
#forumTab .forum-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .28rem;border-radius:999px;background:#d82631;color:#fff;font:700 .75rem/1 system-ui}
#forumTab .forum-badge[hidden]{display:none}
#forumPage[hidden]{display:none!important}
#forumPage{width:min(100%,900px);min-width:0;margin-inline:auto;padding:clamp(16px,3vw,32px);box-sizing:border-box;color:var(--text,#eee)}
.course-forum,.forum-preferences{min-width:0}
.course-forum header{margin-bottom:1rem}
.course-forum h1{margin:0;font-size:clamp(1.5rem,3vw,2rem)}
.course-forum header p{overflow-wrap:anywhere;opacity:.75}
.course-forum [data-f=status],.forum-preferences [data-p=status]{min-height:1.5em}
.course-forum ol{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
.forum-message{min-width:0;border:1px solid currentColor;border-radius:14px;padding:1rem;background:var(--surface,#202020);overflow-wrap:anywhere}
.forum-message-head{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.forum-message-head time{margin-inline-start:auto;opacity:.7;font-size:.85rem}
.forum-teacher{border-radius:99px;padding:.1rem .45rem;background:#8256bd;color:white;font-size:.75rem}
.forum-message p{margin:.5rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.course-forum textarea{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:6rem;resize:vertical;border-radius:10px;padding:.75rem;font:inherit;color:inherit;background:var(--surface,#202020);border:1px solid currentColor}
.course-forum form{margin-top:1.25rem}
.forum-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.7rem}
.forum-actions button,.course-forum [data-f=more]{min-height:44px;border-radius:10px;padding:.55rem 1rem;cursor:pointer}
.forum-preferences{border:0;border-radius:0;padding:0;margin:0;background:transparent;box-shadow:none}
.forum-preferences label{display:flex;align-items:flex-start;gap:.7rem;padding:.55rem 0}
.forum-preferences input{width:1.2rem;height:1.2rem;flex:none}
html[data-theme=light] .forum-message,html[data-theme=light] .course-forum textarea{background:#fff;color:#222}
@media(max-width:760px){#forumPage{padding:16px;max-width:100vw}.forum-message-head time{margin-inline-start:0;width:100%}}
#forumNotificationSettings [data-p="disable"]{display:none!important}#forumPage button,#studentSettingsPage button{border-radius:999px!important}html body.minimal-student-space #studentSettingsPage#studentSettingsPage#studentSettingsPage button{border-radius:999px!important}
/* Match the profile/course palette in light and dark modes. */
html:has(#forumTab.active),html body.minimal-student-space:has(#forumTab.active){background:var(--neutral-section-canvas)!important;color:var(--neutral-section-ink)!important}
html body.minimal-student-space #forumPage#forumPage{color:var(--neutral-section-ink,#232323)!important}
html body.minimal-student-space #forumPage#forumPage :is(h1,p,strong,label,textarea){color:var(--neutral-section-ink,#232323)!important}
html body.minimal-student-space #forumPage#forumPage :is(header p,time){color:var(--neutral-section-muted,#5c5c5c)!important;opacity:1}
html body.minimal-student-space #forumPage#forumPage :is(.forum-message,textarea){background:var(--neutral-section-card,#fff)!important;border-color:var(--neutral-section-line,#dedede)!important}
html body.minimal-student-space #forumPage#forumPage textarea::placeholder{color:var(--neutral-section-muted,#5c5c5c)!important;opacity:1}
html body.minimal-student-space #forumPage#forumPage button{background:var(--neutral-section-control,#e7e7e7)!important;color:var(--neutral-section-ink,#232323)!important;border:1px solid var(--neutral-section-line,#dedede)!important}
html body.minimal-student-space #forumPage#forumPage button:is(:hover,:focus-visible){background:var(--neutral-section-hover,#dedede)!important}
html body.minimal-student-space #forumTab{color:var(--neutral-section-ink,#232323)!important}