/*
Theme Name: LongevityOS
Theme URI: https://longevityos.com
Author: Your Name
Description: Patient Lifecycle Management for Modern Longevity Clinics. FSE/Gutenberg native. No page builder required.
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: longevityos
Tags: full-site-editing, block-patterns, health, medical, dark
*/

/* ─── GLOBAL BASE STYLES ─────────────────────────────────── */

body {
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--text-primary);
}

/* Ensure surface-raised is available as a utility */
.has-surface-raised-background-color {
    background-color: #1A1A24;
}

/* ─── PROTOCOL CARD GRID ─────────────────────────────────── */

.los-protocol-grid-wrapper {
    width: 100%;
}

/* Filter Buttons */
.los-protocol-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.los-filter-btn {
    background: transparent;
    border: 1px solid rgba(0, 245, 196, 0.25);
    color: var(--wp--preset--color--text-muted);
    padding: 0.4rem 1rem;
    border-radius: 2rem;
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--sm);
    cursor: pointer;
    transition: all 0.2s ease;
}

.los-filter-btn:hover,
.los-filter-btn.active {
    background: var(--wp--preset--color--accent);
    border-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--base);
}

/* Grid */
.los-protocol-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

@media (max-width: 900px) {
    .los-protocol-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .los-protocol-grid {
        grid-template-columns: 1fr;
    }
}

/* Protocol Card */
.los-protocol-card {
    background: var(--wp--preset--color--surface);
    border: 1px solid rgba(0, 245, 196, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: transform 0.2s ease, border-color 0.2s ease;
    text-decoration: none;
}

.los-protocol-card:hover {
    transform: translateY(-4px);
    border-color: var(--wp--preset--color--accent);
}

/* Category Badge */
.los-protocol-card__category {
    display: inline-block;
    font-size: var(--wp--preset--font-size--xs);
    font-family: var(--wp--preset--font-family--mono);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    width: fit-content;
}

/* Category colors */
.los-cat-hormone {
    background: rgba(0, 245, 196, 0.12);
    color: #00F5C4;
}

.los-cat-cellular {
    background: rgba(123, 97, 255, 0.12);
    color: #7B61FF;
}

.los-cat-metabolic {
    background: rgba(255, 200, 0, 0.12);
    color: #FFC800;
}

.los-cat-performance {
    background: rgba(57, 255, 20, 0.12);
    color: #39FF14;
}

.los-cat-aesthetic {
    background: rgba(255, 77, 109, 0.12);
    color: #FF4D6D;
}

.los-cat-cognitive {
    background: rgba(0, 200, 255, 0.12);
    color: #00F5C4;
}

/* Card Title */
.los-protocol-card__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: var(--wp--preset--font-size--lg);
    font-weight: 600;
    color: var(--wp--preset--color--text-primary);
    margin: 0;
    line-height: 1.3;
}

/* Meta Row */
.los-protocol-card__meta {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.los-protocol-card__meta-item {
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--text-muted);
    font-family: var(--wp--preset--font-family--mono);
}

.los-protocol-card__meta-item span {
    color: var(--wp--preset--color--text-primary);
}

/* Spacer pushes CTA to bottom */
.los-protocol-card__spacer {
    flex: 1;
}

/* CTA */
.los-protocol-card__cta {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--accent);
    font-family: var(--wp--preset--font-family--body);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.los-protocol-card__cta::after {
    content: '→';
    transition: transform 0.2s ease;
}

.los-protocol-card:hover .los-protocol-card__cta::after {
    transform: translateX(4px);
}

/* ─── VITALITY STAT BAR ─────────────────────────────────── */
/* ─── VITALITY STAT BAR ──────────────────────────────────── */

.los-stat-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: rgba(0, 245, 196, 0.1);
    border-top: 1px solid rgba(0, 245, 196, 0.1);
    border-bottom: 1px solid rgba(0, 245, 196, 0.1);
    width: 100%;
}

@media (max-width: 768px) {
    .los-stat-bar {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .los-stat-bar {
        grid-template-columns: 1fr;
    }
}

.los-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 2rem 1rem;
    background: var(--wp--preset--color--surface);
    text-align: center;
}

.los-stat-number {
    font-family: var(--wp--preset--font-family--mono);
    font-size: var(--wp--preset--font-size--4xl);
    font-weight: 500;
    color: var(--wp--preset--color--accent);
    line-height: 1;
    letter-spacing: -0.02em;
}

.los-stat-label {
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* ─── MEMBERSHIP TIER BLOCK ──────────────────────────────── */

.los-membership-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
}

/* Billing Toggle */
.los-membership-toggle {
    display: flex;
    gap: 0.25rem;
    background: var(--wp--preset--color--surface);
    border: 1px solid rgba(0, 245, 196, 0.15);
    border-radius: 2rem;
    padding: 0.25rem;
}

.los-toggle-btn {
    background: transparent;
    border: none;
    color: var(--wp--preset--color--text-muted);
    padding: 0.5rem 1.25rem;
    border-radius: 2rem;
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--sm);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.los-toggle-btn.active {
    background: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--base);
    font-weight: 600;
}

.los-save-badge {
    background: rgba(0, 245, 196, 0.15);
    color: var(--wp--preset--color--accent);
    font-size: var(--wp--preset--font-size--xs);
    padding: 0.1rem 0.4rem;
    border-radius: 0.25rem;
    font-weight: 600;
}

.los-toggle-btn.active .los-save-badge {
    background: rgba(0, 0, 0, 0.2);
    color: var(--wp--preset--color--base);
}

/* Tier Grid */
.los-membership-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    width: 100%;
    align-items: start;
}

@media (max-width: 900px) {
    .los-membership-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
    }
}

/* Tier Card */
.los-tier-card {
    background: var(--wp--preset--color--surface);
    border: 1px solid rgba(0, 245, 196, 0.1);
    border-radius: 16px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: relative;
}

.los-tier-card.los-tier-featured {
    border-color: var(--wp--preset--color--accent);
    background: var(--wp--preset--color--surface-raised);
}

/* Most Popular Badge */
.los-tier-badge {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--base);
    font-size: var(--wp--preset--font-size--xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.25rem 0.75rem;
    border-radius: 0 0 0.5rem 0.5rem;
    white-space: nowrap;
}

/* Tier Header */
.los-tier-header {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.los-tier-name {
    font-family: var(--wp--preset--font-family--display);
    font-size: var(--wp--preset--font-size--xl);
    font-weight: 600;
    color: var(--wp--preset--color--text-primary);
    margin: 0;
}

.los-tier-price {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
}

.los-price-amount {
    font-family: var(--wp--preset--font-family--mono);
    font-size: var(--wp--preset--font-size--4xl);
    font-weight: 500;
    color: var(--wp--preset--color--accent);
    transition: all 0.3s ease;
}

.los-price-period {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-muted);
}

/* Feature List */
.los-tier-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    flex: 1;
}

.los-tier-features li {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-primary);
    padding-left: 1.25rem;
    position: relative;
    line-height: 1.5;
}

.los-tier-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--wp--preset--color--accent);
    font-weight: 700;
    font-size: 0.7rem;
    top: 0.2rem;
}

/* CTA Button */
.los-tier-cta {
    display: block;
    text-align: center;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    border: 1px solid rgba(0, 245, 196, 0.3);
    color: var(--wp--preset--color--accent);
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.los-tier-cta:hover {
    background: rgba(0, 245, 196, 0.08);
    border-color: var(--wp--preset--color--accent);
}

.los-tier-cta--featured {
    background: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--base);
    border-color: var(--wp--preset--color--accent);
}

.los-tier-cta--featured:hover {
    background: #00ddb0;
    border-color: #00ddb0;
    color: var(--wp--preset--color--base);
}

/* Footnote */
.los-membership-footnote {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-muted);
    text-align: center;
    margin: 0;
}

/* ─── HERO SECTION ───────────────────────────────────────── */

.los-hero {
    min-height: 85vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.los-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 600px;
    background: radial-gradient(ellipse at center,
            rgba(0, 245, 196, 0.06) 0%,
            transparent 70%);
    pointer-events: none;
}

.los-hero__inner {
    max-width: 680px;
    gap: 1.5rem !important;
}



.los-hero__eyebrow {
    margin: 0 !important;
}

.los-hero__sub {
    margin: 0 !important;
    max-width: 520px;
}

/* ─── CLINICAL PHILOSOPHY STRIP ─────────────────────────── */

.los-philosophy-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    width: 100%;
}

@media (max-width: 768px) {
    .los-philosophy-strip {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin: 0 auto;
    }
}

.los-philosophy-item {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 2rem;
    background: var(--wp--preset--color--surface);
    border: 1px solid rgba(0, 245, 196, 0.08);
    border-radius: 12px;
}

.los-philosophy-icon {
    font-size: 1.5rem;
    color: var(--wp--preset--color--accent);
    line-height: 1;
}

.los-philosophy-title {
    font-family: var(--wp--preset--font-family--display);
    font-size: var(--wp--preset--font-size--lg);
    font-weight: 600;
    color: var(--wp--preset--color--text-primary);
    margin: 0;
}

.los-philosophy-desc {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-muted);
    line-height: 1.6;
    margin: 0;
}

/* ─── HERO FIXES ─────────────────────────────────────────── */

.los-hero .wp-block-heading {
    font-size: clamp(3rem, 6vw, 5rem) !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    color: #F0F0F5 !important;
    text-align: left !important;
    margin: 0 !important;
}

.los-hero .wp-block-paragraph {
    text-align: left !important;
}

.los-hero .wp-block-buttons {
    justify-content: flex-start !important;
}

.los-hero__inner {
    align-items: flex-start !important;
}

/* Secondary button override — FSE is applying dark background */
.los-btn-secondary .wp-block-button__link {
    background: transparent !important;
    color: #F0F0F5 !important;
    border: 1px solid rgba(240, 240, 245, 0.25) !important;
}

.los-btn-secondary .wp-block-button__link:hover {
    background: rgba(240, 240, 245, 0.06) !important;
}

/* ─── BIOLOGICAL AGE CALCULATOR ─────────────────────────── */

.los-calc-wrapper {
    max-width: 640px;
    margin: 0 auto;
    padding: 2.5rem;
    background: var(--wp--preset--color--surface);
    border: 1px solid rgba(0, 245, 196, 0.12);
    border-radius: 16px;
}

/* Progress */
.los-calc-progress {
    height: 4px;
    background: rgba(0, 245, 196, 0.1);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.los-calc-progress-bar {
    height: 100%;
    background: var(--wp--preset--color--accent);
    border-radius: 2px;
    width: 0%;
    transition: width 0.4s ease;
}

.los-calc-step-label {
    font-family: var(--wp--preset--font-family--mono);
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--text-muted);
    margin-bottom: 2rem;
}

/* Steps */
.los-calc-step {
    display: none;
}

.los-calc-step.active {
    display: block;
    animation: losFadeIn 0.3s ease;
}

@keyframes losFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.los-calc-title {
    font-family: var(--wp--preset--font-family--display);
    font-size: var(--wp--preset--font-size--2xl);
    font-weight: 600;
    color: var(--wp--preset--color--text-primary);
    margin: 0 0 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.los-optional-badge {
    font-size: var(--wp--preset--font-size--xs);
    background: rgba(0, 245, 196, 0.1);
    color: var(--wp--preset--color--accent);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-family: var(--wp--preset--font-family--body);
    font-weight: 400;
}

.los-calc-subtitle {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-muted);
    margin: 0 0 2rem;
}

/* Fields */
.los-calc-fields {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.los-field-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.los-field-group--row {
    flex-direction: row;
    gap: 1rem;
}

.los-field-group--row>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.los-field-label {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-primary);
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.los-field-value {
    font-family: var(--wp--preset--font-family--mono);
    color: var(--wp--preset--color--accent);
    font-size: var(--wp--preset--font-size--sm);
}

.los-field-input {
    background: var(--wp--preset--color--base);
    border: 1px solid rgba(0, 245, 196, 0.15);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    color: var(--wp--preset--color--text-primary);
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--base);
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.los-field-input:focus {
    outline: none;
    border-color: var(--wp--preset--color--accent);
}

/* Range Sliders */
.los-field-range {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    background: rgba(0, 245, 196, 0.15);
    border-radius: 2px;
    outline: none;
}

.los-field-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: var(--wp--preset--color--accent);
    border-radius: 50%;
    cursor: pointer;
    border: 3px solid var(--wp--preset--color--surface);
    box-shadow: 0 0 0 2px var(--wp--preset--color--accent);
}

.los-range-labels {
    display: flex;
    justify-content: space-between;
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--text-muted);
    font-family: var(--wp--preset--font-family--mono);
}

/* Radio Options */
.los-radio-group,
.los-select-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.los-radio-option,
.los-select-option {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    padding: 0.5rem 1rem;
    background: var(--wp--preset--color--base);
    border: 1px solid rgba(0, 245, 196, 0.12);
    border-radius: 6px;
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-muted);
    transition: all 0.15s ease;
}

.los-radio-option:hover,
.los-select-option:hover {
    border-color: rgba(0, 245, 196, 0.4);
    color: var(--wp--preset--color--text-primary);
}

.los-radio-option input,
.los-select-option input {
    display: none;
}

.los-radio-option:has(input:checked),
.los-select-option:has(input:checked) {
    background: rgba(0, 245, 196, 0.1);
    border-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--accent);
}

/* Lab Row */
.los-lab-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.los-lab-unit {
    font-family: var(--wp--preset--font-family--mono);
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-muted);
    white-space: nowrap;
}

/* Navigation */
.los-calc-nav {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.los-calc-btn-next,
.los-calc-btn-calculate {
    background: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--base);
    border: none;
    padding: 0.875rem 2rem;
    border-radius: 8px;
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--base);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-left: auto;
}

.los-calc-btn-next:hover,
.los-calc-btn-calculate:hover {
    background: #00ddb0;
    transform: translateY(-1px);
}

.los-calc-btn-back {
    background: transparent;
    color: var(--wp--preset--color--text-muted);
    border: 1px solid rgba(0, 245, 196, 0.15);
    padding: 0.875rem 1.5rem;
    border-radius: 8px;
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--base);
    cursor: pointer;
    transition: all 0.2s ease;
}

.los-calc-btn-back:hover {
    border-color: rgba(0, 245, 196, 0.4);
    color: var(--wp--preset--color--text-primary);
}

.los-calc-error {
    background: rgba(255, 77, 109, 0.1);
    border: 1px solid #FF4D6D;
    color: #FF4D6D;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: var(--wp--preset--font-size--sm);
    margin-bottom: 1rem;
}

