.study-systems-page {
    --sys-ink: #102640;
    --sys-ink-soft: #1b3d5c;
    --sys-muted: #596b7d;
    --sys-green: #24cf8b;
    --sys-green-dark: #087b58;
    --sys-mint: #e9fbf4;
    --sys-blue: #286fac;
    --sys-sky: #edf6ff;
    --sys-coral: #c8604b;
    --sys-coral-soft: #fff0ec;
    --sys-gold: #b98618;
    --sys-warm: #fff8e7;
    --sys-line: #d6e3ec;
    --sys-paper: #f6f9fb;
    --sys-white: #fff;
    color: var(--sys-ink);
    background: var(--sys-white);
    font-family: inherit;
    overflow: clip;
}

body.tands-study-systems-view main.inner-page {
    max-width: none;
    padding: 0;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.study-systems-page *,
.study-systems-page *::before,
.study-systems-page *::after { box-sizing: border-box; }
.study-systems-page button { font: inherit; }
.study-systems-page a,
.study-systems-page button { -webkit-tap-highlight-color: transparent; }
.study-systems-page :focus-visible { outline: 3px solid #efb542; outline-offset: 3px; }
.study-systems-page a[aria-disabled="true"] { cursor: default; }

.sys-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.sys-hero {
    position: relative;
    min-height: 650px;
    display: grid;
    align-items: end;
    isolation: isolate;
    background: #102a43;
}
.sys-hero__image,
.sys-hero__veil { position: absolute; inset: 0; width: 100%; height: 100%; }
.sys-hero__image { z-index: -2; object-fit: cover; object-position: center 45%; }
.sys-hero__veil { z-index: -1; background: rgba(7, 26, 43, .84); }
.sys-hero__content { padding-block: 112px 70px; color: var(--sys-white); }
.sys-eyebrow,
.sys-kicker { margin: 0 0 14px; color: var(--sys-green); font-size: 14px; font-weight: 900; letter-spacing: 0; }
.sys-hero h1 { max-width: 990px; margin: 0; color: var(--sys-white); font-size: 56px; line-height: 1.22; letter-spacing: 0; }
.sys-hero__lead { max-width: 930px; margin: 24px 0 0; color: #f2f7fa; font-size: 20px; line-height: 1.9; }
.sys-hero__support { max-width: 900px; margin: 10px 0 0; color: #cbd9e3; font-size: 16px; line-height: 1.85; }
.sys-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.sys-actions--center { justify-content: center; }
.sys-button {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 23px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}
.sys-button:hover { transform: translateY(-2px); }
.sys-button--primary { color: #063226 !important; background: var(--sys-green); }
.sys-button--primary:hover { background: #4bdda6; }
.sys-button--ghost { color: var(--sys-white) !important; border-color: rgba(255,255,255,.52); background: rgba(255,255,255,.08); }
.sys-button--ghost:hover { background: rgba(255,255,255,.16); }
.sys-button--outline { color: var(--sys-white) !important; border-color: rgba(255,255,255,.65); background: transparent; }
.sys-button--outline:hover { background: rgba(255,255,255,.1); }

.sys-facts { position: relative; z-index: 2; border-bottom: 1px solid var(--sys-line); background: var(--sys-white); }
.sys-facts__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sys-facts article { min-height: 112px; display: flex; gap: 14px; align-items: center; padding: 22px 23px; border-inline-start: 1px solid var(--sys-line); }
.sys-facts article:first-child { border-inline-start: 0; }
.sys-facts span { min-width: 36px; height: 36px; display: grid; place-items: center; border-radius: 5px; color: var(--sys-green-dark); background: var(--sys-mint); font-size: 12px; font-weight: 900; }
.sys-facts p { margin: 0; color: var(--sys-muted); font-size: 14px; line-height: 1.7; }

.sys-main { background: var(--sys-white); }
.sys-section { padding-block: 88px; }
.sys-section__header { max-width: 790px; margin-bottom: 38px; }
.sys-section__header--wide { max-width: 930px; }
.sys-section__header--light h2,
.sys-section__header--light p:not(.sys-kicker) { color: var(--sys-white); }
.sys-section__header h2,
.sys-section__split-head h2 { margin: 0; color: var(--sys-ink); font-size: 40px; line-height: 1.3; letter-spacing: 0; }
.sys-section__header > p:not(.sys-kicker),
.sys-section__split-head > p { max-width: 780px; margin: 14px 0 0; color: var(--sys-muted); font-size: 17px; line-height: 1.85; }
.tands-study-systems-view .sys-section__header--light h2,
.tands-study-systems-view .sys-section__header--light p:not(.sys-kicker) { color: var(--sys-white); }
.sys-section__split-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .74fr); gap: 68px; align-items: end; margin-bottom: 38px; }
.sys-section__split-head > p { margin: 0; }
.sys-lead { color: var(--sys-ink); font-size: 19px; line-height: 1.9; }

.sys-intro { background: var(--sys-paper); }
.sys-intro__layout { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.15fr); gap: 84px; align-items: start; }
.sys-intro__copy > p { margin: 0 0 18px; color: var(--sys-muted); line-height: 1.9; }
.sys-principle { margin-top: 28px; padding: 22px 24px; border-inline-start: 4px solid var(--sys-green); background: var(--sys-white); }
.sys-principle strong { display: block; margin-bottom: 7px; color: var(--sys-green-dark); }
.sys-principle p { margin: 0; color: var(--sys-ink-soft); line-height: 1.8; }

.sys-decisions { background: var(--sys-white); }
.sys-decisions__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.sys-decisions article { min-height: 240px; display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--sys-line); border-top: 4px solid var(--sys-blue); border-radius: 6px; background: var(--sys-white); }
.sys-card-label { margin: 0; color: var(--sys-blue); font-size: 13px; font-weight: 900; }
.sys-decisions h3 { margin: 17px 0 11px; font-size: 23px; line-height: 1.45; }
.sys-decisions p:not(.sys-card-label) { margin: 0; color: var(--sys-muted); line-height: 1.82; }
.sys-decisions a,
.sys-branches a,
.sys-text-link,
.sys-comparison__note a { width: fit-content; margin-top: auto; padding-top: 20px; color: var(--sys-green-dark) !important; font-weight: 900; text-decoration-thickness: 2px !important; text-underline-offset: 5px; }
.sys-decisions__result { margin: 20px 0 0; padding: 20px 24px; border-inline-start: 4px solid var(--sys-green); color: var(--sys-ink); background: var(--sys-mint); font-weight: 800; line-height: 1.75; }

.sys-intensity { color: var(--sys-white); background: var(--sys-ink); }
.sys-intensity .sys-section__split-head h2,
.sys-intensity .sys-section__split-head > p { color: var(--sys-white); }
.sys-intensity__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.16); border-inline-start: 1px solid rgba(255,255,255,.16); list-style: none; }
.sys-intensity__grid li { min-height: 205px; padding: 27px; border-inline-end: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.sys-intensity__grid span { color: var(--sys-green); font-size: 13px; font-weight: 900; }
.sys-intensity__grid h3 { margin: 15px 0 9px; color: var(--sys-white); font-size: 21px; }
.sys-intensity__grid p { margin: 0; color: #cbd9e3; line-height: 1.78; }

.sys-branches { background: var(--sys-paper); scroll-margin-top: 96px; }
.sys-branches__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.sys-branches article { grid-column: span 2; min-height: 250px; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--sys-line); border-top: 4px solid var(--sys-green); border-radius: 6px; background: var(--sys-white); }
.sys-branches article:nth-child(4) { grid-column: 2 / span 2; }
.sys-branches article:nth-child(5) { grid-column: 4 / span 2; }
.sys-branches__card--sparta { border-top-color: var(--sys-coral) !important; }
.sys-branches__card--semi { border-top-color: var(--sys-gold) !important; }
.sys-branches__card--flex { border-top-color: var(--sys-blue) !important; }
.sys-branches article > span { color: var(--sys-blue); font-size: 13px; font-weight: 900; }
.sys-branches h3 { margin: 15px 0 10px; color: var(--sys-ink); font-size: 22px; line-height: 1.45; }
.sys-branches p { margin: 0; color: var(--sys-muted); line-height: 1.8; }

.sys-comparison { color: var(--sys-white); background: #173653; }
.sys-table-wrap { overflow-x: auto; border: 1px solid rgba(255,255,255,.2); background: var(--sys-white); }
.sys-table-wrap table { width: 100%; border-collapse: collapse; color: var(--sys-ink); background: var(--sys-white); }
.sys-table-wrap th,
.sys-table-wrap td { padding: 18px 19px; border-bottom: 1px solid var(--sys-line); border-inline-start: 1px solid var(--sys-line); text-align: start; line-height: 1.7; }
.sys-table-wrap tr:last-child th,
.sys-table-wrap tr:last-child td { border-bottom: 0; }
.sys-table-wrap th:first-child,
.sys-table-wrap td:first-child { border-inline-start: 0; }
.sys-table-wrap thead th { color: var(--sys-white); background: var(--sys-ink-soft); font-size: 15px; }
.sys-table-wrap tbody th { min-width: 180px; color: var(--sys-ink); background: var(--sys-paper); font-weight: 900; }
.sys-table-wrap tbody td { min-width: 195px; color: var(--sys-muted); }
.sys-comparison__note { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 24px; align-items: center; margin-top: 20px; padding: 22px 24px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.07); }
.sys-comparison__note strong { color: var(--sys-green); }
.sys-comparison__note p { margin: 0; color: #d4e0e8; line-height: 1.75; }
.sys-comparison__note a { padding-top: 0; color: var(--sys-green) !important; }

.sys-fit { background: var(--sys-white); scroll-margin-top: 96px; }
.sys-fit__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.sys-fit__grid article { padding: 30px; border: 1px solid var(--sys-line); border-radius: 6px; background: var(--sys-white); }
.sys-fit__grid article:nth-child(1) { border-top: 4px solid var(--sys-coral); }
.sys-fit__grid article:nth-child(2) { border-top: 4px solid var(--sys-gold); }
.sys-fit__grid article:nth-child(3) { border-top: 4px solid var(--sys-blue); }
.sys-fit__grid h3 { margin: 15px 0 17px; font-size: 23px; line-height: 1.45; }
.sys-fit__grid ul { margin: 0; padding: 0 20px 0 0; color: var(--sys-muted); }
.sys-fit__grid li { margin-bottom: 9px; line-height: 1.75; }
.sys-fit__questions { margin-top: 24px; padding: 30px; background: var(--sys-paper); }
.sys-fit__questions h3 { margin: 0 0 22px; font-size: 24px; }
.sys-fit__questions ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; counter-reset: fit; list-style: none; }
.sys-fit__questions li { position: relative; min-height: 70px; display: flex; align-items: center; padding: 14px 45px 14px 15px; border-top: 1px solid var(--sys-line); color: var(--sys-ink-soft); line-height: 1.7; counter-increment: fit; }
.sys-fit__questions li:nth-child(odd) { border-inline-end: 1px solid var(--sys-line); }
.sys-fit__questions li::before { content: counter(fit, decimal-leading-zero); position: absolute; inset-inline-start: 10px; color: var(--sys-green-dark); font-size: 12px; font-weight: 900; }

.sys-hours { color: var(--sys-white); background: var(--sys-ink); }
.sys-hours__layout { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.05fr); gap: 76px; align-items: start; }
.sys-hours__check { padding: 30px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.06); }
.sys-hours__check h3 { margin: 0 0 18px; color: var(--sys-green); font-size: 22px; }
.sys-hours__check ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.sys-hours__check li { padding: 14px; border-top: 1px solid rgba(255,255,255,.15); color: #edf3f7; line-height: 1.7; }
.sys-hours__check li:nth-child(odd) { border-inline-end: 1px solid rgba(255,255,255,.15); }
.sys-hours__check > p { margin: 22px 0 0; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.16); color: #cbd8e2; line-height: 1.8; font-weight: 800; }

.sys-classes { background: var(--sys-sky); }
.sys-classes__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.sys-classes article { padding: 32px; border: 1px solid #bfd5e5; border-radius: 6px; background: var(--sys-white); }
.sys-classes article > span { display: inline-block; margin-bottom: 15px; color: var(--sys-blue); font-size: 13px; font-weight: 900; }
.sys-classes h3 { margin: 0 0 12px; font-size: 25px; }
.sys-classes p { margin: 0; color: var(--sys-muted); line-height: 1.85; }
.sys-classes__foot { margin: 20px 0 0; padding: 20px 24px; border-inline-start: 4px solid var(--sys-blue); color: var(--sys-ink-soft); background: var(--sys-white); line-height: 1.8; }
.sys-text-link { display: inline-block; margin-top: 8px; }

.sys-evidence { background: var(--sys-warm); }
.sys-evidence__layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(300px, .63fr); gap: 58px; align-items: start; }
.sys-evidence__copy > p { margin: 0 0 18px; color: var(--sys-muted); line-height: 1.9; }
.sys-evidence__limit { margin-top: 25px; padding: 22px; border: 1px solid #e3ca8d; background: var(--sys-white); }
.sys-evidence__limit strong { display: block; margin-bottom: 7px; color: var(--sys-gold); }
.sys-evidence__limit p { margin: 0; color: var(--sys-ink-soft); line-height: 1.75; }
.sys-evidence__questions { margin: 0; padding: 0; border-top: 1px solid #dec78b; }
.sys-evidence__questions div { display: grid; grid-template-columns: 90px 1fr; gap: 15px; padding: 17px 8px; border-bottom: 1px solid #dec78b; }
.sys-evidence__questions dt { color: var(--sys-gold); font-weight: 900; }
.sys-evidence__questions dd { margin: 0; color: var(--sys-ink-soft); line-height: 1.7; }

.sys-request { background: var(--sys-white); }
.sys-request__layout { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.18fr); gap: 78px; align-items: start; }
.sys-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 1px solid var(--sys-line); list-style: none; }
.sys-checklist li { position: relative; min-height: 72px; display: flex; align-items: center; padding: 16px 44px 16px 15px; border-bottom: 1px solid var(--sys-line); color: var(--sys-ink-soft); line-height: 1.65; }
.sys-checklist li:nth-child(odd) { border-inline-end: 1px solid var(--sys-line); }
.sys-checklist li::before { content: "✓"; position: absolute; inset-inline-start: 12px; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: var(--sys-green-dark); background: var(--sys-mint); font-size: 13px; font-weight: 900; }

.sys-red-flags { background: var(--sys-coral-soft); }
.sys-red-flags__layout { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.18fr); gap: 74px; align-items: start; }
.sys-red-flags__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.sys-red-flags__list li { position: relative; min-height: 82px; padding: 17px 42px 17px 15px; border-bottom: 1px solid #e8c9c2; color: var(--sys-ink-soft); line-height: 1.7; }
.sys-red-flags__list li:nth-child(odd) { border-inline-end: 1px solid #e8c9c2; }
.sys-red-flags__list li::before { content: "!"; position: absolute; inset-inline-start: 11px; top: 18px; width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: var(--sys-white); background: var(--sys-coral); font-size: 12px; font-weight: 900; }

.sys-faq { background: var(--sys-white); }
.sys-faq__layout { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.2fr); gap: 76px; align-items: start; }
.sys-faq__list { border-top: 1px solid var(--sys-line); }
.sys-faq details { border-bottom: 1px solid var(--sys-line); }
.sys-faq summary { position: relative; padding: 21px 42px 21px 4px; color: var(--sys-ink); font-weight: 900; line-height: 1.6; cursor: pointer; list-style: none; }
.sys-faq summary::-webkit-details-marker { display: none; }
.sys-faq summary::before { content: "+"; position: absolute; inset-inline-start: 8px; top: 20px; width: 25px; height: 25px; display: grid; place-items: center; color: var(--sys-green-dark); background: var(--sys-mint); font-size: 18px; }
.sys-faq details[open] summary::before { content: "−"; }
.sys-faq details p { margin: 0; padding: 0 4px 22px; color: var(--sys-muted); line-height: 1.85; }

.sys-final-cta { padding-block: 82px; color: var(--sys-white); text-align: center; background: #153651; }
.sys-final-cta h2 { max-width: 850px; margin: 0 auto; color: var(--sys-white); font-size: 42px; line-height: 1.35; }
.sys-final-cta > .sys-shell > p:not(.sys-eyebrow) { max-width: 820px; margin: 18px auto 0; color: #d2dee7; font-size: 18px; line-height: 1.85; }
.sys-review-note { padding-block: 22px; border-top: 1px solid var(--sys-line); background: var(--sys-paper); }
.sys-review-note .sys-shell { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 25px; }
.sys-review-note p { margin: 0; color: var(--sys-muted); font-size: 13px; line-height: 1.7; }

@media (max-width: 1024px) {
    .sys-hero h1 { font-size: 48px; }
    .sys-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sys-facts article:nth-child(3) { border-inline-start: 0; border-top: 1px solid var(--sys-line); }
    .sys-facts article:nth-child(4) { border-top: 1px solid var(--sys-line); }
    .sys-branches__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sys-branches article,
    .sys-branches article:nth-child(4),
    .sys-branches article:nth-child(5) { grid-column: auto; }
    .sys-branches article:last-child { grid-column: 1 / -1; }
    .sys-comparison__note { grid-template-columns: 1fr; gap: 10px; }
    .sys-comparison__note a { padding-top: 8px; }
}

@media (max-width: 760px) {
    .sys-shell { width: min(100% - 28px, 1180px); }
    .sys-hero { min-height: 620px; }
    .sys-hero__content { padding-block: 92px 50px; }
    .sys-hero h1 { font-size: 38px; line-height: 1.3; }
    .sys-hero__lead { font-size: 18px; line-height: 1.8; }
    .sys-hero__support { font-size: 15px; }
    .sys-actions { flex-direction: column; }
    .sys-button { width: 100%; min-height: 52px; }
    .sys-facts__grid { grid-template-columns: 1fr; }
    .sys-facts article { min-height: auto; border-inline-start: 0; border-top: 1px solid var(--sys-line); }
    .sys-facts article:first-child { border-top: 0; }
    .sys-section { padding-block: 64px; }
    .sys-section__header h2,
    .sys-section__split-head h2 { font-size: 32px; }
    .sys-section__split-head,
    .sys-intro__layout,
    .sys-hours__layout,
    .sys-evidence__layout,
    .sys-request__layout,
    .sys-red-flags__layout,
    .sys-faq__layout { grid-template-columns: 1fr; gap: 34px; }
    .sys-section__split-head > p { margin-top: 0; }
    .sys-decisions__grid,
    .sys-intensity__grid,
    .sys-branches__grid,
    .sys-fit__grid,
    .sys-fit__questions ol,
    .sys-hours__check ul,
    .sys-classes__grid,
    .sys-checklist,
    .sys-red-flags__list { grid-template-columns: 1fr; }
    .sys-decisions article,
    .sys-intensity__grid li,
    .sys-branches article { min-height: auto; }
    .sys-intensity__grid { border-inline-start: 0; }
    .sys-intensity__grid li { border-inline-start: 1px solid rgba(255,255,255,.16); }
    .sys-branches article:last-child { grid-column: auto; }
    .sys-table-wrap table { min-width: 760px; }
    .sys-fit__questions li:nth-child(odd),
    .sys-hours__check li:nth-child(odd),
    .sys-checklist li:nth-child(odd),
    .sys-red-flags__list li:nth-child(odd) { border-inline-end: 0; }
    .sys-evidence__questions div { grid-template-columns: 75px 1fr; }
    .sys-final-cta h2 { font-size: 34px; }
    .sys-review-note .sys-shell { display: block; }
    .sys-review-note p + p { margin-top: 6px; }
}

@media (max-width: 430px) {
    .sys-hero h1 { font-size: 33px; }
    .sys-section__header h2,
    .sys-section__split-head h2 { font-size: 29px; }
    .sys-decisions article,
    .sys-branches article,
    .sys-fit__grid article,
    .sys-hours__check,
    .sys-classes article { padding: 23px; }
    .sys-final-cta h2 { font-size: 30px; }
}

@media (prefers-reduced-motion: reduce) {
    .sys-button { transition: none; }
    .sys-button:hover { transform: none; }
}
