.member-access { background: #fff; border: 1px solid var(--suite-line, #ddd4df); border-radius: 8px; color: var(--suite-ink, #2d2334); display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); margin: 24px auto 40px; max-width: 1060px; overflow: hidden; }
.member-access *, .member-access *::before, .member-access *::after { box-sizing: border-box; }
.member-access-main { padding: 40px; }
.member-access h1 { font: 650 clamp(28px, 3vw, 36px)/1.25 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); margin: 0 0 22px; overflow-wrap: anywhere; }
.member-access p, .member-access li { font: 400 18px/1.7 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); }
.member-access .member-access-intro { margin: 0 0 30px; max-width: 52ch; }
.member-access-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 14px 24px; }
.member-access a { color: var(--suite-blue, #51365f); text-underline-offset: 3px; }
.member-access .member-access-primary { align-items: center; background: var(--suite-orange, #006d68); border: 1px solid var(--suite-orange-ink, #005752); border-radius: 5px; color: var(--suite-navy, #2d2334); display: inline-flex; font: 600 18px/1.4 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); justify-content: center; min-height: 52px; padding: 12px 20px; text-align: center; text-decoration: none; }
.member-access .member-access-primary:hover { background: var(--suite-orange-hover, #005752); }
.member-access .member-access-signin { align-items: center; display: inline-flex; font: 600 18px/1.5 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); min-height: 48px; }
.member-access .member-access-return { color: var(--suite-muted, #6e6175); margin: 22px 0 0; }
.member-access-included { background: var(--suite-blue-soft, #eee7f2); border-left: 1px solid var(--suite-line, #ddd4df); min-width: 0; padding: 40px 34px; }
.member-access h2 { font: 650 23px/1.35 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); margin: 0 0 20px; }
.member-access ul { margin: 0; padding-left: 24px; }
.member-access li { margin: 0 0 14px; padding-left: 3px; }
.member-access .member-access-previews { border-top: 1px solid #d4c6dc; margin: 26px 0 0; padding-top: 22px; }
.member-access .member-access-previews a { display: inline; }
.member-access a:focus-visible { outline: 3px solid var(--suite-blue, #51365f); outline-offset: 5px; }
@media (max-width: 720px) {
  .member-access { grid-template-columns: minmax(0, 1fr); margin-top: 12px; }
  .member-access-main { padding: 28px 24px; }
  .member-access-included { border-left: 0; border-top: 1px solid var(--suite-line, #ddd4df); padding: 28px 24px; }
}
@media (max-width: 380px) {
  .member-access-main, .member-access-included { padding: 25px 19px; }
  .member-access-actions { align-items: stretch; flex-direction: column; gap: 10px; }
  .member-access .member-access-signin { align-self: flex-start; }
}
.member-preview-banner { align-items: start; background: var(--suite-blue-soft, #eee7f2); border: 1px solid var(--suite-line, #ddd4df); border-radius: 6px; color: var(--suite-ink, #2d2334); display: flex; gap: 24px 32px; justify-content: space-between; margin: 26px 0 32px; padding: 22px 26px; }
.member-preview-banner h2 { font: 650 23px/1.35 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); margin: 0 0 12px; }
.member-preview-banner p { font: 400 18px/1.65 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); margin: 0; max-width: 72ch; }
.member-preview-banner .member-preview-extent { margin-top: 12px; }
.member-preview-account-links { align-items: flex-start; display: flex; flex-direction: column; flex-shrink: 0; gap: 6px; }
.member-preview-account-links a { align-items: center; color: var(--suite-blue, #51365f); display: inline-flex; font: 600 18px/1.5 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); min-height: 44px; text-underline-offset: 3px; }
.member-drill-preview { color: var(--suite-ink, #2d2334); margin: 0 auto; max-width: 1100px; }
.member-preview-heading h1 { font: 650 34px/1.25 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); margin: 0 0 18px; }
.member-preview-heading p { font: 400 19px/1.7 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); margin: 0; max-width: 65ch; }
.member-preview-exercises { background: #fff; border: 1px solid var(--suite-line, #ddd4df); border-radius: 6px; padding: 28px 32px; }
.member-preview-exercises h2 { font: 650 25px/1.35 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); margin: 0 0 22px; }
.member-preview-drill-list { counter-reset: preview-question; list-style: none; margin: 0; padding: 0; }
.member-preview-drill-list li { align-items: start; border-bottom: 1px solid var(--suite-line, #ddd4df); display: grid; gap: 16px; grid-template-columns: 28px minmax(0, 1fr); margin: 0; padding: 19px 0; }
.member-preview-drill-list li:first-child { padding-top: 0; }
.member-preview-drill-list li::before { color: var(--suite-muted, #6e6175); content: counter(preview-question); counter-increment: preview-question; font: 400 18px/1.7 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); }
.member-preview-drill-list h3 { font: 600 21px/1.4 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); margin: 0 0 5px; overflow-wrap: anywhere; }
.member-preview-drill-list a, .member-preview-resume a { color: var(--suite-blue, #51365f); text-underline-offset: 3px; }
.member-preview-drill-list p { color: var(--suite-muted, #6e6175); font: 400 18px/1.6 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); margin: 0; }
.member-preview-start { margin-top: 28px; }
.member-preview-start-button { align-items: center; background: var(--suite-orange, #006d68); border: 1px solid var(--suite-orange-ink, #005752); border-radius: 5px; color: var(--suite-navy, #2d2334); cursor: pointer; display: inline-flex; font: 600 18px/1.4 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); justify-content: center; min-height: 52px; padding: 12px 20px; text-align: center; }
.member-preview-start-button:hover { background: var(--suite-orange-hover, #005752); }
.member-preview-start-button:disabled { background: #eae5ec; border-color: #d0c6d5; color: #6e6175; cursor: default; }
.member-preview-start p, .member-preview-resume { font: 400 18px/1.65 var(--suite-font, 'Source Sans 3', 'Segoe UI', sans-serif); margin: 18px 0 0; max-width: 70ch; }
.member-preview-resume { margin: 0 0 26px; }
.member-preview-resume a { align-items: center; display: inline-flex; font-weight: 600; min-height: 48px; }
.member-preview-start-secondary { background: #fff; border-color: #b9a8c2; color: var(--suite-blue, #51365f); }
.member-preview-start-secondary:hover { background: var(--suite-hover, #faf6fc); }
.member-preview-banner a:focus-visible, .member-drill-preview :is(a,button):focus-visible { outline: 3px solid var(--suite-blue, #51365f); outline-offset: 4px; }
.course-lesson-row[data-member-access="required"] .course-lesson-action { color: var(--suite-muted, #6e6175); }
@media (max-width: 720px) {
  .member-preview-banner { flex-direction: column; gap: 16px; padding: 23px; }
  .member-preview-account-links { flex-direction: row; flex-wrap: wrap; gap: 4px 24px; }
  .member-preview-exercises { padding: 25px 23px; }
}
@media (max-width: 380px) {
  .member-preview-banner { padding: 21px 19px; }
  .member-preview-exercises { padding: 23px 19px; }
  .member-preview-start-button { width: 100%; }
  .member-preview-drill-list li { gap: 9px; grid-template-columns: 20px minmax(0,1fr); }
}

.member-welcome { max-width: 1000px; margin: 24px auto 56px; padding: 0 24px; }
.member-welcome h1 { font-size: 36px; line-height: 1.2; margin: 0 0 28px; }
.member-welcome .barry-guide { margin-bottom: 36px; }
.member-welcome fieldset { border: 0; padding: 0; margin: 0 0 28px; }
.member-welcome legend { font-size: 24px; font-weight: 650; margin-bottom: 20px; }
.member-welcome .background-option>span { display: grid; gap: 8px; }
.member-welcome .background-option strong { display: block; font-size: 18px; line-height: 1.4; }
.member-welcome .background-option span { font-size: 18px; line-height: 1.55; }
.member-welcome #welcome-scope { margin-bottom: 24px; }
@media(max-width:600px){.member-welcome{padding:0 20px}.member-welcome h1{font-size:30px}.member-welcome .background-options{grid-template-columns:1fr}}

.startup-notice { margin-top: 28px; margin-bottom: 28px; padding: 22px 26px; border: 1px solid var(--suite-line,#ddd4df); border-radius: 6px; }
.startup-notice p, .startup-error p { font-size: 18px; line-height: 1.7; margin: 0 0 18px; max-width: 65ch; }
.startup-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0; }
.startup-error { max-width: 760px; padding: 36px 24px; margin: 28px auto 60px; }
.startup-error h1 { font-size: 32px; line-height: 1.3; margin: 0 0 22px; }
.startup-error > a { display: inline-flex; align-items: center; font-size: 18px; min-height: 44px; }
@media(max-width:600px){.startup-notice{margin:24px 20px;padding:20px}.startup-error h1{font-size:28px}}