/* Result Screen */
.los-calc-result {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.los-result-header {
    text-align: center;
}

.los-result-label {
    font-family: var(--wp--preset--font-family--mono);
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 0.5rem;
}

.los-result-age {
    font-family: var(--wp--preset--font-family--mono);
    font-size: clamp(4rem, 12vw, 7rem);
    font-weight: 500;
    line-height: 1;
    margin: 0.25rem 0;
}

.los-result-chrono {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-muted);
    margin: 0;
}

/* Gauge */
.los-result-gauge {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.los-gauge-track {
    height: 8px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    position: relative;
    overflow: visible;
}

.los-gauge-fill {
    height: 100%;
    background: linear-gradient(90deg,
            #39FF14 0%,
            #00F5C4 40%,
            #FFC800 70%,
            #FF4D6D 100%);
    border-radius: 4px;
    transition: width 0.8s ease;
}

.los-gauge-marker {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 50%;
    border: 3px solid #0A0A0F;
    box-shadow: 0 0 0 2px white;
    transition: left 0.8s ease;
}

.los-gauge-labels {
    display: flex;
    justify-content: space-between;
    font-size: var(--wp--preset--font-size--xs);
    font-family: var(--wp--preset--font-family--mono);
    color: var(--wp--preset--color--text-muted);
}

.los-result-status {
    text-align: center;
    font-size: var(--wp--preset--font-size--md);
    color: var(--wp--preset--color--text-primary);
    margin: 0;
    line-height: 1.5;
}

/* Focus Areas */
.los-result-focus-title {
    font-family: var(--wp--preset--font-family--mono);
    font-size: var(--wp--preset--font-size--xs);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--wp--preset--color--text-muted);
    margin: 0 0 1rem;
}

.los-result-focus-items {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.los-focus-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem;
    background: var(--wp--preset--color--base);
    border-radius: 8px;
    border: 1px solid rgba(0, 245, 196, 0.08);
}

.los-focus-icon {
    font-size: 1.25rem;
    line-height: 1;
    margin-top: 0.1rem;
}

.los-focus-item strong {
    display: block;
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-primary);
    margin-bottom: 0.2rem;
}

.los-focus-item p {
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--text-muted);
    margin: 0;
    line-height: 1.5;
}

/* CTAs */
.los-result-ctas {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.los-result-cta-primary {
    display: block;
    text-align: center;
    background: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--base);
    padding: 1rem 2rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    font-size: var(--wp--preset--font-size--base);
    transition: all 0.2s ease;
}

.los-result-cta-primary:hover {
    background: #00ddb0;
    transform: translateY(-1px);
}

.los-result-cta-secondary {
    display: flex;
    gap: 0.5rem;
}

.los-result-email {
    flex: 1;
    background: var(--wp--preset--color--base);
    border: 1px solid rgba(0, 245, 196, 0.15);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    color: var(--wp--preset--color--text-primary);
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--sm);
    transition: border-color 0.2s ease;
}

.los-result-email:focus {
    outline: none;
    border-color: var(--wp--preset--color--accent);
}

.los-result-cta-secondary button {
    background: transparent;
    border: 1px solid rgba(0, 245, 196, 0.3);
    color: var(--wp--preset--color--accent);
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
    font-size: var(--wp--preset--font-size--sm);
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.los-result-cta-secondary button:hover {
    background: rgba(0, 245, 196, 0.08);
}

.los-result-disclaimer {
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--text-muted);
    text-align: center;
    line-height: 1.6;
    margin: 0;
    padding: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.los-calc-retake {
    background: transparent;
    border: none;
    color: var(--wp--preset--color--text-muted);
    font-size: var(--wp--preset--font-size--sm);
    cursor: pointer;
    text-align: center;
    width: 100%;
    padding: 0.5rem;
    transition: color 0.2s ease;
}

.los-calc-retake:hover {
    color: var(--wp--preset--color--text-primary);
}

/* ─── PROTOCOL ROI ROADMAP ───────────────────────────────── */

.los-roi-wrapper {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 2rem;
    align-items: start;
}

@media (max-width: 900px) {
    .los-roi-wrapper {
        grid-template-columns: 1fr;
    }
}

/* Input Panel */
.los-roi-inputs {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background: var(--wp--preset--color--surface);
    border: 1px solid rgba(0, 245, 196, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
}

.los-roi-field {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.los-roi-label {
    font-size: var(--wp--preset--font-size--xs);
    font-family: var(--wp--preset--font-family--mono);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--wp--preset--color--text-muted);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.los-roi-value {
    color: var(--wp--preset--color--accent);
    font-size: var(--wp--preset--font-size--sm);
}

.los-roi-options {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.los-roi-option-btn {
    background: var(--wp--preset--color--base);
    border: 1px solid rgba(0, 245, 196, 0.12);
    color: var(--wp--preset--color--text-muted);
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-size: var(--wp--preset--font-size--xs);
    font-family: var(--wp--preset--font-family--body);
    cursor: pointer;
    transition: all 0.15s ease;
}

.los-roi-option-btn:hover {
    border-color: rgba(0, 245, 196, 0.4);
    color: var(--wp--preset--color--text-primary);
}

.los-roi-option-btn.active {
    background: rgba(0, 245, 196, 0.1);
    border-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--accent);
}

/* Chart Area */
.los-roi-chart-area {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.los-roi-chart {
    background: var(--wp--preset--color--surface);
    border: 1px solid rgba(0, 245, 196, 0.08);
    border-radius: 12px;
    padding: 1rem;
    overflow: hidden;
}

/* Callouts */
.los-roi-callouts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

@media (max-width: 600px) {
    .los-roi-callouts {
        grid-template-columns: 1fr;
    }
}

.los-roi-callout {
    background: var(--wp--preset--color--surface);
    border: 1px solid rgba(0, 245, 196, 0.1);
    border-radius: 10px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    text-align: center;
}

.los-roi-callout-value {
    font-family: var(--wp--preset--font-family--mono);
    font-size: var(--wp--preset--font-size--2xl);
    color: var(--wp--preset--color--accent);
    font-weight: 500;
    line-height: 1;
}

.los-roi-callout-value small {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-muted);
    display: block;
    margin-top: 0.2rem;
}

.los-roi-callout-label {
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--text-muted);
    line-height: 1.4;
}

/* Recommendation */
.los-roi-recommendation {
    font-size: var(--wp--preset--font-size--sm);
    color: var(--wp--preset--color--text-muted);
    line-height: 1.6;
    margin: 0;
    padding: 1rem;
    background: rgba(0, 245, 196, 0.04);
    border-radius: 8px;
    border-left: 2px solid var(--wp--preset--color--accent);
}

.los-roi-recommendation strong {
    color: var(--wp--preset--color--text-primary);
}

/* CTA */
.los-roi-cta {
    display: block;
    text-align: center;
    background: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--base);
    padding: 1rem 2rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    font-size: var(--wp--preset--font-size--base);
    transition: all 0.2s ease;
}

.los-roi-cta:hover {
    background: #00ddb0;
    transform: translateY(-1px);
}

/* Disclaimer */
.los-roi-disclaimer {
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--text-muted);
    text-align: center;
    line-height: 1.6;
    margin: 0;
}

/* Increase cellular badge contrast */
.los-cat-cellular {
    background: rgba(123, 97, 255, 0.15);
    color: #9b85ff;
    /* lightened from #7B61FF for WCAG AA compliance */
}

/* ─── PROTOCOL ARCHIVE ───────────────────────────────────── */

.los-archive-grid {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.los-archive-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.los-archive-sort {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.los-sort-label {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.7rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #8888A0;
}

.los-sort-select {
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.2);
    border-radius: 6px;
    color: #F0F0F5;
    font-family: var(--wp--preset--font-family--body);
    font-size: 0.85rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

.los-sort-select:hover,
.los-sort-select:focus {
    border-color: #00F5C4;
    outline: none;
}

/* Archive Cards Grid */
.los-archive-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
}

/* Individual Archive Card */
.los-acard {
    display: flex;
    flex-direction: column;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 12px;
    padding: 1.75rem;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    min-height: 220px;
}

.los-acard:hover {
    border-color: rgba(0, 245, 196, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(0, 245, 196, 0.06);
}

.los-acard__header {
    margin-bottom: 1rem;
}

.los-acard__badge {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 100px;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.los-acard__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.35rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0 0 0.75rem;
    line-height: 1.3;
}

.los-acard__meta {
    display: flex;
    gap: 1rem;
    margin-bottom: auto;
    padding-bottom: 1.25rem;
}

.los-acard__duration,
.los-acard__phases {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.75rem;
    color: #8888A0;
    letter-spacing: 0.05em;
}

.los-acard__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(136, 136, 160, 0.1);
}

.los-acard__price {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.9rem;
    font-weight: 600;
    color: #00F5C4;
}

.los-acard__arrow {
    font-size: 1.25rem;
    color: #8888A0;
    transition: color 0.2s ease, transform 0.2s ease;
}

.los-acard:hover .los-acard__arrow {
    color: #00F5C4;
    transform: translateX(4px);
}

/* Empty State */
.los-archive-empty {
    display: flex;
    justify-content: center;
    padding: 4rem 1rem;
}

.los-archive-empty__inner {
    text-align: center;
    max-width: 400px;
}

.los-archive-empty__inner svg {
    margin-bottom: 1.5rem;
    opacity: 0.5;
}

.los-archive-empty__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.25rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0 0 0.5rem;
}

.los-archive-empty__sub {
    font-size: 0.9rem;
    color: #8888A0;
    margin: 0 0 1.5rem;
    line-height: 1.6;
}

.los-btn--outline {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border: 1px solid rgba(0, 245, 196, 0.4);
    border-radius: 8px;
    color: #00F5C4;
    font-family: var(--wp--preset--font-family--body);
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.los-btn--outline:hover {
    background: rgba(0, 245, 196, 0.08);
    border-color: #00F5C4;
}

/* Archive filter reuse — same as homepage but keep specificity */
.los-archive-filters .los-filter-btn {
    background: transparent;
    border: 1px solid rgba(136, 136, 160, 0.2);
    border-radius: 100px;
    padding: 0.5rem 1.25rem;
    color: #8888A0;
    font-family: var(--wp--preset--font-family--body);
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.los-archive-filters .los-filter-btn:hover {
    border-color: rgba(0, 245, 196, 0.4);
    color: #F0F0F5;
}

.los-archive-filters .los-filter-btn.active {
    background: rgba(0, 245, 196, 0.1);
    border-color: #00F5C4;
    color: #00F5C4;
}

/* ─── Archive Responsive ─────────────────────────────────── */

@media (max-width: 768px) {
    .los-archive-cards {
        grid-template-columns: 1fr;
    }

    .los-archive-sort {
        justify-content: center;
    }

    .los-archive-filters {
        gap: 0.375rem;
    }

    .los-archive-filters .los-filter-btn {
        font-size: 0.7rem;
        padding: 0.4rem 0.9rem;
    }
}

/* ─── SINGLE PROTOCOL PAGE ──────────────────────────────── */

/* Shared section styles */
.los-sp-section-eyebrow {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.7rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #00F5C4;
    margin: 0 0 0.75rem;
}

.los-sp-section-title {
    font-family: var(--wp--preset--font-family--display);
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    font-weight: 700;
    color: #F0F0F5;
    margin: 0 0 2.5rem;
}

/* ── Hero ─────────────────────────────────────────────────── */
.los-sp-hero {
    padding: 6rem 2rem 4rem;
    position: relative;
    overflow: hidden;
}

.los-sp-hero::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 500px;
    height: 500px;
    background: radial-gradient(ellipse at center, rgba(0, 245, 196, 0.04) 0%, transparent 70%);
    pointer-events: none;
}

.los-sp-hero__inner {
    max-width: 1200px;
    margin: 0 auto;
}

.los-sp-hero__back {
    display: inline-block;
    font-family: var(--wp--preset--font-family--body);
    font-size: 0.85rem;
    color: #8888A0;
    text-decoration: none;
    margin-bottom: 2rem;
    transition: color 0.2s;
}

.los-sp-hero__back:hover {
    color: #00F5C4;
}

.los-sp-hero__badge {
    display: inline-block;
    padding: 0.3rem 0.9rem;
    border-radius: 100px;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.los-sp-hero__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 700;
    color: #F0F0F5;
    margin: 0 0 1rem;
    line-height: 1.15;
}

.los-sp-hero__excerpt {
    font-size: 1.125rem;
    color: #8888A0;
    max-width: 640px;
    line-height: 1.7;
    margin: 0 0 2rem;
}

.los-sp-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 2.5rem;
    padding: 1.5rem 0;
    border-top: 1px solid rgba(136, 136, 160, 0.1);
    border-bottom: 1px solid rgba(136, 136, 160, 0.1);
}

.los-sp-hero__meta-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.los-sp-hero__meta-label {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #8888A0;
}

.los-sp-hero__meta-value {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.25rem;
    font-weight: 600;
    color: #F0F0F5;
}

.los-sp-hero__meta-value--price {
    color: #00F5C4;
}

.los-btn--primary {
    display: inline-block;
    padding: 0.875rem 2rem;
    background: #00F5C4;
    color: #0A0A0F;
    font-family: var(--wp--preset--font-family--body);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease;
}

.los-btn--primary:hover {
    background: #00ddb3;
    transform: translateY(-1px);
}

.los-btn--lg {
    padding: 1rem 2.5rem;
    font-size: 1rem;
}

/* ── Phase Timeline ───────────────────────────────────────── */
.los-sp-phases {
    padding: 4rem 2rem;
}

.los-sp-phases__inner {
    max-width: 900px;
    margin: 0 auto;
}

.los-sp-timeline {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.los-sp-timeline__phase {
    display: flex;
    gap: 1.5rem;
    position: relative;
}

.los-sp-timeline__marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 48px;
}

.los-sp-timeline__num {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #00F5C4;
    background: rgba(0, 245, 196, 0.06);
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.9rem;
    font-weight: 600;
    color: #00F5C4;
    flex-shrink: 0;
}

