/* Brighton Jitsu Club — member portal M0
   Scoped under .bj-members; tokens match theme :root */

.bj-members {
  padding-top: 12px;
  padding-bottom: 48px;
}
.bj-members .bj-account-box {
  margin: 0 0 1.25rem;
}
.bj-members > .kicker {
  margin-top: 0;
}
.bj-members > h1 {
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
  font-size: clamp(28px, 4vw, 40px);
}

.bj-members-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  align-items: center;
  margin: 0 0 28px;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--line, rgba(244, 241, 234, 0.16));
  font-family: var(--sans, "Outfit", system-ui, sans-serif);
  font-size: 15px;
}

.bj-members-nav a {
  color: var(--muted, #b7b2a8);
  text-decoration: none;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 4px 2px;
}

.bj-members-nav a:hover,
.bj-members-nav a[aria-current="page"] {
  color: var(--ink, #f4f1ea);
}

.bj-members-nav a[aria-current="page"] {
  box-shadow: inset 0 -2px 0 var(--accent, #ff5a36);
}

.bj-belt-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
  padding: 6px 14px;
  border: 1px solid var(--belt-color, var(--gold, #ffd36a));
  border-radius: 999px;
  color: var(--belt-ink, var(--gold, #ffd36a));
  background: var(--belt-bg, transparent);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.bj-gate {
  max-width: 520px;
}

/* Soft: tighten sparse gate/profile cards vs theme .card 22px */
.bj-members .card {
  padding: 16px 18px;
  min-height: 0;
}

.bj-belt-rail {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
}

/* Belt rail: keep each grade recognisable while preserving the dark theme. */
.bj-belt-rail__tab {
  --bj-belt-color: var(--line, rgba(244, 241, 234, 0.3));
  --bj-belt-fg: #111318;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  min-height: 44px;
  border-radius: 999px;
  border: 1px solid var(--bj-belt-color);
  background: var(--card, #191b20);
  color: var(--bj-belt-color);
  text-decoration: none;
  font-size: 14px;
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
}

.bj-belt-rail__tab.bj-belt--yellow { --bj-belt-color: #f2c84b; --bj-belt-fg: #17130a; }
.bj-belt-rail__tab.bj-belt--orange { --bj-belt-color: #f28a36; --bj-belt-fg: #17110a; }
.bj-belt-rail__tab.bj-belt--green { --bj-belt-color: #55bd72; --bj-belt-fg: #08150c; }
.bj-belt-rail__tab.bj-belt--purple { --bj-belt-color: #ad7be1; --bj-belt-fg: #160d22; }
.bj-belt-rail__tab.bj-belt--light-blue { --bj-belt-color: #71c4eb; --bj-belt-fg: #08121a; }
.bj-belt-rail__tab.bj-belt--dark-blue { --bj-belt-color: #6488d6; --bj-belt-fg: #f7f8ff; }
.bj-belt-rail__tab.bj-belt--brown { --bj-belt-color: #c18452; --bj-belt-fg: #fff8ef; }

.bj-belt-rail__tab:hover,
.bj-belt-rail__tab:focus-visible,
.bj-belt-rail__tab.is-active {
  background: var(--bj-belt-color);
  color: var(--bj-belt-fg);
  border-color: var(--bj-belt-color);
  box-shadow: inset 0 0 0 1px var(--bj-belt-color);
}

.bj-belt-rail__tab.bj-lock {
  border-style: dashed;
  opacity: 0.46;
  filter: saturate(0.55);
  cursor: not-allowed;
}

/* Locked grades are intentionally non-links; this is a defensive visual fallback. */
.bj-belt-rail__tab.bj-lock:hover,
.bj-belt-rail__tab.bj-lock:focus-visible,
.bj-belt-rail__tab.bj-lock.is-active {
  background: var(--card, #191b20);
  color: var(--bj-belt-color);
  box-shadow: none;
}

.bj-lock__icon {
  font-size: 12px;
}

.bj-syllabus-grade {
  font-family: var(--serif, "Fraunces", Georgia, serif);
  font-size: 1.35rem;
  margin: 0 0 16px;
}

.bj-syllabus-section {
  margin-bottom: 12px;
}

.bj-syllabus-section summary {
  cursor: pointer;
  list-style: none;
}

.bj-syllabus-section summary::-webkit-details-marker {
  display: none;
}

.bj-tech-list {
  margin: 12px 0 0;
  padding-left: 1.2em;
}

.bj-tech-list li {
  margin: 4px 0;
}

.bj-members .bj-input {
  width: 100%;
  max-width: 420px;
  margin-top: 6px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--line, rgba(244, 241, 234, 0.16));
  background: #0b0b0d;
  color: var(--ink, #f4f1ea);
  font: inherit;
}

.bj-members .bj-input:focus {
  outline: 2px solid var(--accent, #ff5a36);
  outline-offset: 3px;
}

.bj-members a.card {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* Public header utility — ghost, not competing with .btn */
.site-nav a.member-util {
  color: var(--muted, #b7b2a8);
  font-weight: 500;
  text-decoration: none;
  padding: 10px 8px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.site-nav a.member-util:hover {
  color: var(--ink, #f4f1ea);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* M0 UX polish must-fix: Contact FAB must not cover member UI */
body.bj-members .bjc {
  display: none !important;
}

@media (max-width: 720px) {
  .bj-members-nav {
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0;
    font-size: 14px;
  }

  .bj-members-nav a {
    padding: 10px 2px;
    border-bottom: 1px solid var(--line, rgba(244, 241, 234, 0.1));
  }
}


/* MyDojo library video cards (1.5.13) — stack: player then copy */
.bj-video-card {
  display: block;
  margin-bottom: 0;
}
.bj-video-card__body { margin-top: 0.15rem; }
.bj-video-card__title {
  margin: 0 0 0.35rem;
  font-size: 1.35rem;
  line-height: 1.25;
  font-family: var(--serif, "Fraunces", Georgia, serif);
}
.bj-video-card__tags { margin: 0 0 0.35rem; }
.bj-video-tag {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 90, 54, 0.35);
  background: rgba(255, 90, 54, 0.12);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--accent, #ff5a36);
}
.bj-video-card__meta { margin: 0 0 0.35rem; }
.bj-video-embed {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #0b1220;
  margin: 0 0 0.65rem;
}
.bj-video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.bj-video-link { margin: 0.25rem 0 0; }

/* Syllabus technique write-ups (1.5.12) */
.bj-tech-item { margin-bottom: 0.65rem; }
.bj-tech-item__name { font-weight: 600; }
.bj-tech-item__writeup {
  margin: 0.25rem 0 0;
  font-size: 0.95rem;
  color: inherit;
  opacity: 0.92;
}
.bj-tech-item__writeup p { margin: 0.35rem 0 0; }


/* Account dashboard (1.5.12) */
.bj-dash-heading { margin: 0 0 0.5rem; font-size: 1.05rem; }
.bj-ask .bj-licence-form { margin-top: 0.75rem; }
.bj-dash-feedback__body { margin-bottom: 0.35rem; }
.bj-input { width: 100%; max-width: 22rem; padding: 0.4rem 0.55rem; }


/* Club Videos: toolbar chips + 2-col grid */
.bj-library-toolbar {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 20px;
}
.bj-library-search-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.bj-library-search { max-width: 100%; flex: 1 1 16rem; }
.bj-library-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bj-library-chip {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--line, rgba(244, 241, 234, 0.16));
  background: #0b0b0d;
  color: var(--muted, #b7b2a8);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
.bj-library-chip:hover {
  color: var(--ink, #f4f1ea);
  border-color: rgba(244, 241, 234, 0.35);
}
.bj-library-chip.is-active {
  color: var(--ink, #f4f1ea);
  border-color: var(--accent, #ff5a36);
  background: rgba(255, 90, 54, 0.14);
  box-shadow: inset 0 0 0 1px var(--accent, #ff5a36);
}
.bj-video-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media (min-width: 860px) {
  .bj-video-grid { grid-template-columns: 1fr 1fr; gap: 1.35rem 1.25rem; }
}


/* Technique detail + Q&A */
a.bj-tech-item__name { font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.bj-ask-thread { margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgba(0,0,0,.08); }
.bj-ask-thread:last-child { border-bottom: 0; margin-bottom: 0; }
.bj-tech-detail__writeup { margin-bottom: 1rem; }


/* Account belt chip colors — match syllabus rail palette */
.bj-belt-chip.bj-belt--white {
  --belt-color: #e8e4dc;
  --belt-ink: #f4f1ea;
  --belt-bg: rgba(244, 241, 234, 0.08);
}
.bj-belt-chip.bj-belt--yellow {
  --belt-color: #f2c84b;
  --belt-ink: #f2c84b;
  --belt-bg: rgba(242, 200, 75, 0.14);
}
.bj-belt-chip.bj-belt--orange {
  --belt-color: #f28a36;
  --belt-ink: #f28a36;
  --belt-bg: rgba(242, 138, 54, 0.14);
}
.bj-belt-chip.bj-belt--green {
  --belt-color: #55bd72;
  --belt-ink: #55bd72;
  --belt-bg: rgba(85, 189, 114, 0.14);
}
.bj-belt-chip.bj-belt--purple {
  --belt-color: #ad7be1;
  --belt-ink: #ad7be1;
  --belt-bg: rgba(173, 123, 225, 0.14);
}
.bj-belt-chip.bj-belt--light-blue {
  --belt-color: #71c4eb;
  --belt-ink: #71c4eb;
  --belt-bg: rgba(113, 196, 235, 0.14);
}
.bj-belt-chip.bj-belt--dark-blue {
  --belt-color: #6488d6;
  --belt-ink: #6488d6;
  --belt-bg: rgba(100, 136, 214, 0.16);
}
.bj-belt-chip.bj-belt--brown {
  --belt-color: #c18452;
  --belt-ink: #c18452;
  --belt-bg: rgba(193, 132, 82, 0.16);
}


/* Technique detail — next/prev + answered Q&A (1.5.20) */
.bj-tech-detail__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 18px;
  margin: 0 0 8px;
}
.bj-tech-detail__crumb {
  margin: 0;
  flex: 1 1 auto;
}
.bj-tech-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 14px;
  margin: 0;
  max-width: 100%;
}
.bj-tech-nav__prev,
.bj-tech-nav__next {
  color: var(--muted, #b7b2a8);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.35;
  max-width: 16rem;
}
.bj-tech-nav__prev:hover,
.bj-tech-nav__next:hover {
  color: var(--ink, #f4f1ea);
}
.bj-tech-nav__label {
  display: inline;
}
.bj-tech-nav__prev--empty {
  flex: 1 1 auto;
  min-width: 0;
}
.bj-tech-nav--footer {
  margin: 20px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--line, rgba(244, 241, 234, 0.16));
  justify-content: space-between;
  width: 100%;
}
.bj-tech-nav__next-btn {
  margin-left: auto;
}
.bj-tech-qa .bj-ask-thread {
  margin-bottom: 1.1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--line, rgba(244, 241, 234, 0.12));
}
.bj-tech-qa .bj-ask-thread:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.bj-ask-thread__q,
.bj-ask-thread__a {
  margin-bottom: 0.35rem;
}
@media (max-width: 640px) {
  .bj-tech-detail__top {
    flex-direction: column;
  }
  .bj-tech-nav {
    justify-content: flex-start;
    width: 100%;
  }
  .bj-tech-nav__prev,
  .bj-tech-nav__next {
    max-width: 100%;
  }
}

/* bj-box-gap-members: stacked overview/profile cards (theme .card+.card may apply; reinforce here) */
.bj-members .card + .card {
  margin-top: var(--bj-box-gap, 18px);
}
.bj-members .grid2 > .card + .card,
.bj-members .grid3 > .card + .card,
.bj-members .bj-video-grid > .card + .card,
.bj-members .bj-video-grid > .bj-video-card + .bj-video-card {
  margin-top: 0;
}
.bj-members .bj-syllabus-section + .bj-syllabus-section {
  margin-top: var(--bj-box-gap, 18px);
}

/* Overview Action needed � space below before grid2 / next section (1.5.22) */
.bj-members .card.bj-ask {
  margin-bottom: var(--bj-box-gap, 18px);
}


/* MyDojo overview: separate personal videos from the following grid (1.5.23) */
.bj-members .bj-dash-myvideos {
  margin-bottom: var(--bj-box-gap, 18px);
}

/* MyDojo M3 - Technique name trainer (1.5.24) */
.bj-trainer-segments,
.bj-trainer-subtabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 20px;
}

.bj-trainer-seg {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--line, rgba(244, 241, 234, 0.16));
  background: var(--card, #191b20);
  color: var(--muted, #b7b2a8);
  text-decoration: none;
  font-size: 14px;
}

.bj-trainer-seg:hover,
.bj-trainer-seg:focus-visible {
  color: var(--ink, #f4f1ea);
  outline: 2px solid var(--accent, #ff5a36);
  outline-offset: 2px;
}

.bj-trainer-seg.is-active {
  color: var(--ink, #f4f1ea);
  border-color: var(--accent, #ff5a36);
  box-shadow: inset 0 0 0 1px var(--accent, #ff5a36);
}

.bj-trainer-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  align-items: flex-end;
  margin: 0 0 16px;
}

.bj-trainer-select {
  max-width: 16rem;
  margin-top: 4px;
}

.bj-trainer-progress {
  margin: 0;
  margin-left: auto;
}

.bj-trainer-card .bj-trainer-cue {
  font-family: var(--serif, "Fraunces", Georgia, serif);
  font-size: 1.35rem;
  margin: 8px 0 4px;
}

.bj-trainer-answer {
  font-family: var(--serif, "Fraunces", Georgia, serif);
  font-size: 1.75rem;
  margin: 12px 0 4px;
}

.bj-trainer-chip {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  border: 1px solid var(--line, rgba(244, 241, 234, 0.2));
  font-size: 12px;
  letter-spacing: 0.02em;
}

.bj-trainer-know {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bj-trainer-options {
  border: 0;
  margin: 12px 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.bj-trainer-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--line, rgba(244, 241, 234, 0.16));
  background: #0b0b0d;
  cursor: pointer;
  min-height: 44px;
}

.bj-trainer-option.is-correct {
  border-color: #55bd72;
  box-shadow: inset 3px 0 0 #55bd72;
}

.bj-trainer-option.is-wrong {
  border-color: #e35d5d;
  box-shadow: inset 3px 0 0 #e35d5d;
}

.bj-trainer-result {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}

.bj-trainer-result.is-correct {
  color: #55bd72;
}

.bj-trainer-result.is-wrong {
  color: #e35d5d;
}

.bj-trainer-result__icon {
  font-size: 1.1rem;
}

.bj-trainer-browse-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.bj-trainer-browse-toggle {
  display: grid;
  gap: 4px;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
  padding: 0;
  cursor: pointer;
  min-height: 44px;
}

.bj-trainer-browse-toggle:focus-visible {
  outline: 2px solid var(--accent, #ff5a36);
  outline-offset: 3px;
}

.bj-trainer-browse-name {
  font-weight: 600;
}

.bj-trainer-browse-expand {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line, rgba(244, 241, 234, 0.12));
}

.bj-trainer-attr {
  margin-top: 32px;
  font-size: 13px;
  line-height: 1.45;
  max-width: 42rem;
}

.bj-trainer-attr a {
  color: inherit;
  text-decoration: underline;
}

.bj-trainer-about {
  margin-bottom: 18px;
}

.bj-trainer-about summary {
  cursor: pointer;
  font-weight: 600;
  min-height: 44px;
  display: flex;
  align-items: center;
}

.bj-trainer-deck-meta {
  margin: 0 0 16px;
}

.bj-members .screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

@media (max-width: 640px) {
  .bj-trainer-progress {
    margin-left: 0;
    width: 100%;
  }
  .bj-trainer-browse-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .bj-trainer-select {
    max-width: 100%;
  }
}



/* Your notes (private) */
.bj-members .bj-notes-textarea,
.bj-members .bj-tech-note-textarea {
  width: 100%;
  max-width: 100%;
  min-height: 8rem;
  box-sizing: border-box;
  resize: vertical;
  line-height: 1.45;
}
.bj-members .bj-tech-note-textarea {
  min-height: 4.5rem;
}
.bj-members .bj-notes-form .actions,
.bj-members .bj-tech-note-form .actions {
  margin-top: 12px;
  margin-bottom: 0;
}
.bj-members .bj-dash-notes__preview {
  margin: 0 0 10px;
  white-space: pre-wrap;
  word-break: break-word;
}
.bj-members .bj-tech-item__note {
  margin: 4px 0 0;
  font-size: 13px;
}
.bj-members .bj-tech-note-link {
  color: var(--muted, #b7b2a8);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.bj-members .bj-tech-note-link:hover {
  color: var(--ink, #f4f1ea);
}
.bj-members .bj-notes-tech-ul li {
  margin-bottom: 12px;
}
@media (max-width: 640px) {
  .bj-members .bj-notes-textarea {
    min-height: 10rem;
    font-size: 16px; /* avoid iOS zoom */
  }
  .bj-members .bj-tech-note-textarea {
    font-size: 16px;
  }
}

/* ---- Belt badges + progression (1.6.11) ---- */
.bj-belt-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  vertical-align:middle;
  font-family:var(--sans,"Outfit",system-ui,sans-serif);
}
.bj-belt-badge__swatch{
  position:relative;
  display:inline-block;
  width:36px;
  height:14px;
  border-radius:999px;
  background:var(--bj-belt-bg,#f2eee6);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
  flex:none;
}
.bj-belt-badge--xs .bj-belt-badge__swatch{width:28px;height:11px}
.bj-belt-badge--sm .bj-belt-badge__swatch{width:34px;height:13px}
.bj-belt-badge--lg .bj-belt-badge__swatch{width:72px;height:22px}
.bj-belt-badge__label{
  font-size:12px;
  font-weight:650;
  letter-spacing:.02em;
  color:var(--ink,#f4f1ea);
  line-height:1.2;
}
.bj-belt-badge--xs .bj-belt-badge__label{font-size:11px}
.bj-belt-badge--upcoming{
  opacity:.42;
  filter:grayscale(.85);
}
.bj-belt-badge--upcoming .bj-belt-badge__label{color:var(--muted,#b7b2a8)}
.bj-belt-badge__stripes{
  position:absolute;
  inset:2px 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
}
.bj-belt-badge__stripes span{
  width:3px;
  height:100%;
  border-radius:1px;
  background:#f5c400;
  box-shadow:0 0 0 1px rgba(0,0,0,.35);
}
.bj-belt-badge--lg .bj-belt-badge__stripes{gap:4px}
.bj-belt-badge--lg .bj-belt-badge__stripes span{width:4px}

.bj-belt-progress{
  margin:0 0 1.5rem;
  padding:1rem 1rem 1.1rem;
  border:1px solid var(--line,rgba(244,241,234,.16));
  border-radius:14px;
  background:rgba(0,0,0,.22);
}
.bj-belt-progress__lede{margin:.15rem 0 0.85rem;font-size:14px}
.bj-belt-progress__row{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:10px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  padding-bottom:4px;
}
.bj-belt-progress__item{
  flex:0 0 auto;
  width:88px;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  text-align:center;
}
.bj-belt-progress__item[data-current="1"] .bj-belt-badge__swatch{
  outline:2px solid #c8102e;
  outline-offset:3px;
}
.bj-belt-progress__date{
  min-height:1.2em;
  font-size:11px;
  color:var(--muted,#b7b2a8);
  line-height:1.25;
}
.bj-belt-progress__date--next{font-style:italic;opacity:.75}
.bj-belt-progress__date--empty{visibility:hidden}
.bjc-reg-grade .bj-belt-badge{max-width:100%}
.bjc-reg-row .bjc-reg-grade{display:block;margin-top:2px}
@media (min-width:720px){
  .bj-belt-progress__item{width:96px}
  .bj-belt-progress__row{gap:12px}
}


/* Shared class session notes */
.bj-class-notes-list{display:flex;flex-direction:column;gap:14px;margin:0 0 1.5rem}
.bj-class-notes-item__body{font-size:15px;line-height:1.5;color:var(--ink,#f4f1ea)}
.bj-class-notes-item__body p:last-child{margin-bottom:0}