/* The member area (Student Zone): menu on the left, the page on the right. */

/* Menu */
.member-nav .is-muted { opacity: 0.25; }
.member-nav .is-muted:has(a:hover) { opacity: 1; }
.member-unavailable { opacity: 0.25; }  /* no course page for it (yet), like Messages */
.member-past-line { opacity: 0.5; }
.member-enrolments .member-label { font-size: 0.7em; }
.member-enrolments .member-label a.active { text-decoration: none; }
.member-enrolments li { padding-left: 1em; text-indent: -1em; }
.member-enrolments .member-label { padding-left: 0; text-indent: 0; }
.member-past li:not(.member-label) { opacity: 0.5; }
.member-submenu { padding-left: 1em; margin: 0; }
.member-logout { margin: 0; }
.member-logout button { all: unset; cursor: pointer; }
.member-logout button:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }

/* Pages */
.member-welcome { font: inherit; margin: 0 0 3.5em; }
.member-group { margin-bottom: 2.5em; }
.member-group p { margin: 0; }
.member-group .member-label { font-size: 0.7em; margin-bottom: 0.5em; }
.member-line { padding-left: 1em; text-indent: -1em; }
.member-intro { margin-bottom: 4em; }
.member-intro p { font-size: 0.7em; max-width: 70ch; margin: 0; }
.library-section { margin-bottom: 3em; }
.library-section h2 { font: inherit; margin: 0 0 1.5em; }
.library-download { color: inherit; opacity: 0.45; text-decoration: none; white-space: nowrap; }
.library-download:hover { opacity: 0.45; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
.library-entry { margin: 0; padding-left: 1em; text-indent: -1em; max-width: 34em; }
.member-list { list-style: none; padding: 0; }
.member-list li { padding: 0.8em 0; border-top: 1px solid currentColor; }
.member-staff { padding: 0.6em 0; margin-bottom: 2em; border-bottom: 1px solid currentColor; font-size: 0.7em; }
.member-block { margin-bottom: 1.5em; }
.member-block h2 { padding-top: 1em; opacity: 0.45; }  /* more space above, and grey */
/* A heading block on its own sits as close to what follows as the Resources heading does */
.member-block:has(> h2:only-child) { margin-bottom: 0; }

/* Course pages */
.member-course-title { font: inherit; margin: 0 0 2em; }
.member-seminars { margin-top: 3em; max-width: 50ch; }  /* as wide as the paragraphs */
.member-seminar { border-top: 1px solid currentColor; }
.member-seminar:last-child { border-bottom: 1px solid currentColor; }
.member-seminar summary { cursor: pointer; padding: 0.5em 0; list-style: none; }
.member-seminar summary::-webkit-details-marker { display: none; }
.member-seminar summary::after { content: "+"; float: right; }
.member-seminar[open] summary::after { content: "–"; }
.member-seminar__body { padding: 0.5em 0 1.5em; font-size: 0.9em; }  /* the Small Text size of Complex and Event pages */
.member-seminar__body p.member-seminar__title, p.member-seminar__title { font-size: calc(1em / 0.9); margin: 1em 0 1em; }  /* the extended title, above the content: as big as the short title, 1em above */
/* A subheading inside a seminar is as big as the seminar's short title (the body is 0.9em), with 1em more above it */
.member-seminar__body .member-block h2 { font-size: calc(1em / 0.9); margin-top: 1em; }

/* Resources: a heading and an indented list of citations */
.member-resources { list-style: none; margin: 0 0 1em; padding: 0; }
.member-resources li { margin: 0; padding-left: 1em; text-indent: -1em; max-width: 50ch; }
.member-resource-note { white-space: normal; }  /* the note follows on from the citation, on the same line */  /* first line flush, wrapped lines indented */

/* Biography: tick box as a square, black when ticked; Edit as on /work/ (grey, black on hover) */
.bio-consent input[type="checkbox"] {
  -webkit-appearance: none; appearance: none; flex: none;
  width: 1.1em; height: 1.1em; margin: 0; border: 1px solid #000; border-radius: 0; background: transparent; cursor: pointer;
}
.bio-consent input[type="checkbox"]:checked { background: #000; }
.bio-consent input[type="checkbox"]:focus { outline: none; }
.bio-consent input[type="checkbox"]:focus-visible { outline: 1px solid #000; outline-offset: 2px; }
.bio-edit { all: unset; cursor: pointer; color: inherit; opacity: 0.45; margin-top: 0.4rem; }
.bio-edit:hover { opacity: 1; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.14em; }

/* Messages to students (thank you, check your inbox, expired link): one width for all of them, set where the Thank-you text breaks after "before it". Change --comms-width to change them all. */
:root { --comms-width: 42ch; }
.member-text p { max-width: var(--comms-width, 42ch); margin: 0 0 1.4em; }
.member-text .member-small { font-size: 0.7em; margin-top: 2em; max-width: calc(var(--comms-width, 42ch) * 0.8 / 0.7); }  /* 80% of the paragraphs above (this text is 0.7em) */
.member-text a, .member-line a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.14em; }