.los-sp-timeline__line {
    width: 2px;
    flex-grow: 1;
    min-height: 2rem;
    background: linear-gradient(to bottom, #00F5C4, rgba(0, 245, 196, 0.1));
}

.los-sp-timeline__content {
    padding-bottom: 2.5rem;
    flex: 1;
}

.los-sp-timeline__week {
    display: inline-block;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.7rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #00F5C4;
    margin-bottom: 0.5rem;
}

.los-sp-timeline__name {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.25rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0 0 0.75rem;
}

.los-sp-timeline__desc {
    font-size: 0.95rem;
    color: #8888A0;
    line-height: 1.7;
    margin: 0 0 1rem;
    max-width: 600px;
}

.los-sp-timeline__deliverable {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(0, 245, 196, 0.04);
    border-left: 3px solid rgba(0, 245, 196, 0.3);
    border-radius: 0 8px 8px 0;
}

.los-sp-timeline__delv-label {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #00F5C4;
    flex-shrink: 0;
}

.los-sp-timeline__delv-value {
    font-size: 0.85rem;
    color: #F0F0F5;
}

/* ── Expected Outcomes ────────────────────────────────────── */
.los-sp-outcomes {
    padding: 4rem 2rem;
    border-top: 1px solid rgba(136, 136, 160, 0.08);
}

.los-sp-outcomes__inner {
    max-width: 1200px;
    margin: 0 auto;
}

.los-sp-outcomes__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
}

.los-sp-outcomes__card {
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.los-sp-outcomes__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 245, 196, 0.08);
    border-radius: 10px;
}

.los-sp-outcomes__label {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0;
}

.los-sp-outcomes__time {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    color: #8888A0;
}

/* ── Contraindications ────────────────────────────────────── */
.los-sp-contras {
    padding: 3rem 2rem;
}

.los-sp-contras__inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
    background: rgba(255, 77, 109, 0.04);
    border: 1px solid rgba(255, 77, 109, 0.15);
    border-radius: 12px;
}

.los-sp-contras__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1rem;
    font-weight: 600;
    color: #FF4D6D;
    margin: 0 0 0.75rem;
}

.los-sp-contras__text {
    font-size: 0.9rem;
    color: #8888A0;
    line-height: 1.7;
    margin: 0;
}

/* ── Editor Content ───────────────────────────────────────── */
.los-sp-content {
    padding: 3rem 2rem;
    border-top: 1px solid rgba(136, 136, 160, 0.08);
}

.los-sp-content__inner {
    max-width: 760px;
    margin: 0 auto;
    color: #c0c0d0;
    font-size: 1rem;
    line-height: 1.8;
}

.los-sp-content__inner h2,
.los-sp-content__inner h3,
.los-sp-content__inner h4 {
    font-family: var(--wp--preset--font-family--display);
    color: #F0F0F5;
    margin-top: 2rem;
}

.los-sp-content__inner p {
    margin-bottom: 1.25rem;
}

/* ── CTA Section ──────────────────────────────────────────── */
.los-sp-cta {
    padding: 5rem 2rem;
    text-align: center;
    border-top: 1px solid rgba(136, 136, 160, 0.08);
}

.los-sp-cta__inner {
    max-width: 600px;
    margin: 0 auto;
}

.los-sp-cta__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: #F0F0F5;
    margin: 0 0 1rem;
}

.los-sp-cta__sub {
    font-size: 1rem;
    color: #8888A0;
    margin: 0 0 2rem;
    line-height: 1.6;
}

/* ── Related Protocols ────────────────────────────────────── */
.los-sp-related {
    padding: 4rem 2rem;
    border-top: 1px solid rgba(136, 136, 160, 0.08);
}

.los-sp-related__inner {
    max-width: 1200px;
    margin: 0 auto;
}

.los-sp-related__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

/* ── Medical Disclaimer ───────────────────────────────────── */
.los-sp-disclaimer {
    padding: 2.5rem 2rem;
    border-top: 1px solid rgba(136, 136, 160, 0.08);
}

.los-sp-disclaimer__inner {
    max-width: 900px;
    margin: 0 auto;
}

.los-sp-disclaimer__inner p {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    color: #555570;
    line-height: 1.8;
    letter-spacing: 0.02em;
    margin: 0;
}

/* ── Single Protocol Responsive ───────────────────────────── */
@media (max-width: 768px) {
    .los-sp-hero {
        padding: 4rem 1.25rem 3rem;
    }

    .los-sp-hero__meta {
        gap: 1.25rem;
    }

    .los-sp-hero__meta-item {
        min-width: calc(50% - 1rem);
    }

    .los-sp-phases,
    .los-sp-outcomes,
    .los-sp-contras,
    .los-sp-content,
    .los-sp-cta,
    .los-sp-related,
    .los-sp-disclaimer {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .los-sp-timeline__phase {
        gap: 1rem;
    }

    .los-sp-timeline__marker {
        width: 36px;
    }

    .los-sp-timeline__num {
        width: 36px;
        height: 36px;
        font-size: 0.75rem;
    }

    .los-sp-outcomes__grid {
        grid-template-columns: 1fr;
    }

    .los-sp-related__grid {
        grid-template-columns: 1fr;
    }
}

/* ─── COMPARISON TABLE ───────────────────────────────────── */

.los-compare-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.los-compare-table {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--wp--preset--font-family--body);
    font-size: 0.9rem;
}

.los-compare-table thead th {
    padding: 1rem 1.25rem;
    text-align: center;
    font-family: var(--wp--preset--font-family--display);
    font-weight: 600;
    font-size: 1rem;
    color: #F0F0F5;
    border-bottom: 2px solid rgba(136, 136, 160, 0.15);
}

.los-compare-table thead th.los-compare-feature {
    text-align: left;
    color: #8888A0;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.7rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.los-compare-table thead th.los-compare-tier--featured {
    color: #00F5C4;
    position: relative;
}

.los-compare-table thead th.los-compare-tier--featured::after {
    content: 'Most Popular';
    display: block;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.55rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #00F5C4;
    opacity: 0.7;
    margin-top: 0.25rem;
}

.los-compare-table tbody td {
    padding: 0.875rem 1.25rem;
    text-align: center;
    color: #c0c0d0;
    border-bottom: 1px solid rgba(136, 136, 160, 0.06);
}

.los-compare-table tbody td:first-child {
    text-align: left;
    color: #F0F0F5;
    font-weight: 500;
}

.los-compare-category-row td {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #00F5C4 !important;
    padding-top: 1.75rem !important;
    border-bottom: 1px solid rgba(0, 245, 196, 0.1) !important;
    text-align: left !important;
}

.los-check {
    color: #00F5C4;
    font-weight: 600;
}

.los-x {
    color: #555570;
}

/* Highlight Optimize column */
.los-compare-table tbody tr td:nth-child(3) {
    background: rgba(0, 245, 196, 0.02);
}

.los-compare-table thead th:nth-child(3) {
    background: rgba(0, 245, 196, 0.04);
}

/* ─── FAQ ACCORDION ──────────────────────────────────────── */

.los-faq-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.los-faq-item {
    border-bottom: 1px solid rgba(136, 136, 160, 0.1);
}

.los-faq-item:first-child {
    border-top: 1px solid rgba(136, 136, 160, 0.1);
}

.los-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1.25rem 0;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    gap: 1rem;
}

.los-faq-question span {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.05rem;
    font-weight: 500;
    color: #F0F0F5;
    line-height: 1.4;
}

.los-faq-icon {
    flex-shrink: 0;
    color: #8888A0;
    transition: transform 0.3s ease, color 0.2s ease;
}

.los-faq-item.open .los-faq-icon {
    transform: rotate(180deg);
    color: #00F5C4;
}

.los-faq-question:hover span {
    color: #00F5C4;
}

.los-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.los-faq-answer p {
    padding: 0 0 1.5rem;
    margin: 0;
    font-size: 0.95rem;
    color: #8888A0;
    line-height: 1.75;
}

/* ─── Membership Page Responsive ─────────────────────────── */

@media (max-width: 768px) {
    .los-compare-table {
        font-size: 0.8rem;
    }

    .los-compare-table thead th,
    .los-compare-table tbody td {
        padding: 0.625rem 0.75rem;
    }

    .los-compare-table thead th {
        font-size: 0.85rem;
    }

    .los-faq-question span {
        font-size: 0.95rem;
    }
}

/* ─── ABOUT PAGE: TEAM GRID ──────────────────────────────── */

.los-team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 2rem;
}

.los-team-card {
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 16px;
    overflow: hidden;
    transition: border-color 0.3s ease;
}

.los-team-card:hover {
    border-color: rgba(0, 245, 196, 0.2);
}

/* Photo / Avatar */
.los-team-card__photo {
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #0d0d14;
    display: flex;
    align-items: center;
    justify-content: center;
}

.los-team-card__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.los-team-card__avatar {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(136, 136, 160, 0.08);
    border-radius: 50%;
}

/* Info section */
.los-team-card__info {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.los-team-card__name {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.35rem;
    font-weight: 700;
    color: #F0F0F5;
    margin: 0;
    line-height: 1.2;
}

.los-team-card__credentials {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    color: #00F5C4;
}

/* Specialization badges */
.los-team-card__specs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.los-team-card__spec-badge {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 100px;
    background: rgba(123, 97, 255, 0.1);
    color: #9b85ff;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Bio */
.los-team-card__bio {
    font-size: 0.9rem;
    color: #8888A0;
    line-height: 1.7;
}

.los-team-card__bio p {
    margin: 0;
}

/* ─── LIGHT MODE: Practitioner booking links ─────────────── */

:root[data-theme="light"] .los-team-card__book {
    border-color: var(--los-accent) !important;
    color: var(--los-accent) !important;
}

:root[data-theme="light"] .los-team-card__book:hover {
    background: var(--los-accent-bg) !important;
}

/* Status badges */
.los-team-card__status {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-top: 0.5rem;
}

.los-team-card__status-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.3rem 0.7rem;
    border-radius: 100px;
}

.los-team-card__status-badge--accepting {
    background: rgba(0, 245, 196, 0.08);
    color: #00F5C4;
}

.los-team-card__status-badge--waitlist {
    background: rgba(255, 170, 50, 0.08);
    color: #FFAA32;
}

.los-team-card__status-badge--telehealth {
    background: rgba(0, 200, 255, 0.08);
    color: #00F5C4;
}

/* Section labels */
.los-team-card__section-label {
    display: block;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #8888A0;
    margin-bottom: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(136, 136, 160, 0.08);
}

/* Certifications */
.los-team-card__certs {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.los-team-card__cert {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.los-team-card__cert-name {
    font-size: 0.85rem;
    color: #F0F0F5;
    font-weight: 500;
}

.los-team-card__cert-meta {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    color: #8888A0;
    letter-spacing: 0.05em;
}

/* Publications */
.los-team-card__pubs {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.los-team-card__pub {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.los-team-card__pub-title {
    font-size: 0.85rem;
    color: #F0F0F5;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

a.los-team-card__pub-title:hover {
    color: #00F5C4;
}

.los-team-card__pub-journal {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    color: #8888A0;
    font-style: italic;
    letter-spacing: 0.03em;
}

/* Booking CTA */
.los-team-card__book {
    margin-top: 0.5rem;
    text-align: center;
    font-size: 0.8rem;
}

/* ─── ABOUT PAGE: PARTNERS GRID ──────────────────────────── */

.los-partners-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}

.los-partner-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.08);
    border-radius: 12px;
    transition: border-color 0.2s ease;
}

.los-partner-item:hover {
    border-color: rgba(0, 245, 196, 0.15);
}

.los-partner-abbr {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #00F5C4;
    background: rgba(0, 245, 196, 0.06);
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    flex-shrink: 0;
    min-width: 60px;
    text-align: center;
}

.los-partner-name {
    font-size: 0.85rem;
    color: #c0c0d0;
    line-height: 1.4;
}

/* ─── ABOUT PAGE RESPONSIVE ──────────────────────────────── */

@media (max-width: 768px) {
    .los-team-grid {
        grid-template-columns: 1fr;
    }

    .los-team-card__photo {
        height: 180px;
    }

    .los-partners-grid {
        grid-template-columns: 1fr;
    }
}

/* ─── CONTACT: INTAKE TIMELINE ────────────────────────────── */

.los-intake-timeline {
    display: flex;
    flex-direction: column;
}

.los-intake-step {
    display: flex;
    gap: 1.5rem;
}

.los-intake-step__marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 48px;
}

.los-intake-step__num {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #00F5C4;
    background: rgba(0, 245, 196, 0.06);
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.9rem;
    font-weight: 600;
    color: #00F5C4;
    flex-shrink: 0;
}

.los-intake-step__line {
    width: 2px;
    flex-grow: 1;
    min-height: 2rem;
    background: linear-gradient(to bottom, #00F5C4, rgba(0, 245, 196, 0.1));
}

.los-intake-step__content {
    padding-bottom: 2.5rem;
    flex: 1;
}

.los-intake-step__label {
    display: inline-block;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #00F5C4;
    margin-bottom: 0.4rem;
}

.los-intake-step__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.2rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0 0 0.6rem;
}

.los-intake-step__desc {
    font-size: 0.9rem;
    color: #8888A0;
    line-height: 1.7;
    margin: 0 0 0.75rem;
    max-width: 580px;
}

.los-intake-step__time {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    color: #555570;
    text-transform: uppercase;
}

/* ─── CONTACT: VISIT OPTIONS ─────────────────────────────── */

.los-visit-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2rem;
}

.los-visit-card {
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 16px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: border-color 0.3s ease;
}

.los-visit-card:hover {
    border-color: rgba(0, 245, 196, 0.2);
}

.los-visit-card__icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 245, 196, 0.06);
    border-radius: 14px;
}

.los-visit-card:last-child .los-visit-card__icon {
    background: rgba(0, 200, 255, 0.06);
}

.los-visit-card__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.35rem;
    font-weight: 700;
    color: #F0F0F5;
    margin: 0;
}

.los-visit-card__desc {
    font-size: 0.9rem;
    color: #8888A0;
    line-height: 1.6;
    margin: 0;
}

.los-visit-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-grow: 1;
}

.los-visit-card__list li {
    font-size: 0.85rem;
    color: #c0c0d0;
    padding-left: 1.25rem;
    position: relative;
}

.los-visit-card__list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #00F5C4;
    font-weight: 600;
    font-size: 0.75rem;
}

.los-visit-card:last-child .los-visit-card__list li::before {
    color: #00F5C4;
}

/* ─── LIGHT MODE: Contact page link visibility ───────────── */

:root[data-theme="light"] .los-location-value a {
    color: var(--los-text-primary) !important;
}

:root[data-theme="light"] .los-location-value a:hover {
    color: var(--los-accent) !important;
}

/* ─── CONTACT: FORM WRAPPER ──────────────────────────────── */

.los-form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.los-form-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.25rem;
    background: rgba(0, 245, 196, 0.04);
    border: 1px solid rgba(0, 245, 196, 0.12);
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #00F5C4;
}

.los-form-embed {
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.12);
    border-top: none;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.los-form-embed iframe {
    width: 100%;
    min-height: 400px;
    border: none;
}

.los-form-placeholder {
    text-align: center;
    padding: 3rem 2rem;
}

.los-form-placeholder svg {
    opacity: 0.4;
    margin-bottom: 1rem;
}

.los-form-placeholder__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.1rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0 0 0.5rem;
}

.los-form-placeholder__sub {
    font-size: 0.85rem;
    color: #8888A0;
    margin: 0;
    max-width: 400px;
    line-height: 1.6;
}

.los-form-footer {
    padding: 0.875rem 1.25rem;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.12);
    border-top: 1px solid rgba(136, 136, 160, 0.06);
    border-radius: 0 0 12px 12px;
    text-align: center;
}

.los-form-footer p {
    font-size: 0.7rem;
    color: #555570;
    margin: 0;
}

.los-form-footer a {
    color: #8888A0;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.los-form-footer a:hover {
    color: #00F5C4;
}

/* ─── CONTACT: LOCATION GRID ────────────────────────────── */

.los-location-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.los-location-info {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.los-location-block {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.los-location-label {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #00F5C4;
}

.los-location-value {
    font-size: 0.95rem;
    color: #c0c0d0;
    line-height: 1.6;
    margin: 0;
}

.los-location-value a {
    color: #F0F0F5;
    text-decoration: none;
    transition: color 0.2s ease;
}

.los-location-value a:hover {
    color: #00F5C4;
}

.los-location-map {
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 12px;
    overflow: hidden;
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.los-location-map iframe {
    width: 100%;
    height: 100%;
    min-height: 280px;
    border: none;
}

.los-map-placeholder {
    text-align: center;
    padding: 2rem;
}

.los-map-placeholder svg {
    opacity: 0.3;
    margin-bottom: 0.75rem;
}

.los-map-placeholder p {
    font-size: 0.85rem;
    color: #8888A0;
    margin: 0 0 0.25rem;
}

.los-map-placeholder__sub {
    font-size: 0.7rem;
    color: #555570;
}

/* ─── CONTACT RESPONSIVE ─────────────────────────────────── */

@media (max-width: 768px) {
    .los-intake-step {
        gap: 1rem;
    }

    .los-intake-step__marker {
        width: 36px;
    }

    .los-intake-step__num {
        width: 36px;
        height: 36px;
        font-size: 0.75rem;
    }

    .los-visit-options {
        grid-template-columns: 1fr;
    }

    .los-location-grid {
        grid-template-columns: 1fr;
    }

    .los-location-map {
        min-height: 220px;
    }
}

/* ─── 404 PAGE ───────────────────────────────────────────── */

.los-404 {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

/* Lab readout terminal */
.los-404__readout {
    width: 100%;
    max-width: 420px;
    background: #0d0d14;
    border: 1px solid rgba(136, 136, 160, 0.12);
    border-radius: 12px;
    overflow: hidden;
    font-family: var(--wp--preset--font-family--mono);
}

.los-404__readout-header {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.75rem 1rem;
    background: rgba(136, 136, 160, 0.04);
    border-bottom: 1px solid rgba(136, 136, 160, 0.08);
}

.los-404__readout-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.los-404__readout-dot--red {
    background: #FF4D6D;
}

.los-404__readout-dot--yellow {
    background: #FFAA32;
}

.los-404__readout-dot--green {
    background: #39FF14;
}

.los-404__readout-title {
    margin-left: auto;
    font-size: 0.55rem;
    letter-spacing: 0.2em;
    color: #555570;
}

.los-404__readout-body {
    padding: 1.25rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.los-404__readout-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.los-404__readout-label {
    font-size: 0.6rem;
    letter-spacing: 0.15em;
    color: #555570;
}

.los-404__readout-value {
    font-size: 0.75rem;
    font-weight: 600;
    color: #8888A0;
    letter-spacing: 0.1em;
}

.los-404__readout-value--alert {
    color: #FF4D6D;
}

.los-404__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    color: #F0F0F5;
    margin: 0;
}

.los-404__sub {
    font-size: 1rem;
    color: #8888A0;
    max-width: 440px;
    line-height: 1.7;
    margin: 0;
}

.los-404__actions {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.los-404__nav {
    padding-top: 1.5rem;
    border-top: 1px solid rgba(136, 136, 160, 0.08);
    width: 100%;
    max-width: 420px;
}

.los-404__nav-label {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #555570;
    margin: 0 0 0.75rem;
}

.los-404__nav-links {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

.los-404__nav-links a {
    font-size: 0.85rem;
    color: #8888A0;
    text-decoration: none;
    transition: color 0.2s ease;
}

.los-404__nav-links a:hover {
    color: #00F5C4;
}

@media (max-width: 480px) {
    .los-404__actions {
        flex-direction: column;
        width: 100%;
    }

    .los-404__actions .los-btn {
        width: 100%;
        text-align: center;
    }

    .los-404__nav-links {
        flex-direction: column;
        gap: 0.75rem;
    }
}

/* ─── BLOG / RESEARCH HUB ────────────────────────────────── */

/* Featured post */
.los-blog-featured {
    margin-bottom: 3rem;
}

.los-blog-featured__link {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    text-decoration: none;
    color: inherit;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 16px;
    overflow: hidden;
    transition: border-color 0.3s ease;
}

.los-blog-featured__link:hover {
    border-color: rgba(0, 245, 196, 0.25);
}

.los-blog-featured__image {
    min-height: 320px;
    overflow: hidden;
    background: #0d0d14;
    display: flex;
    align-items: center;
    justify-content: center;
}

.los-blog-featured__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.los-blog-featured__link:hover .los-blog-featured__image img {
    transform: scale(1.03);
}

.los-blog-featured__placeholder {
    padding: 2rem;
    opacity: 0.3;
}

.los-blog-featured__content {
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}

.los-blog-featured__meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.los-blog-featured__cat {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #00F5C4;
    background: rgba(0, 245, 196, 0.08);
    padding: 0.2rem 0.6rem;
    border-radius: 100px;
}

.los-blog-featured__date,
.los-blog-featured__read {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.08em;
    color: #555570;
}

.los-blog-featured__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    font-weight: 700;
    color: #F0F0F5;
    margin: 0;
    line-height: 1.3;
}

.los-blog-featured__excerpt {
    font-size: 0.95rem;
    color: #8888A0;
    line-height: 1.7;
    margin: 0;
}

.los-blog-featured__cta {
    font-family: var(--wp--preset--font-family--body);
    font-size: 0.85rem;
    font-weight: 600;
    color: #00F5C4;
    transition: transform 0.2s ease;
    display: inline-block;
}

.los-blog-featured__link:hover .los-blog-featured__cta {
    transform: translateX(4px);
}

/* Category tabs */
.los-blog-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    margin-bottom: 2.5rem;
}

.los-blog-tab {
    background: transparent;
    border: 1px solid rgba(136, 136, 160, 0.2);
    border-radius: 100px;
    padding: 0.5rem 1.25rem;
    color: #8888A0;
    font-family: var(--wp--preset--font-family--body);
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.los-blog-tab:hover {
    border-color: rgba(0, 245, 196, 0.4);
    color: #F0F0F5;
}

.los-blog-tab.active {
    background: rgba(0, 245, 196, 0.1);
    border-color: #00F5C4;
    color: #00F5C4;
}

/* Article grid */
.los-blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-bottom: 4rem;
}

/* Article card */
.los-blog-card {
    display: flex;
    flex-direction: column;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.3s ease, transform 0.3s ease;
}

.los-blog-card:hover {
    border-color: rgba(0, 245, 196, 0.2);
    transform: translateY(-2px);
}

.los-blog-card__image {
    height: 180px;
    overflow: hidden;
    background: #0d0d14;
    display: flex;
    align-items: center;
    justify-content: center;
}

.los-blog-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.los-blog-card:hover .los-blog-card__image img {
    transform: scale(1.05);
}

.los-blog-card__placeholder {
    opacity: 0.3;
}

.los-blog-card__content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-grow: 1;
}

.los-blog-card__meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.los-blog-card__cat {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.55rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #00F5C4;
    background: rgba(0, 245, 196, 0.08);
    padding: 0.15rem 0.5rem;
    border-radius: 100px;
}

.los-blog-card__read {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.08em;
    color: #555570;
}

.los-blog-card__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.1rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0;
    line-height: 1.35;
}

.los-blog-card__excerpt {
    font-size: 0.85rem;
    color: #8888A0;
    line-height: 1.6;
    margin: 0;
    flex-grow: 1;
}

.los-blog-card__date {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.08em;
    color: #555570;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(136, 136, 160, 0.06);
    margin-top: auto;
}

/* Empty state */
.los-blog-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 3rem 1rem;
}

.los-blog-empty p {
    font-size: 0.95rem;
    color: #8888A0;
    margin: 0;
}

/* Newsletter opt-in */
.los-blog-newsletter {
    border-top: 1px solid rgba(136, 136, 160, 0.08);
    padding-top: 4rem;
}

.los-blog-newsletter__inner {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.los-blog-newsletter__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.5rem;
    font-weight: 700;
    color: #F0F0F5;
    margin: 0 0 0.75rem;
}

.los-blog-newsletter__sub {
    font-size: 0.9rem;
    color: #8888A0;
    line-height: 1.7;
    margin: 0 0 2rem;
}

.los-blog-newsletter__placeholder {
    padding: 2rem;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 12px;
}

.los-blog-newsletter__placeholder p {
    font-size: 0.8rem;
    color: #555570;
    margin: 0;
    font-style: italic;
}

/* ─── Blog Responsive ────────────────────────────────────── */

@media (max-width: 768px) {
    .los-blog-featured__link {
        grid-template-columns: 1fr;
    }

    .los-blog-featured__image {
        min-height: 200px;
    }

    .los-blog-featured__content {
        padding: 1.5rem;
    }

    .los-blog-grid {
        grid-template-columns: 1fr;
    }

    .los-blog-tabs {
        gap: 0.375rem;
    }

    .los-blog-tab {
        font-size: 0.7rem;
        padding: 0.4rem 0.9rem;
    }
}

/* ─── BIOMARKER SNAPSHOT CARD ─────────────────────────────── */

.los-biomarker-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

.los-biomarker-card {
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: border-color 0.3s ease;
}

.los-biomarker-card:hover {
    border-color: rgba(0, 245, 196, 0.2);
}

.los-biomarker-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.los-biomarker-card__category {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #8888A0;
}

.los-biomarker-card__status {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.2rem 0.6rem;
    border-radius: 100px;
    font-weight: 600;
}

.los-biomarker-card__status--optimal {
    background: rgba(57, 255, 20, 0.1);
    color: #39FF14;
}

.los-biomarker-card__status--suboptimal {
    background: rgba(255, 170, 50, 0.1);
    color: #FFAA32;
}

.los-biomarker-card__status--critical {
    background: rgba(255, 77, 109, 0.1);
    color: #FF4D6D;
}

.los-biomarker-card__name {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.15rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0;
}

/* Range bar */
.los-biomarker-card__range {
    padding: 0.5rem 0;
}

.los-biomarker-card__range-bar {
    position: relative;
    height: 6px;
    background: rgba(136, 136, 160, 0.1);
    border-radius: 3px;
    margin-bottom: 0.4rem;
    overflow: visible;
}

.los-biomarker-card__range-fill {
    position: absolute;
    top: 0;
    height: 100%;
    background: rgba(0, 245, 196, 0.25);
    border-radius: 3px;
}

.los-biomarker-card__range-marker {
    position: absolute;
    top: -3px;
    width: 12px;
    height: 12px;
    background: #00F5C4;
    border-radius: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 8px rgba(0, 245, 196, 0.4);
}

.los-biomarker-card__range-labels {
    display: flex;
    justify-content: space-between;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.55rem;
    color: #555570;
    letter-spacing: 0.05em;
}

.los-biomarker-card__significance {
    font-size: 0.85rem;
    color: #8888A0;
    line-height: 1.6;
    margin: 0;
}

.los-biomarker-card__link {
    font-size: 0.8rem;
    font-weight: 600;
    color: #00F5C4;
    text-decoration: none;
    transition: transform 0.2s ease;
    display: inline-block;
}

.los-biomarker-card__link:hover {
    transform: translateX(4px);
}

/* ─── TESTIMONIAL WITH LAB DATA ──────────────────────────── */

.los-testimonial-lab {
    padding: 2rem 0;
}

.los-testimonial-lab__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 16px;
    overflow: hidden;
}

.los-testimonial-lab__quote-section {
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
}

.los-testimonial-lab__quote {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.1rem;
    font-weight: 400;
    font-style: italic;
    color: #c0c0d0;
    line-height: 1.7;
    margin: 0;
    border-left: 3px solid rgba(0, 245, 196, 0.3);
    padding-left: 1.25rem;
}

.los-testimonial-lab__attribution {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.los-testimonial-lab__avatar {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(136, 136, 160, 0.08);
    border-radius: 50%;
    flex-shrink: 0;
}

.los-testimonial-lab__name {
    display: block;
    font-family: var(--wp--preset--font-family--display);
    font-size: 0.9rem;
    font-weight: 600;
    color: #F0F0F5;
}

.los-testimonial-lab__protocol {
    display: block;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.08em;
    color: #8888A0;
}

.los-testimonial-lab__data-section {
    padding: 2.5rem;
    background: rgba(0, 245, 196, 0.02);
    border-left: 1px solid rgba(136, 136, 160, 0.06);
}

.los-testimonial-lab__data-label {
    display: block;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #00F5C4;
    margin-bottom: 1.25rem;
}

.los-testimonial-lab__markers {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.los-testimonial-lab__marker {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(136, 136, 160, 0.06);
}

.los-testimonial-lab__marker:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.los-testimonial-lab__marker-name {
    font-size: 0.85rem;
    font-weight: 500;
    color: #F0F0F5;
    min-width: 120px;
    flex-shrink: 0;
}

.los-testimonial-lab__marker-values {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-grow: 1;
}

.los-testimonial-lab__marker-before {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.75rem;
    color: #FF4D6D;
    opacity: 0.8;
}

.los-testimonial-lab__marker-arrow {
    color: #555570;
    font-size: 0.7rem;
}

.los-testimonial-lab__marker-after {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.75rem;
    color: #39FF14;
    font-weight: 600;
}

.los-testimonial-lab__marker-change {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-left: auto;
    flex-shrink: 0;
}

.los-testimonial-lab__marker-change--up {
    color: #39FF14;
}

.los-testimonial-lab__marker-change--down {
    color: #00F5C4;
}

.los-testimonial-lab__disclaimer {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.55rem;
    color: #555570;
    margin-top: 1.5rem;
    line-height: 1.6;
}

/* ─── SCIENCE BENCH SLIDER ───────────────────────────────── */

.los-science-bench {
    padding: 2rem 0;
    overflow: hidden;
}

.los-science-bench__track {
    overflow: hidden;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.los-science-bench__scroll {
    display: flex;
    gap: 2rem;
    animation: los-bench-scroll 30s linear infinite;
    width: max-content;
}

@keyframes los-bench-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.los-science-bench__item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1.25rem;
    background: rgba(136, 136, 160, 0.04);
    border: 1px solid rgba(136, 136, 160, 0.08);
    border-radius: 10px;
    flex-shrink: 0;
    white-space: nowrap;
    transition: border-color 0.2s ease;
}

.los-science-bench__item:hover {
    border-color: rgba(0, 245, 196, 0.15);
}

.los-science-bench__abbr {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #00F5C4;
}

.los-science-bench__name {
    font-size: 0.8rem;
    color: #8888A0;
}

/* ─── RESEARCH CITATION BLOCK ────────────────────────────── */

.los-citations {
    padding: 2rem 0;
}

.los-citations__list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.los-citation {
    display: flex;
    gap: 1rem;
    padding: 1.25rem 0;
    border-bottom: 1px solid rgba(136, 136, 160, 0.06);
}

.los-citation:first-child {
    padding-top: 0;
}

.los-citation:last-child {
    border-bottom: none;
}

.los-citation__icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 245, 196, 0.06);
    border-radius: 8px;
}

.los-citation__content {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.los-citation__title {
    font-size: 0.9rem;
    font-weight: 500;
    color: #F0F0F5;
    text-decoration: none;
    line-height: 1.4;
    transition: color 0.2s ease;
}

.los-citation__title:hover {
    color: #00F5C4;
}

.los-citation__meta {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.05em;
    color: #8888A0;
}

/* ─── BEFORE/AFTER BIOMARKER COMPARISON ──────────────────── */

.los-ba-comparison {
    padding: 2rem 0;
    text-align: center;
}

.los-ba-comparison__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: #F0F0F5;
    margin: 0 0 0.5rem;
}

.los-ba-comparison__sub {
    font-size: 0.95rem;
    color: #8888A0;
    margin: 0 0 2.5rem;
}

.los-ba-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.los-ba-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.los-ba-table thead th {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #8888A0;
    padding: 0.875rem 1rem;
    border-bottom: 2px solid rgba(136, 136, 160, 0.12);
}

.los-ba-table tbody td {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid rgba(136, 136, 160, 0.06);
    font-size: 0.9rem;
}

.los-ba-table__marker {
    font-weight: 500;
    color: #F0F0F5;
}

.los-ba-table__before {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.8rem;
    color: #FF4D6D;
    opacity: 0.8;
}

.los-ba-table__after {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.8rem;
    color: #39FF14;
    font-weight: 600;
}

.los-ba-table__change {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.75rem;
    font-weight: 700;
}

.los-ba-table__change--up {
    color: #39FF14;
}

.los-ba-table__change--down {
    color: #00F5C4;
}

.los-ba-pill {
    display: inline-block;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.55rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 100px;
}

.los-ba-pill--optimal {
    background: rgba(57, 255, 20, 0.1);
    color: #39FF14;
}

.los-ba-pill--improved {
    background: rgba(0, 245, 196, 0.1);
    color: #00F5C4;
}

.los-ba-pill--suboptimal {
    background: rgba(255, 170, 50, 0.1);
    color: #FFAA32;
}

.los-ba-comparison__disclaimer {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    color: #555570;
    margin-top: 1.5rem;
    line-height: 1.6;
    text-align: center;
}

/* ─── PATTERN RESPONSIVE ─────────────────────────────────── */

@media (max-width: 768px) {
    .los-biomarker-grid {
        grid-template-columns: 1fr;
    }

    .los-testimonial-lab__inner {
        grid-template-columns: 1fr;
    }

    .los-testimonial-lab__data-section {
        border-left: none;
        border-top: 1px solid rgba(136, 136, 160, 0.06);
    }

    .los-testimonial-lab__marker {
        flex-wrap: wrap;
    }

    .los-testimonial-lab__marker-name {
        min-width: 100%;
        margin-bottom: 0.25rem;
    }

    .los-ba-table {
        font-size: 0.8rem;
    }

    .los-ba-table thead th,
    .los-ba-table tbody td {
        padding: 0.625rem 0.5rem;
    }
}

/* ─── FOOTER LINKS ───────────────────────────────────────── */

footer .wp-block-list {
    list-style: none;
    padding: 0;
}

footer .wp-block-list a:hover {
    color: #00F5C4 !important;
}

/* ─── TELEHEALTH: HOW IT WORKS STEPS ─────────────────────── */

.los-telehealth-steps {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
}

.los-telehealth-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 280px;
    padding: 0 1.5rem;
    position: relative;
}

.los-telehealth-step__num {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    font-weight: 700;
    color: #00F5C4;
    letter-spacing: 0.1em;
    margin-bottom: 0.75rem;
}

.los-telehealth-step__icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 200, 255, 0.06);
    border: 1px solid rgba(0, 200, 255, 0.15);
    border-radius: 16px;
    margin-bottom: 1.25rem;
}

.los-telehealth-step__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.15rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0 0 0.6rem;
}

.los-telehealth-step__desc {
    font-size: 0.85rem;
    color: #8888A0;
    line-height: 1.6;
    margin: 0;
}

.los-telehealth-step__connector {
    display: flex;
    align-items: center;
    padding-top: 3rem;
    flex-shrink: 0;
}

/* Platform info */
.los-telehealth-platform {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    background: rgba(0, 200, 255, 0.03);
    border: 1px solid rgba(0, 200, 255, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
}

.los-telehealth-platform__icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 200, 255, 0.08);
    border-radius: 10px;
    flex-shrink: 0;
}

.los-telehealth-platform__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0 0 0.4rem;
}

.los-telehealth-platform__desc {
    font-size: 0.9rem;
    color: #8888A0;
    line-height: 1.6;
    margin: 0;
}

/* States grid */
.los-states-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.los-state-tag {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 8px;
    font-family: var(--wp--preset--font-family--body);
    font-size: 0.85rem;
    color: #c0c0d0;
    transition: border-color 0.2s ease;
}

.los-state-tag:hover {
    border-color: rgba(0, 200, 255, 0.25);
}

.los-states-note {
    text-align: center;
    font-size: 0.8rem;
    color: #555570;
    margin-top: 0;
}

.los-states-note a {
    color: #00F5C4;
    text-decoration: none;
}

.los-states-note a:hover {
    text-decoration: underline;
}

/* Pricing link section */
.los-telehealth-pricing {
    text-align: center;
    padding: 2.5rem;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 16px;
}

.los-telehealth-pricing__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.5rem;
    font-weight: 700;
    color: #F0F0F5;
    margin: 0 0 0.75rem;
}

.los-telehealth-pricing__desc {
    font-size: 0.95rem;
    color: #8888A0;
    line-height: 1.6;
    margin: 0 0 1.5rem;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}

/* ─── IMPACT CASE PAGE ───────────────────────────────────── */

.los-impact-hero {
    padding: 6rem 2rem 3rem;
}

.los-impact-hero__inner {
    max-width: 900px;
    margin: 0 auto;
}

.los-impact-hero__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    font-weight: 700;
    color: #F0F0F5;
    margin: 0 0 2rem;
    line-height: 1.2;
}

.los-impact-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid rgba(136, 136, 160, 0.1);
    border-bottom: 1px solid rgba(136, 136, 160, 0.1);
}

.los-impact-hero__meta-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.los-impact-hero__meta-value {
    font-size: 0.95rem;
    color: #c0c0d0;
    line-height: 1.5;
}

.los-impact-hero__protocol-link {
    font-family: var(--wp--preset--font-family--display);
    font-size: 0.95rem;
    font-weight: 600;
    color: #00F5C4;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.los-impact-hero__protocol-link:hover {
    opacity: 0.8;
}

/* Results section */
.los-impact-results {
    padding: 4rem 2rem;
}

.los-impact-results__inner {
    max-width: 900px;
    margin: 0 auto;
}

/* Patient statement */
.los-impact-statement {
    padding: 4rem 2rem;
    border-top: 1px solid rgba(136, 136, 160, 0.08);
}

.los-impact-statement__inner {
    max-width: 700px;
    margin: 0 auto;
}

.los-impact-statement__quote {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.25rem;
    font-style: italic;
    font-weight: 400;
    color: #c0c0d0;
    line-height: 1.8;
    margin: 0;
    border-left: 3px solid rgba(0, 245, 196, 0.3);
    padding-left: 1.5rem;
}

/* Physician commentary */
.los-impact-commentary {
    padding: 3rem 2rem;
    border-top: 1px solid rgba(136, 136, 160, 0.08);
}

.los-impact-commentary__inner {
    max-width: 700px;
    margin: 0 auto;
}

.los-impact-commentary__content {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(0, 245, 196, 0.03);
    border: 1px solid rgba(0, 245, 196, 0.1);
    border-radius: 12px;
}

.los-impact-commentary__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 245, 196, 0.08);
    border-radius: 10px;
    flex-shrink: 0;
}

.los-impact-commentary__text {
    font-size: 0.95rem;
    color: #c0c0d0;
    line-height: 1.7;
    margin: 0;
}

/* Protocol reference */
.los-impact-protocol-ref {
    padding: 4rem 2rem;
    border-top: 1px solid rgba(136, 136, 160, 0.08);
}

.los-impact-protocol-ref__inner {
    max-width: 900px;
    margin: 0 auto;
}

/* ─── TELEHEALTH & IMPACT RESPONSIVE ─────────────────────── */

@media (max-width: 768px) {
    .los-telehealth-steps {
        flex-direction: column;
        align-items: center;
    }

    .los-telehealth-step {
        max-width: 100%;
    }

    .los-telehealth-step__connector {
        padding-top: 0;
        padding-bottom: 0;
        transform: rotate(90deg);
    }

    .los-impact-hero__meta {
        flex-direction: column;
        gap: 1.25rem;
    }

    .los-impact-commentary__content {
        flex-direction: column;
    }
}

/* ─── WIDE SCREEN FIXES ──────────────────────────────────── */

/* Constrain all major sections on wide screens */
.los-hero__inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* ─── LIGHT MODE: Philosophy strip background ───────────── */

:root[data-theme="light"] .los-philosophy-strip,
:root[data-theme="light"] .los-philosophy-grid,
:root[data-theme="light"] .los-philosophy-card {
    background: var(--los-base) !important;
    border-color: var(--los-border) !important;
}

:root[data-theme="light"] .los-philosophy-card {
    background: var(--los-surface) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

/* Center the stat bar content */
.los-stat-bar {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Protocol grid section */
.los-protocol-section {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Philosophy strip */
.los-philosophy-grid {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Membership wrapper */
.los-membership-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Ensure wp-block-group constrained layouts center properly */
.wp-block-group.has-background {
    padding-left: max(2rem, calc((100% - 1200px) / 2));
    padding-right: max(2rem, calc((100% - 1200px) / 2));
}

/* Hero content should center on wide screens */
.los-hero {
    display: flex;
    justify-content: center;
}

/* Fix any full-width sections that need inner centering */
.los-sp-hero__inner,
.los-sp-phases__inner,
.los-sp-outcomes__inner,
.los-sp-cta__inner,
.los-sp-related__inner,
.los-sp-disclaimer__inner,
.los-sp-content__inner {
    margin-left: auto;
    margin-right: auto;
}

/* Archive grid centering */
.los-archive-protocols .los-archive-grid {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Ensure body-level full-width backgrounds still work */
@media (min-width: 1400px) {
    .los-hero {
        padding-left: calc((100vw - 1200px) / 2);
        padding-right: calc((100vw - 1200px) / 2);
    }
}

/* ─── THEME TOGGLE BUTTON ────────────────────────────────── */

.los-theme-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid rgba(136, 136, 160, 0.2);
    background: transparent;
    color: #8888A0;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
    flex-shrink: 0;
}

.los-theme-toggle:hover {
    border-color: #00F5C4;
    color: #00F5C4;
    background: rgba(0, 245, 196, 0.06);
}

.los-theme-toggle--spin {
    animation: los-toggle-spin 0.4s ease;
}

@keyframes los-toggle-spin {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(0.8);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

/* ─── LIGHT MODE OVERRIDES ───────────────────────────────── */

:root[data-theme="light"] {

    /* ── Core surfaces ─────────────────────────────────────── */
    --los-base: #F8F8FB;
    --los-surface: #FFFFFF;
    --los-surface-hover: #F0F0F5;
    --los-border: rgba(0, 0, 0, 0.08);
    --los-border-hover: rgba(0, 0, 0, 0.15);

    /* ── Text ──────────────────────────────────────────────── */
    --los-text-primary: #1A1A2E;
    --los-text-secondary: #4A4A6A;
    --los-text-muted: #8888A0;
    --los-text-faint: #AAAABC;

    /* ── Accents (slightly adjusted for light backgrounds) ── */
    --los-accent: #00C9A0;
    --los-accent-bg: rgba(0, 201, 160, 0.08);
    --los-accent-border: rgba(0, 201, 160, 0.2);
}

/* ── BACKGROUNDS ─────────────────────────────────────────── */

:root[data-theme="light"] body,
:root[data-theme="light"] .wp-block-group[style*="background-color:#0A0A0F"],
:root[data-theme="light"] .wp-block-group[style*="background-color: #0A0A0F"] {
    background-color: var(--los-base) !important;
}

:root[data-theme="light"] .los-hero,
:root[data-theme="light"] .los-sp-hero,
:root[data-theme="light"] .los-impact-hero,
:root[data-theme="light"] .los-archive-protocols {
    background-color: var(--los-base);
}

:root[data-theme="light"] .los-hero::before,
:root[data-theme="light"] .los-sp-hero::before {
    background: radial-gradient(ellipse at center, rgba(0, 201, 160, 0.06) 0%, transparent 70%);
}

/* ── CARDS & SURFACES ────────────────────────────────────── */

:root[data-theme="light"] .los-acard,
:root[data-theme="light"] .los-tier-card,
:root[data-theme="light"] .los-team-card,
:root[data-theme="light"] .los-visit-card,
:root[data-theme="light"] .los-biomarker-card,
:root[data-theme="light"] .los-sp-outcomes__card,
:root[data-theme="light"] .los-partner-item,
:root[data-theme="light"] .los-blog-card,
:root[data-theme="light"] .los-telehealth-pricing,
:root[data-theme="light"] .los-blog-newsletter__placeholder,
:root[data-theme="light"] .los-form-embed,
:root[data-theme="light"] .los-form-footer,
:root[data-theme="light"] .los-location-map,
:root[data-theme="light"] .los-testimonial-lab__inner,
:root[data-theme="light"] .los-blog-featured__link {
    background: var(--los-surface) !important;
    border-color: var(--los-border) !important;
}

:root[data-theme="light"] .los-acard:hover,
:root[data-theme="light"] .los-team-card:hover,
:root[data-theme="light"] .los-visit-card:hover,
:root[data-theme="light"] .los-biomarker-card:hover,
:root[data-theme="light"] .los-partner-item:hover,
:root[data-theme="light"] .los-blog-card:hover,
:root[data-theme="light"] .los-blog-featured__link:hover {
    border-color: var(--los-accent-border) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

:root[data-theme="light"] .los-tier-card--featured {
    border-color: var(--los-accent) !important;
}

/* Philosophy cards */
:root[data-theme="light"] .los-philosophy-card {
    background: var(--los-surface);
    border-color: var(--los-border);
}

/* ── TEXT COLORS ──────────────────────────────────────────── */

:root[data-theme="light"] h1,
:root[data-theme="light"] h2,
:root[data-theme="light"] h3,
:root[data-theme="light"] h4,
:root[data-theme="light"] .wp-block-heading,
:root[data-theme="light"] .los-sp-hero__title,
:root[data-theme="light"] .los-acard__title,
:root[data-theme="light"] .los-tier-name,
:root[data-theme="light"] .los-team-card__name,
:root[data-theme="light"] .los-sp-section-title,
:root[data-theme="light"] .los-sp-timeline__name,
:root[data-theme="light"] .los-sp-outcomes__label,
:root[data-theme="light"] .los-sp-cta__title,
:root[data-theme="light"] .los-impact-hero__title,
:root[data-theme="light"] .los-visit-card__title,
:root[data-theme="light"] .los-intake-step__title,
:root[data-theme="light"] .los-telehealth-step__title,
:root[data-theme="light"] .los-telehealth-pricing__title,
:root[data-theme="light"] .los-blog-featured__title,
:root[data-theme="light"] .los-blog-card__title,
:root[data-theme="light"] .los-blog-newsletter__title,
:root[data-theme="light"] .los-biomarker-card__name,
:root[data-theme="light"] .los-ba-comparison__title,
:root[data-theme="light"] .los-404__title,
:root[data-theme="light"] .los-form-placeholder__title,
:root[data-theme="light"] .los-team-card__cert-name,
:root[data-theme="light"] .los-citation__title,
:root[data-theme="light"] .los-sp-timeline__delv-value,
:root[data-theme="light"] .los-faq-question span,
:root[data-theme="light"] .los-telehealth-platform__title,
:root[data-theme="light"] .los-ba-table__marker {
    color: var(--los-text-primary) !important;
}

:root[data-theme="light"] .wp-block-heading[style*="color:#F0F0F5"],
:root[data-theme="light"] p[style*="color:#F0F0F5"],
:root[data-theme="light"] .wp-block-site-title a {
    color: var(--los-text-primary) !important;
}

:root[data-theme="light"] p[style*="color:#8888A0"],
:root[data-theme="light"] p[style*="color:#c0c0d0"],
:root[data-theme="light"] .los-sp-hero__excerpt,
:root[data-theme="light"] .los-sp-timeline__desc,
:root[data-theme="light"] .los-sp-cta__sub,
:root[data-theme="light"] .los-sp-contras__text,
:root[data-theme="light"] .los-visit-card__desc,
:root[data-theme="light"] .los-intake-step__desc,
:root[data-theme="light"] .los-telehealth-step__desc,
:root[data-theme="light"] .los-telehealth-pricing__desc,
:root[data-theme="light"] .los-telehealth-platform__desc,
:root[data-theme="light"] .los-biomarker-card__significance,
:root[data-theme="light"] .los-ba-comparison__sub,
:root[data-theme="light"] .los-blog-featured__excerpt,
:root[data-theme="light"] .los-blog-card__excerpt,
:root[data-theme="light"] .los-blog-newsletter__sub,
:root[data-theme="light"] .los-team-card__bio,
:root[data-theme="light"] .los-team-card__bio p,
:root[data-theme="light"] .los-faq-answer p,
:root[data-theme="light"] .los-404__sub,
:root[data-theme="light"] .los-impact-commentary__text,
:root[data-theme="light"] .los-impact-hero__meta-value,
:root[data-theme="light"] .los-location-value,
:root[data-theme="light"] .los-visit-card__list li,
:root[data-theme="light"] .los-tier-features li,
:root[data-theme="light"] .los-science-bench__name,
:root[data-theme="light"] .los-partner-name,
:root[data-theme="light"] .los-impact-statement__quote {
    color: var(--los-text-secondary) !important;
}

:root[data-theme="light"] .los-sp-hero__meta-label,
:root[data-theme="light"] .los-acard__duration,
:root[data-theme="light"] .los-acard__phases,
:root[data-theme="light"] .los-sort-label,
:root[data-theme="light"] .los-team-card__cert-meta,
:root[data-theme="light"] .los-team-card__pub-journal,
:root[data-theme="light"] .los-blog-featured__date,
:root[data-theme="light"] .los-blog-featured__read,
:root[data-theme="light"] .los-blog-card__read,
:root[data-theme="light"] .los-blog-card__date,
:root[data-theme="light"] .los-intake-step__time,
:root[data-theme="light"] .los-citation__meta,
:root[data-theme="light"] .los-biomarker-card__category,
:root[data-theme="light"] .los-404__nav-label,
:root[data-theme="light"] .los-testimonial-lab__protocol,
:root[data-theme="light"] .los-testimonial-lab__marker-arrow {
    color: var(--los-text-muted) !important;
}

:root[data-theme="light"] .los-team-card__pub-title {
    color: var(--los-text-secondary);
}

:root[data-theme="light"] .los-team-card__pub-title:hover,
:root[data-theme="light"] .los-team-card__pub-title:focus-visible {
    color: var(--los-accent);
}

/* ── HEADER & FOOTER ─────────────────────────────────────── */

:root[data-theme="light"] header.wp-block-group,
:root[data-theme="light"] header .wp-block-group {
    background-color: var(--los-base) !important;
    border-bottom-color: var(--los-border) !important;
}

:root[data-theme="light"] footer.wp-block-group,
:root[data-theme="light"] footer .wp-block-group {
    background-color: var(--los-base) !important;
    border-top-color: var(--los-border) !important;
}

:root[data-theme="light"] .wp-block-navigation a {
    color: var(--los-text-secondary) !important;
}

:root[data-theme="light"] .wp-block-navigation a:hover {
    color: var(--los-accent) !important;
}

:root[data-theme="light"] footer a[style*="color:#8888A0"] {
    color: var(--los-text-secondary) !important;
}

:root[data-theme="light"] footer a:hover {
    color: var(--los-accent) !important;
}

:root[data-theme="light"] footer p[style*="color:#555570"],
:root[data-theme="light"] footer p[style*="color:#8888A0"] {
    color: var(--los-text-muted) !important;
}

/* ── NAVIGATION LINKS ────────────────────────────────────── */

:root[data-theme="light"] .los-sp-hero__back,
:root[data-theme="light"] .los-404__nav-links a {
    color: var(--los-text-muted);
}

:root[data-theme="light"] .los-sp-hero__back:hover,
:root[data-theme="light"] .los-404__nav-links a:hover {
    color: var(--los-accent);
}

/* ── ACCENT COLOR ADJUSTMENTS ────────────────────────────── */

:root[data-theme="light"] .los-sp-section-eyebrow,
:root[data-theme="light"] p[style*="color:#00F5C4"],
:root[data-theme="light"] .los-sp-hero__meta-value--price,
:root[data-theme="light"] .los-acard__price,
:root[data-theme="light"] .los-team-card__credentials,
:root[data-theme="light"] .los-location-label,
:root[data-theme="light"] .los-science-bench__abbr,
:root[data-theme="light"] .los-partner-abbr,
:root[data-theme="light"] .los-blog-featured__cta,
:root[data-theme="light"] .los-testimonial-lab__data-label,
:root[data-theme="light"] .los-intake-step__label,
:root[data-theme="light"] .los-sp-timeline__week,
:root[data-theme="light"] .los-impact-hero__protocol-link {
    color: var(--los-accent) !important;
}

/* Teal eyebrow overrides in wp:paragraph blocks */
:root[data-theme="light"] p[style*="color:#00C8FF"] {
    color: #0098B8 !important;
}

/* ── BUTTONS ─────────────────────────────────────────────── */

:root[data-theme="light"] .los-btn--primary,
:root[data-theme="light"] .wp-block-button__link[style*="background-color:#00F5C4"],
:root[data-theme="light"] .wp-block-button__link[style*="background-color:#00C8FF"] {
    background-color: var(--los-accent) !important;
    color: #FFFFFF !important;
}

:root[data-theme="light"] .los-btn--primary:hover,
:root[data-theme="light"] .wp-block-button__link[style*="background-color:#00F5C4"]:hover {
    background-color: #00A882 !important;
}

:root[data-theme="light"] .los-btn--outline {
    border-color: var(--los-accent-border);
    color: var(--los-accent);
}

:root[data-theme="light"] .los-btn--outline:hover {
    background: var(--los-accent-bg);
    border-color: var(--los-accent);
}

/* ── FILTER BUTTONS ──────────────────────────────────────── */

:root[data-theme="light"] .los-filter-btn,
:root[data-theme="light"] .los-archive-filters .los-filter-btn,
:root[data-theme="light"] .los-blog-tab {
    border-color: var(--los-border);
    color: var(--los-text-muted);
}

:root[data-theme="light"] .los-filter-btn:hover,
:root[data-theme="light"] .los-blog-tab:hover {
    border-color: var(--los-accent-border);
    color: var(--los-text-primary);
}

:root[data-theme="light"] .los-filter-btn.active,
:root[data-theme="light"] .los-blog-tab.active {
    background: var(--los-accent-bg);
    border-color: var(--los-accent);
    color: var(--los-accent);
}

/* ── SORT SELECT ─────────────────────────────────────────── */

:root[data-theme="light"] .los-sort-select {
    background: var(--los-surface);
    border-color: var(--los-border);
    color: var(--los-text-primary);
}

:root[data-theme="light"] .los-sort-select:hover,
:root[data-theme="light"] .los-sort-select:focus {
    border-color: var(--los-accent);
}

/* ── COMPARISON TABLE ────────────────────────────────────── */

:root[data-theme="light"] .los-compare-table thead th {
    color: var(--los-text-primary);
    border-bottom-color: var(--los-border);
}

:root[data-theme="light"] .los-compare-table tbody td {
    color: var(--los-text-secondary);
    border-bottom-color: rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] .los-compare-table tbody td:first-child {
    color: var(--los-text-primary);
}

:root[data-theme="light"] .los-compare-table tbody tr td:nth-child(3),
:root[data-theme="light"] .los-compare-table thead th:nth-child(3) {
    background: var(--los-accent-bg);
}

:root[data-theme="light"] .los-compare-category-row td {
    border-bottom-color: var(--los-accent-border) !important;
}

/* ── TIMELINE ────────────────────────────────────────────── */

:root[data-theme="light"] .los-sp-timeline__num,
:root[data-theme="light"] .los-intake-step__num {
    border-color: var(--los-accent);
    background: var(--los-accent-bg);
    color: var(--los-accent);
}

:root[data-theme="light"] .los-sp-timeline__line,
:root[data-theme="light"] .los-intake-step__line {
    background: linear-gradient(to bottom, var(--los-accent), rgba(0, 201, 160, 0.1));
}

:root[data-theme="light"] .los-sp-timeline__deliverable {
    background: var(--los-accent-bg);
    border-left-color: var(--los-accent-border);
}

/* ── SECTION DIVIDERS ────────────────────────────────────── */

:root[data-theme="light"] .wp-block-group[style*="border-top-color:rgba(136,136,160,0.08)"],
:root[data-theme="light"] .los-sp-hero__meta,
:root[data-theme="light"] .los-impact-hero__meta {
    border-top-color: var(--los-border) !important;
    border-bottom-color: var(--los-border) !important;
}

:root[data-theme="light"] .los-sp-outcomes,
:root[data-theme="light"] .los-sp-content,
:root[data-theme="light"] .los-sp-cta,
:root[data-theme="light"] .los-sp-related,
:root[data-theme="light"] .los-sp-disclaimer,
:root[data-theme="light"] .los-impact-statement,
:root[data-theme="light"] .los-impact-commentary,
:root[data-theme="light"] .los-impact-protocol-ref,
:root[data-theme="light"] .los-blog-newsletter {
    border-top-color: var(--los-border);
}

:root[data-theme="light"] header .wp-block-group {
    border-bottom-color: var(--los-border) !important;
}

/* ── FAQ ──────────────────────────────────────────────────── */

:root[data-theme="light"] .los-faq-item {
    border-color: var(--los-border);
}

:root[data-theme="light"] .los-faq-icon {
    color: var(--los-text-muted);
}

:root[data-theme="light"] .los-faq-item.open .los-faq-icon {
    color: var(--los-accent);
}

:root[data-theme="light"] .los-faq-question:hover span {
    color: var(--los-accent) !important;
}

/* ── CONTRAINDICATIONS ───────────────────────────────────── */

:root[data-theme="light"] .los-sp-contras__inner {
    background: rgba(255, 77, 109, 0.04);
    border-color: rgba(255, 77, 109, 0.15);
}

/* ── 404 PAGE ────────────────────────────────────────────── */

:root[data-theme="light"] .los-404__readout {
    background: var(--los-surface);
    border-color: var(--los-border);
}

:root[data-theme="light"] .los-404__readout-header {
    background: rgba(0, 0, 0, 0.02);
    border-bottom-color: var(--los-border);
}

:root[data-theme="light"] .los-404__nav {
    border-top-color: var(--los-border);
}

/* ── FORM WRAPPER ────────────────────────────────────────── */

:root[data-theme="light"] .los-form-trust {
    background: var(--los-accent-bg);
    border-color: var(--los-accent-border);
}

:root[data-theme="light"] .los-form-embed {
    border-color: var(--los-border);
}

:root[data-theme="light"] .los-form-footer {
    border-color: var(--los-border);
    background: var(--los-surface);
}

/* ── TELEHEALTH ──────────────────────────────────────────── */

:root[data-theme="light"] .los-telehealth-step__icon {
    background: rgba(0, 152, 184, 0.06);
    border-color: rgba(0, 152, 184, 0.15);
}

:root[data-theme="light"] .los-telehealth-platform {
    background: rgba(0, 152, 184, 0.03);
    border-color: rgba(0, 152, 184, 0.1);
}

:root[data-theme="light"] .los-state-tag {
    background: var(--los-surface);
    border-color: var(--los-border);
    color: var(--los-text-primary);
}

:root[data-theme="light"] .los-state-tag:hover {
    border-color: rgba(0, 152, 184, 0.25);
}

/* ── TESTIMONIAL LAB DATA ────────────────────────────────── */

:root[data-theme="light"] .los-testimonial-lab__data-section {
    background: var(--los-accent-bg) !important;
    border-left-color: var(--los-border) !important;
}

:root[data-theme="light"] .los-testimonial-lab__quote {
    color: var(--los-text-secondary);
    border-left-color: var(--los-accent-border);
}

:root[data-theme="light"] .los-testimonial-lab__marker {
    border-bottom-color: var(--los-border);
}

:root[data-theme="light"] .los-testimonial-lab__name {
    color: var(--los-text-primary);
}

/* ── BEFORE/AFTER TABLE ──────────────────────────────────── */

:root[data-theme="light"] .los-ba-table thead th {
    border-bottom-color: var(--los-border);
    color: var(--los-text-muted);
}

:root[data-theme="light"] .los-ba-table tbody td {
    border-bottom-color: rgba(0, 0, 0, 0.04);
}

/* ── STAT BAR ────────────────────────────────────────────── */

:root[data-theme="light"] .los-stat-bar {
    border-top-color: var(--los-border);
    border-bottom-color: var(--los-border);
}

/* ── MEMBERSHIP TOGGLE ───────────────────────────────────── */

:root[data-theme="light"] .los-toggle-btn {
    color: var(--los-text-muted);
}

:root[data-theme="light"] .los-toggle-btn.active {
    background: var(--los-accent) !important;
    color: #FFFFFF !important;
}

/* ── PHYSICIAN COMMENTARY BOX ────────────────────────────── */

:root[data-theme="light"] .los-impact-commentary__content {
    background: var(--los-accent-bg);
    border-color: var(--los-accent-border);
}

/* ── DISCLAIMER ──────────────────────────────────────────── */

:root[data-theme="light"] .los-sp-disclaimer {
    border-top-color: var(--los-border);
}

:root[data-theme="light"] .los-sp-disclaimer__inner p {
    color: var(--los-text-muted) !important;
}

/* ── SEPARATOR ───────────────────────────────────────────── */

:root[data-theme="light"] .wp-block-separator {
    background-color: var(--los-border) !important;
}

/* ── THEME TOGGLE IN LIGHT MODE ──────────────────────────── */

:root[data-theme="light"] .los-theme-toggle {
    border-color: var(--los-border);
    color: var(--los-text-muted);
}

:root[data-theme="light"] .los-theme-toggle:hover {
    border-color: var(--los-accent);
    color: var(--los-accent);
    background: var(--los-accent-bg);
}

/* ── POST CONTENT IN LIGHT MODE ──────────────────────────── */

:root[data-theme="light"] .los-sp-content__inner {
    color: var(--los-text-secondary) !important;
}

:root[data-theme="light"] .los-sp-content__inner h2,
:root[data-theme="light"] .los-sp-content__inner h3,
:root[data-theme="light"] .los-sp-content__inner h4 {
    color: var(--los-text-primary) !important;
}

/* ── WP POST CONTENT (blog) ──────────────────────────────── */

:root[data-theme="light"] article.wp-block-group[style*="background-color:#0A0A0F"] {
    background-color: var(--los-base) !important;
}

:root[data-theme="light"] .wp-block-post-content[style*="color:#c0c0d0"] {
    color: var(--los-text-secondary) !important;
}

:root[data-theme="light"] .wp-block-post-title[style*="color:#F0F0F5"] {
    color: var(--los-text-primary) !important;
}

:root[data-theme="light"] .wp-block-post-date[style*="color:#8888A0"] {
    color: var(--los-text-muted) !important;
}

/* ─── LIGHT MODE: INLINE STYLE OVERRIDES ─────────────────── */

/* Stat bar — dark strip on homepage */
:root[data-theme="light"] .los-stat-bar,
:root[data-theme="light"] .los-stat-wrapper,
:root[data-theme="light"] [class*="los-stat"] {
    background: var(--los-surface) !important;
    border-color: var(--los-border) !important;
}

:root[data-theme="light"] .los-stat-number {
    color: var(--los-accent) !important;
}

:root[data-theme="light"] .los-stat-label {
    color: var(--los-text-muted) !important;
}

:root[data-theme="light"] .los-stat-divider {
    background: var(--los-border) !important;
}

/* Philosophy cards */
:root[data-theme="light"] .los-philosophy-card,
:root[data-theme="light"] .los-philosophy-strip,
:root[data-theme="light"] [class*="los-philosophy"] {
    background: var(--los-surface) !important;
    border-color: var(--los-border) !important;
}

:root[data-theme="light"] .los-philosophy-card h3,
:root[data-theme="light"] .los-philosophy-card__title {
    color: var(--los-text-primary) !important;
}

:root[data-theme="light"] .los-philosophy-card p,
:root[data-theme="light"] .los-philosophy-card__desc {
    color: var(--los-text-secondary) !important;
}

/* Catch any remaining inline background #111118 surfaces */
:root[data-theme="light"] .wp-block-group[style*="background-color:#111118"],
:root[data-theme="light"] .wp-block-group[style*="background-color: #111118"],
:root[data-theme="light"] div[style*="background-color:#111118"],
:root[data-theme="light"] div[style*="background-color: #111118"],
:root[data-theme="light"] section[style*="background-color:#111118"],
:root[data-theme="light"] section[style*="background-color: #111118"] {
    background-color: var(--los-surface) !important;
}

/* Catch inline background #0d0d14 (darker surfaces like photo areas) */
:root[data-theme="light"] .los-team-card__photo,
:root[data-theme="light"] .los-blog-card__image,
:root[data-theme="light"] .los-blog-featured__image,
:root[data-theme="light"] div[style*="background:#0d0d14"],
:root[data-theme="light"] div[style*="background-color:#0d0d14"] {
    background: #F0F0F5 !important;
}

/* Membership toggle buttons — inactive state */
:root[data-theme="light"] .los-toggle-btn {
    color: var(--los-text-muted) !important;
    border-color: var(--los-border) !important;
}

:root[data-theme="light"] .los-toggle-btn:hover {
    color: var(--los-text-primary) !important;
}

/* Membership tier price */
:root[data-theme="light"] .los-tier-price .los-price-amount {
    color: var(--los-accent) !important;
}

:root[data-theme="light"] .los-tier-price .los-price-period {
    color: var(--los-text-muted) !important;
}

/* Tier card feature checkmarks */
:root[data-theme="light"] .los-tier-features li::before {
    color: var(--los-accent) !important;
}

/* Tier card CTA buttons — non-featured */
:root[data-theme="light"] .los-tier-cta {
    border-color: var(--los-border) !important;
    color: var(--los-text-primary) !important;
}

:root[data-theme="light"] .los-tier-cta:hover {
    border-color: var(--los-accent) !important;
    color: var(--los-accent) !important;
}

/* Most Popular badge */
:root[data-theme="light"] .los-popular-badge {
    background: var(--los-accent) !important;
    color: #FFFFFF !important;
}

/* Save badge on annual toggle */
:root[data-theme="light"] .los-save-badge {
    background: var(--los-accent-bg) !important;
    color: var(--los-accent) !important;
}

/* Protocol card grid on homepage */
:root[data-theme="light"] .los-protocol-grid-wrapper,
:root[data-theme="light"] .los-protocol-grid {
    background: transparent !important;
}

/* Bio age calculator and ROI roadmap containers */
:root[data-theme="light"] .los-calc-wrapper,
:root[data-theme="light"] .los-roi-wrapper,
:root[data-theme="light"] [class*="los-calc"],
:root[data-theme="light"] [class*="los-roi"] {
    background: var(--los-surface) !important;
    border-color: var(--los-border) !important;
    color: var(--los-text-primary) !important;
}

/* Range bar in biomarker cards */
:root[data-theme="light"] .los-biomarker-card__range-bar {
    background: rgba(0, 0, 0, 0.06) !important;
}

/* Science bench slider */
:root[data-theme="light"] .los-science-bench__item {
    background: var(--los-surface) !important;
    border-color: var(--los-border) !important;
}

/* Archive page header area */
:root[data-theme="light"] .los-archive-protocols {
    background: var(--los-base) !important;
}

/* Footer link list bullets */
:root[data-theme="light"] footer .wp-block-list li {
    color: var(--los-text-secondary);
}

/* Inline border overrides */
:root[data-theme="light"] .wp-block-group[style*="border-bottom-color:rgba(136,136,160,0.08)"] {
    border-bottom-color: var(--los-border) !important;
}

:root[data-theme="light"] .wp-block-separator[style*="background-color:rgba(136,136,160,0.08)"] {
    background-color: var(--los-border) !important;
}

/* Fix archive empty space before JS populates cards */
.los-archive-grid {
    min-height: 0;
}

.los-archive-filters {
    margin-top: 0;
}

/* Reduce gap between archive header and grid content */
.los-archive-protocols .wp-block-group:first-child {
    margin-bottom: 0 !important;
}

/* Tighten the archive section spacing */
.los-archive-protocols>.wp-block-group {
    padding-bottom: 2rem !important;
}

/* ─── LIGHT MODE: Membership toggle fix ──────────────────── */

/* Save badge — both modes */
:root[data-theme="light"] .los-toggle-btn.active .los-save-badge {
    background: rgba(255, 255, 255, 0.3) !important;
    color: #FFFFFF !important;
}

:root[data-theme="light"] .los-toggle-btn:not(.active) .los-save-badge {
    background: var(--los-accent-bg) !important;
    color: var(--los-accent) !important;
}

:root[data-theme="light"] .los-membership-toggle {
    background: var(--los-border) !important;
}

:root[data-theme="light"] .los-toggle-btn {
    background: transparent !important;
    color: var(--los-text-muted) !important;
}

:root[data-theme="light"] .los-toggle-btn.active {
    background: var(--los-accent) !important;
    color: #FFFFFF !important;
}

:root[data-theme="light"] .los-toggle-btn:hover:not(.active) {
    color: var(--los-text-primary) !important;
}

/* ─── LIGHT MODE: Body text and meta value visibility ────── */

/* Blog post content */
:root[data-theme="light"] .wp-block-post-content {
    color: var(--los-text-secondary) !important;
}

/* Protocol hero meta values — duration, tier, phases */
:root[data-theme="light"] .los-sp-hero__meta-value {
    color: var(--los-text-primary) !important;
}

/* Protocol timeline description */
:root[data-theme="light"] .los-sp-timeline__desc {
    color: var(--los-text-secondary) !important;
}

/* Protocol deliverable box */
:root[data-theme="light"] .los-sp-timeline__deliverable {
    background: var(--los-accent-bg) !important;
    border-left-color: var(--los-accent) !important;
}

:root[data-theme="light"] .los-sp-timeline__delv-value {
    color: var(--los-text-primary) !important;
}

/* Related protocol cards at bottom of single protocol */
:root[data-theme="light"] .los-sp-related .los-acard {
    background: var(--los-surface) !important;
    border-color: var(--los-border) !important;
}

/* Protocol card text in light mode */
:root[data-theme="light"] .los-acard__duration,
:root[data-theme="light"] .los-acard__phases {
    color: var(--los-text-muted) !important;
}

/* Homepage protocol grid cards — if showing on protocol page */
:root[data-theme="light"] .los-protocol-card {
    background: var(--los-surface) !important;
    border-color: var(--los-border) !important;
}

:root[data-theme="light"] .los-protocol-card__title {
    color: var(--los-text-primary) !important;
}

:root[data-theme="light"] .los-protocol-card__meta {
    color: var(--los-text-muted) !important;
}

/* ─── LIGHT MODE: Blog post content text ─────────────────── */

:root[data-theme="light"] .wp-block-post-content,
:root[data-theme="light"] .wp-block-post-content p,
:root[data-theme="light"] .wp-block-post-content li,
:root[data-theme="light"] .wp-block-post-content td,
:root[data-theme="light"] .wp-block-post-content blockquote,
:root[data-theme="light"] .entry-content,
:root[data-theme="light"] .entry-content p,
:root[data-theme="light"] article.wp-block-group p,
:root[data-theme="light"] article p[style*="color:#c0c0d0"],
:root[data-theme="light"] article p[style*="line-height:1.8"] {
    color: var(--los-text-secondary) !important;
}

:root[data-theme="light"] .wp-block-post-content h1,
:root[data-theme="light"] .wp-block-post-content h2,
:root[data-theme="light"] .wp-block-post-content h3,
:root[data-theme="light"] .wp-block-post-content h4,
:root[data-theme="light"] .wp-block-post-content h5,
:root[data-theme="light"] .wp-block-post-content h6 {
    color: var(--los-text-primary) !important;
}

:root[data-theme="light"] .wp-block-post-content a {
    color: var(--los-accent) !important;
}

/* ─── LIGHT MODE: Ghost/outline button visibility ────────── */

:root[data-theme="light"] .los-btn--outline,
:root[data-theme="light"] .los-hero .los-btn--outline,
:root[data-theme="light"] a.los-btn--outline {
    border-color: var(--los-border) !important;
    color: var(--los-text-primary) !important;
}

/* ─── LIGHT MODE: Hero secondary button ──────────────────── */

:root[data-theme="light"] .los-btn-secondary .wp-block-button__link {
    color: var(--los-text-primary) !important;
    border-color: var(--los-border) !important;
}

:root[data-theme="light"] .los-btn-secondary .wp-block-button__link:hover {
    border-color: var(--los-accent) !important;
    color: var(--los-accent) !important;
    background: var(--los-accent-bg) !important;
}

/* ─── SUPPLEMENT STACK LIST ───────────────────────────────── */

.los-supplement-stack {
    padding: 2rem 0;
    text-align: center;
}

.los-supplement-stack__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: #F0F0F5;
    margin: 0 0 0.5rem;
}

.los-supplement-stack__sub {
    font-size: 0.9rem;
    color: #8888A0;
    margin: 0 0 2.5rem;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

.los-supplement-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    text-align: left;
}

.los-supplement-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(136, 136, 160, 0.08);
}

.los-supplement-item:first-child {
    border-top: 1px solid rgba(136, 136, 160, 0.08);
}

.los-supplement-item__info {
    flex: 1;
}

.los-supplement-item__header {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
}

.los-supplement-item__name {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.05rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0;
}

.los-supplement-item__tag {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.55rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #00F5C4;
    background: rgba(0, 245, 196, 0.08);
    padding: 0.15rem 0.5rem;
    border-radius: 100px;
}

.los-supplement-item__dosage {
    font-size: 0.85rem;
    color: #8888A0;
    margin: 0 0 0.5rem;
}

.los-supplement-item__details summary {
    font-size: 0.8rem;
    color: #00F5C4;
    cursor: pointer;
    font-weight: 500;
}

.los-supplement-item__details p {
    font-size: 0.85rem;
    color: #8888A0;
    line-height: 1.6;
    margin: 0.5rem 0 0;
}

.los-supplement-item__cta {
    flex-shrink: 0;
    padding: 0.5rem 1.25rem !important;
    font-size: 0.8rem !important;
    align-self: center;
}

.los-supplement-stack__disclaimer {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    color: #555570;
    margin-top: 2rem;
    line-height: 1.6;
    text-align: center;
}

/* ─── LAB PARTNER LOGOS ──────────────────────────────────── */

.los-lab-partners {
    padding: 2rem 0;
}

.los-lab-partners__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.los-lab-partner {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.08);
    border-radius: 12px;
    transition: border-color 0.2s ease;
}

.los-lab-partner:hover {
    border-color: rgba(0, 245, 196, 0.15);
}

.los-lab-partner__logo {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 245, 196, 0.06);
    border-radius: 10px;
    flex-shrink: 0;
}

.los-lab-partner__abbr {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #00F5C4;
}

.los-lab-partner__info {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.los-lab-partner__name {
    font-family: var(--wp--preset--font-family--display);
    font-size: 0.9rem;
    font-weight: 600;
    color: #F0F0F5;
}

.los-lab-partner__desc {
    font-size: 0.75rem;
    color: #8888A0;
    line-height: 1.4;
}

/* ─── SERVICE AREA BLOCK ─────────────────────────────────── */

.los-service-area {
    padding: 2rem 0;
    text-align: center;
}

.los-service-area__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: #F0F0F5;
    margin: 0 0 0.5rem;
}

.los-service-area__sub {
    font-size: 0.95rem;
    color: #8888A0;
    margin: 0 0 2.5rem;
}

.los-service-area__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
    text-align: left;
}

.los-service-area__card {
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: border-color 0.3s ease;
}

.los-service-area__card:hover {
    border-color: rgba(0, 245, 196, 0.2);
}

.los-service-area__card--primary {
    border-color: rgba(0, 245, 196, 0.3);
    background: rgba(0, 245, 196, 0.02);
}

.los-service-area__card--expand {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

.los-service-area__expand-inner {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.los-service-area__expand-inner p {
    font-size: 0.9rem;
    color: #8888A0;
    margin: 0;
}

.los-service-area__card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.los-service-area__state {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.15rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0;
}

.los-service-area__badge {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.55rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 100px;
}

.los-service-area__badge--hq {
    background: rgba(0, 245, 196, 0.1);
    color: #00F5C4;
}

.los-service-area__badge--tele {
    background: rgba(0, 200, 255, 0.1);
    color: #00C8FF;
}

.los-service-area__services {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex-grow: 1;
}

.los-service-area__service {
    font-size: 0.85rem;
    color: #c0c0d0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.los-service-area__cta {
    font-size: 0.8rem;
    font-weight: 600;
    color: #00F5C4;
    text-decoration: none;
    margin-top: 0.5rem;
    transition: opacity 0.2s ease;
}

.los-service-area__cta:hover {
    opacity: 0.8;
}

/* ─── BIOMARKER GLOSSARY ─────────────────────────────────── */

.los-glossary-controls {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
    margin-bottom: 2.5rem;
}

.los-glossary-search {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.15);
    border-radius: 10px;
    width: 100%;
    max-width: 400px;
    transition: border-color 0.2s ease;
}

.los-glossary-search:focus-within {
    border-color: #00F5C4;
}

.los-glossary-search__input {
    background: transparent;
    border: none;
    outline: none;
    color: #F0F0F5;
    font-family: var(--wp--preset--font-family--body);
    font-size: 0.9rem;
    width: 100%;
}

.los-glossary-search__input::placeholder {
    color: #555570;
}

.los-glossary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}

.los-glossary-card {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.3s ease, transform 0.3s ease;
}

.los-glossary-card:hover {
    border-color: rgba(0, 245, 196, 0.2);
    transform: translateY(-2px);
}

.los-glossary-card__cat {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.55rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #00F5C4;
    background: rgba(0, 245, 196, 0.08);
    padding: 0.15rem 0.5rem;
    border-radius: 100px;
    align-self: flex-start;
}

.los-glossary-card__name {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.1rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0;
}

.los-glossary-card__range {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.los-glossary-card__range-label {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.55rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #8888A0;
}

.los-glossary-card__range-value {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.8rem;
    color: #00F5C4;
    font-weight: 600;
}

.los-glossary-card__excerpt {
    font-size: 0.85rem;
    color: #8888A0;
    line-height: 1.5;
    margin: 0;
}

.los-glossary-card__link {
    font-size: 0.8rem;
    font-weight: 600;
    color: #00F5C4;
    margin-top: auto;
}

.los-glossary-cta {
    text-align: center;
    padding: 4rem 0 0;
    border-top: 1px solid rgba(136, 136, 160, 0.08);
    margin-top: 3rem;
}

.los-glossary-cta__title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.5rem;
    font-weight: 700;
    color: #F0F0F5;
    margin: 0 0 0.5rem;
}

.los-glossary-cta__sub {
    font-size: 0.95rem;
    color: #8888A0;
    margin: 0 0 2rem;
}

/* ─── MEMBER DASHBOARD ───────────────────────────────────── */

.los-dashboard {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.5rem;
}

.los-dashboard__card {
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.1);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
}

.los-dashboard__card--wide {
    grid-column: 1 / -1;
}

.los-dashboard__card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.los-dashboard__card-label {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #8888A0;
}

.los-dashboard__demo-badge {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.5rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFAA32;
    background: rgba(255, 170, 50, 0.1);
    padding: 0.15rem 0.5rem;
    border-radius: 100px;
}

.los-dashboard__card-title {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.25rem;
    font-weight: 600;
    color: #F0F0F5;
    margin: 0 0 1rem;
}

/* Progress bar */
.los-dashboard__progress {
    margin-bottom: 1rem;
}

.los-dashboard__progress-bar {
    width: 100%;
    height: 8px;
    background: rgba(136, 136, 160, 0.1);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.los-dashboard__progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #00F5C4, #00C8FF);
    border-radius: 4px;
}

.los-dashboard__progress-meta {
    display: flex;
    justify-content: space-between;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    color: #8888A0;
}

.los-dashboard__phase-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.los-dashboard__phase-badge {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    letter-spacing: 0.05em;
    padding: 0.3rem 0.75rem;
    border-radius: 100px;
    border: 1px solid rgba(136, 136, 160, 0.1);
    color: #555570;
}

.los-dashboard__phase-badge--complete {
    border-color: rgba(0, 245, 196, 0.2);
    color: #00F5C4;
    background: rgba(0, 245, 196, 0.04);
}

.los-dashboard__phase-badge--active {
    border-color: #00F5C4;
    color: #00F5C4;
    background: rgba(0, 245, 196, 0.08);
}

/* Appointment */
.los-dashboard__appt {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.los-dashboard__appt-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 1rem;
    background: rgba(0, 245, 196, 0.06);
    border-radius: 10px;
    flex-shrink: 0;
}

.los-dashboard__appt-month {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.55rem;
    letter-spacing: 0.15em;
    color: #00F5C4;
}

.los-dashboard__appt-day {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.5rem;
    font-weight: 700;
    color: #F0F0F5;
}

.los-dashboard__appt-details {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.los-dashboard__appt-type {
    font-size: 0.95rem;
    font-weight: 600;
    color: #F0F0F5;
}

.los-dashboard__appt-time {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.7rem;
    color: #8888A0;
}

.los-dashboard__appt-provider {
    font-size: 0.8rem;
    color: #8888A0;
}

/* Lab rows */
.los-dashboard__labs {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.los-dashboard__lab-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid rgba(136, 136, 160, 0.06);
}

.los-dashboard__lab-row:last-child {
    border-bottom: none;
}

.los-dashboard__lab-name {
    font-size: 0.85rem;
    color: #F0F0F5;
    flex: 1;
}

.los-dashboard__lab-value {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.8rem;
    color: #c0c0d0;
    min-width: 80px;
    text-align: right;
}

/* Messages */
.los-dashboard__messages {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.los-dashboard__message {
    display: flex;
    gap: 0.75rem;
}

.los-dashboard__message-avatar {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 245, 196, 0.08);
    border-radius: 50%;
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    font-weight: 700;
    color: #00F5C4;
    flex-shrink: 0;
}

.los-dashboard__message-content {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.los-dashboard__message-from {
    font-size: 0.85rem;
    font-weight: 600;
    color: #F0F0F5;
}

.los-dashboard__message-preview {
    font-size: 0.8rem;
    color: #8888A0;
    line-height: 1.4;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.los-dashboard__message-time {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.6rem;
    color: #555570;
}

/* Documents */
.los-dashboard__docs {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.los-dashboard__doc {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(136, 136, 160, 0.06);
}

.los-dashboard__doc:last-child {
    border-bottom: none;
}

.los-dashboard__doc-name {
    font-size: 0.85rem;
    color: #c0c0d0;
}

.los-dashboard__integration-note {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.65rem;
    color: #555570;
    text-align: center;
    line-height: 1.6;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(136, 136, 160, 0.08);
}

/* ─── LIGHT MODE: P2 overrides ───────────────────────────── */

:root[data-theme="light"] .los-supplement-stack__title,
:root[data-theme="light"] .los-service-area__title,
:root[data-theme="light"] .los-glossary-cta__title,
:root[data-theme="light"] .los-supplement-item__name,
:root[data-theme="light"] .los-lab-partner__name,
:root[data-theme="light"] .los-service-area__state,
:root[data-theme="light"] .los-glossary-card__name,
:root[data-theme="light"] .los-dashboard__card-title,
:root[data-theme="light"] .los-dashboard__appt-type,
:root[data-theme="light"] .los-dashboard__appt-day,
:root[data-theme="light"] .los-dashboard__lab-name,
:root[data-theme="light"] .los-dashboard__message-from {
    color: var(--los-text-primary) !important;
}

:root[data-theme="light"] .los-supplement-item,
:root[data-theme="light"] .los-supplement-item:first-child {
    border-color: var(--los-border);
}

:root[data-theme="light"] .los-lab-partner,
:root[data-theme="light"] .los-service-area__card,
:root[data-theme="light"] .los-glossary-card,
:root[data-theme="light"] .los-dashboard__card,
:root[data-theme="light"] .los-glossary-search {
    background: var(--los-surface) !important;
    border-color: var(--los-border) !important;
}

:root[data-theme="light"] .los-service-area__card--primary {
    border-color: var(--los-accent-border) !important;
    background: var(--los-accent-bg) !important;
}

:root[data-theme="light"] .los-glossary-search__input {
    color: var(--los-text-primary);
}

:root[data-theme="light"] .los-dashboard__progress-bar {
    background: rgba(0, 0, 0, 0.06);
}

/* ─── P2 RESPONSIVE ──────────────────────────────────────── */

@media (max-width: 768px) {
    .los-supplement-item {
        flex-direction: column;
        gap: 1rem;
    }

    .los-supplement-item__cta {
        align-self: flex-start;
    }

    .los-lab-partners__grid {
        grid-template-columns: 1fr;
    }

    .los-service-area__grid {
        grid-template-columns: 1fr;
    }

    .los-glossary-grid {
        grid-template-columns: 1fr;
    }

    .los-dashboard {
        grid-template-columns: 1fr;
    }

    .los-dashboard__card--wide {
        grid-column: auto;
    }
}

/* ─── DASHBOARD: Card buttons ────────────────────────────── */

.los-dashboard__btn {
    display: block;
    text-align: center;
    margin-top: auto;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    border-radius: 6px;
}

/* ─── NEWSLETTER FORM ────────────────────────────────────── */

.los-newsletter-form {
    max-width: 500px;
    margin: 0 auto;
}

.los-newsletter-form__input-row {
    display: flex;
    gap: 0.5rem;
}

.los-newsletter-form__input {
    flex: 1;
    padding: 0.75rem 1rem;
    background: #111118;
    border: 1px solid rgba(136, 136, 160, 0.15);
    border-radius: 8px;
    color: #F0F0F5;
    font-family: var(--wp--preset--font-family--body);
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.los-newsletter-form__input:focus {
    border-color: #00F5C4;
}

.los-newsletter-form__input::placeholder {
    color: #555570;
}

.los-newsletter-form__btn {
    flex-shrink: 0;
    padding: 0.75rem 1.5rem !important;
    font-size: 0.85rem !important;
    white-space: nowrap;
}

.los-newsletter-form__status {
    font-family: var(--wp--preset--font-family--mono);
    font-size: 0.7rem;
    margin: 0.5rem 0 0;
    min-height: 1.2em;
}

.los-newsletter-form__privacy {
    font-size: 0.65rem;
    color: #555570;
    margin: 0.5rem 0 0;
}

/* Light mode */
:root[data-theme="light"] .los-newsletter-form__input {
    background: var(--los-surface);
    border-color: var(--los-border);
    color: var(--los-text-primary);
}

:root[data-theme="light"] .los-newsletter-form__input:focus {
    border-color: var(--los-accent);
}

/* ─── RESPONSIVE ─────────────────────────────────────────── */

@media (max-width: 480px) {
    .los-newsletter-form__input-row {
        flex-direction: column;
    }
}