/* ═══════════════════════════════════════════════════════════════
   EOR Single Post Redesign v2
   Scoped to .eor-v2 (added to <main> in single-eor.php)
   Loaded AFTER eor-new-template.css — overrides via higher specificity
   Brand: #007AA4 #28B7B7 #FF5C00 | Fonts: Raleway + Open Sans
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. Custom Properties ── */
.eor-v2 {
    --c-brand: #007AA4;
    --c-brand2: #28B7B7;
    --c-accent: #FF5C00;
    --c-accent-h: #d94e00;
    --c-dark: #071b26;
    --c-heading: #0e1e28;
    --c-text: #3d4f58;
    --c-light: #6b7c85;
    --c-line: #e6edf0;
    --c-bg: #f7f9fa;
    --c-white: #fff;
    --radius: 14px;
    --radius-sm: 10px;
    --font: 'Open Sans', system-ui, sans-serif;
    --font-display: 'Raleway', 'Open Sans', sans-serif;
    --shadow-sm: 0 1px 3px rgba(0,40,60,.05);
    --shadow: 0 2px 10px rgba(0,40,60,.06);
    --shadow-md: 0 4px 20px rgba(0,40,60,.08);
}

/* ── 2. ACCORDION FIX — Root cause: eor-new-template.css:2155 ── */
.eor-v2 .accordion-content {
    max-height: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    transition: none !important;
}

/* Payroll-specific overrides */
.eor-v2.payroll-v2 .section1 h1 { font-size: 62px !important; }
@media (max-width: 991px) { .eor-v2.payroll-v2 .section1 h1 { font-size: 46px !important; } }
@media (max-width: 600px) { .eor-v2.payroll-v2 .section1 h1 { font-size: 32px !important; } }

/* ── 3. Layout ── */
.eor-v2 article.single {
    max-width: 1340px !important;
    grid-template-columns: 1fr 280px !important;
    gap: 48px !important;
    margin: 48px auto !important;
    padding-inline: 3% !important;
}

/* ── 4. Hero Banner ── */
.eor-v2 .section1 {
    height: auto !important;
    min-height: 480px !important;
    position: relative;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    background-size: cover !important;
    background-position: center !important;
}
.eor-v2 .section1::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, rgba(2,30,42,.94) 0%, rgba(0,122,164,.85) 55%, rgba(40,183,183,.75) 100%);
    z-index: 1;
}
.eor-v2 .section1::after {
    content: '';
    position: absolute;
    bottom: -15%; right: -5%;
    width: 420px; height: 420px;
    background: rgba(40,183,183,.1);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}
.eor-v2 .s1holder {
    position: relative;
    z-index: 2;
    max-width: 1340px !important;
    padding: 72px 3% 56px !important;
    margin: 0 auto !important;
    display: block !important;
    grid-template-columns: none !important;
}
.eor-v2 .eor-hero-badge {
    display: inline-block;
    font-family: var(--font);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--c-brand);
    background: var(--c-white);
    padding: 7px 18px;
    border-radius: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.eor-v2 .section1 h1 {
    font-family: var(--font-display) !important;
    font-size: 48px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    word-spacing: 0.03em !important;
    text-shadow: 0 2px 20px rgba(0,0,0,.12);
    max-width: 100% !important;
    white-space: nowrap !important;
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    text-transform: none !important;
}
.eor-v2 .section1 h1 span {
    background: var(--c-accent) !important;
    border-radius: 8px !important;
    padding: 2px 14px !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.eor-v2 .eor-hero-sub {
    font: 400 17px/1.6 var(--font) !important;
    color: rgba(255,255,255,.7) !important;
    margin: 0 0 28px !important;
    max-width: 560px;
}
.eor-v2 .eor-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.eor-v2 .eor-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: 700 15px/1 var(--font);
    padding: 14px 28px;
    border-radius: var(--radius-sm);
    text-decoration: none !important;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all .25s;
    white-space: nowrap;
}
.eor-v2 .eor-hero-btn--primary {
    background: #fff;
    color: var(--c-dark);
    border-color: #fff;
    box-shadow: 0 3px 14px rgba(0,0,0,.15);
    font-weight: 800;
}
.eor-v2 .eor-hero-btn--primary:hover {
    background: var(--c-bg);
    border-color: var(--c-bg);
    transform: translateY(-1px);
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    color: var(--c-dark);
}
.eor-v2 .eor-hero-btn--ghost {
    background: rgba(255,255,255,.07);
    color: #fff;
    border-color: rgba(255,255,255,.35);
    backdrop-filter: blur(4px);
}
.eor-v2 .eor-hero-btn--ghost:hover {
    background: rgba(255,255,255,.15);
    border-color: #fff;
    color: #fff;
}

/* ── 5. Breadcrumb ── */
.eor-v2 .bcwrap.bgon {
    background: var(--c-bg) !important;
    border-bottom: 1px solid var(--c-line);
    padding: 12px 0 !important;
}
.eor-v2 .breadcrumb-grid {
    max-width: 1340px !important;
    padding-inline: 3% !important;
}
.eor-v2 #breadcrumbs,
.eor-v2 #breadcrumbs span {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: var(--c-light) !important;
}
.eor-v2 #breadcrumbs a {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--c-brand) !important;
    text-decoration: none !important;
    transition: color .15s;
}
.eor-v2 #breadcrumbs a:hover {
    color: var(--c-dark) !important;
    text-decoration: underline !important;
}

/* ── 6. Meta Bar (author / last updated) ── */
.eor-meta-bar {
    border-bottom: 1px solid var(--c-line, #e6edf0);
    background: #fff;
}
.eor-meta-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 1340px;
    margin: 0 auto;
    padding: 12px 3%;
}
.eor-meta-author { display: flex; align-items: center; gap: 10px; }
.eor-meta-avatar {
    width: 36px; height: 36px;
    border-radius: 50%; overflow: hidden;
    flex-shrink: 0; border: 2px solid #e6edf0;
}
.eor-meta-avatar img { display: block; width: 36px; height: 36px; border-radius: 50%; }
.eor-meta-col { display: flex; flex-direction: column; line-height: 1.3; }
.eor-meta-label {
    font: 500 11px/1 'Open Sans', sans-serif;
    color: #6b7c85;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.eor-meta-value {
    font: 700 14px/1.3 'Open Sans', sans-serif;
    color: #0e1e28;
    margin-top: 2px;
}
.eor-meta-sep { width: 1px; height: 28px; background: #e6edf0; }
.eor-meta-date { display: flex; align-items: center; gap: 8px; }
.eor-meta-badge {
    display: inline-flex; align-items: center; gap: 5px;
    background: #f0faf4; border: 1px solid #bbf0d0;
    padding: 5px 12px; border-radius: 20px;
    margin-left: auto;
    font: 700 12px/1 'Open Sans', sans-serif;
    color: #16a34a;
}

/* ── 7. Typography ── */
.eor-v2 .entry-content {
    max-width: none !important;
    line-height: 1.75 !important;
}
.eor-v2 article.single h2 {
    font-family: var(--font-display) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: var(--c-heading) !important;
    margin: 48px 0 18px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--c-line);
    position: relative;
}
.eor-v2 article.single h2::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 48px !important;
    height: 2px !important;
    background: linear-gradient(90deg, var(--c-brand), var(--c-brand2)) !important;
    background-image: none;
    border-radius: 1px;
    margin: 0 !important;
}
.eor-v2 article.single h3 {
    font-family: var(--font) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: var(--c-heading) !important;
    margin: 36px 0 10px !important;
}
.eor-v2 article.single h4 {
    font-family: var(--font) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: var(--c-heading) !important;
    margin: 28px 0 8px !important;
}
.eor-v2 article.single h5,
.eor-v2 article.single h6 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--c-heading) !important;
}
.eor-v2 .entry-content p {
    font: 400 16px/1.78 var(--font) !important;
    color: var(--c-text) !important;
    margin: 0 0 16px !important;
}
.eor-v2 .entry-content strong,
.eor-v2 .entry-content b {
    color: var(--c-heading) !important;
}
.eor-v2 .entry-content a {
    color: var(--c-brand);
    text-decoration: none;
    border-bottom: 1px solid rgba(0,122,164,.2);
    transition: border-color .2s, color .2s;
}
.eor-v2 .entry-content a:hover {
    color: var(--c-dark);
    border-bottom-color: var(--c-dark);
}

/* Standalone <strong> used as sub-heading in content */
.eor-v2 .entry-content > strong {
    display: block;
    font-size: 18px !important;
    margin: 32px 0 12px;
}

/* ── 8. Lists (scoped to entry-content, EXCLUDING form) ── */
.eor-v2 .entry-content ul:not(.wpcf7-list):not(.select2-selection__rendered):not(.select2-results__options),
.eor-v2 .entry-content ol {
    margin: 12px 0 20px !important;
    padding: 0 !important;
    list-style: none !important;
    list-style-image: none !important;
}
.eor-v2 .entry-content ol { counter-reset: eor-ol; }

.eor-v2 .entry-content ul:not(.wpcf7-list):not(.select2-selection__rendered):not(.select2-results__options) > li,
.eor-v2 .entry-content ol > li {
    position: relative;
    padding: 10px 0 10px 30px !important;
    font: 400 16px/1.75 var(--font) !important;
    color: var(--c-text) !important;
    border-bottom: 1px solid #f0f3f5;
}
.eor-v2 .entry-content ul:not(.wpcf7-list):not(.select2-selection__rendered):not(.select2-results__options) > li:last-child,
.eor-v2 .entry-content ol > li:last-child {
    border-bottom: none;
}

/* Form/select2 protection — undo any content list styles leaking into form */
.eor-v2 .country-intel-form-section li::before,
.eor-v2 .country-intel-form-section ul li::before { display: none !important; }
.eor-v2 .country-intel-form-section li {
    padding: 0 !important;
    border-bottom: none !important;
    position: static !important;
}

/* UL bullet */
.eor-v2 .entry-content ul:not(.wpcf7-list):not(.select2-selection__rendered):not(.select2-results__options) > li::before {
    content: '' !important;
    position: absolute !important;
    left: 6px !important;
    top: 19px !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: var(--c-brand) !important;
    opacity: .65;
}

/* OL counter */
.eor-v2 .entry-content ol > li { counter-increment: eor-ol; }
.eor-v2 .entry-content ol > li::before {
    content: counter(eor-ol);
    position: absolute;
    left: 0; top: 10px;
    width: 22px; height: 22px;
    border-radius: 50%;
    background: var(--c-brand);
    color: #fff;
    font: 700 11px/22px var(--font);
    text-align: center;
}

/* Nested lists */
.eor-v2 .entry-content ul ul,
.eor-v2 .entry-content ol ul {
    margin: 6px 0 2px 12px !important;
}
.eor-v2 .entry-content ul ul > li {
    font-size: 15px !important;
    padding: 4px 0 4px 22px !important;
    border-bottom: none !important;
}
.eor-v2 .entry-content ul ul > li::before {
    width: 5px !important;
    height: 5px !important;
    top: 13px !important;
    left: 4px !important;
    background: var(--c-brand2) !important;
    border-radius: 1px !important;
    opacity: .5;
}

/* Bold labels in lists */
.eor-v2 .entry-content li b,
.eor-v2 .entry-content li strong {
    color: var(--c-heading) !important;
}

/* Paragraphs inside lists */
.eor-v2 .entry-content li p {
    margin: 2px 0 4px !important;
    font-size: 15.5px !important;
}

/* ── 9. Feature Box (.eor-s1) ── */
.eor-v2 .eor-s1 {
    border: 1px solid var(--c-line) !important;
    border-radius: var(--radius) !important;
    padding: 0 !important;
    margin: 28px 0 !important;
    overflow: hidden;
    background: var(--c-white);
    box-shadow: var(--shadow-sm);
    transition: box-shadow .25s, border-color .25s;
}
.eor-v2 .eor-s1:hover { box-shadow: var(--shadow); border-color: #cde3e3 !important; }
.eor-v2 .eor-s1 .eor-s1-bg {
    background: var(--c-bg) !important;
    padding: 18px 24px !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.eor-v2 .eor-s1 .eor-s1-bg strong { font-size: 16px !important; color: var(--c-heading) !important; }
.eor-v2 .eor-s1 .eor-content { padding: 12px 24px 18px !important; }
.eor-v2 .eor-s1 .eor-content ul { margin: 0 !important; padding: 0 !important; }
.eor-v2 .eor-s1 .eor-content li { font-size: 15px !important; padding: 6px 0 6px 28px !important; }

/* ── 10. Grid Cards ── */
.eor-v2 .eor-grid2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    margin: 24px 0 !important;
}
.eor-v2 .eor-2-grid-box {
    border: 1px solid var(--c-line) !important;
    border-radius: var(--radius) !important;
    padding: 22px !important;
    background: var(--c-white) !important;
    box-shadow: var(--shadow-sm);
    transition: all .2s ease;
}
.eor-v2 .eor-2-grid-box:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
    border-color: var(--c-brand2) !important;
}
.eor-v2 .eor-2-grid-box h3 { color: var(--c-brand) !important; font-size: 17px !important; margin: 0 0 6px !important; }

.eor-v2 .eor-grid-sub-boxes {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    margin: 24px 0 !important;
}
.eor-v2 .grid-sub-boxes {
    border: 1px solid var(--c-line) !important;
    border-radius: var(--radius) !important;
    padding: 22px !important;
    background: var(--c-white) !important;
    box-shadow: var(--shadow-sm);
    transition: all .2s ease;
}
.eor-v2 .grid-sub-boxes:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
    border-color: var(--c-brand2) !important;
}

.eor-v2 .eor-gray-box {
    background: var(--c-bg) !important;
    border: 1px solid var(--c-line) !important;
    border-radius: var(--radius) !important;
    padding: 24px !important;
    margin: 24px 0 !important;
}
.eor-v2 .eor-gray-box h3 { margin-top: 0 !important; }

/* ── 11. Accordions (scoped to .accordion-container, NOT .accordion-tab-wrapper) ── */
.eor-v2 .accordion-holder {
    border: 1px solid var(--c-line) !important;
    border-radius: var(--radius) !important;
    margin: 24px 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: var(--c-white) !important;
    box-shadow: var(--shadow-sm) !important;
}
.eor-v2 .accordion-container .accordion-border-wrapper > .accordion-title {
    font: 600 16px/1.45 var(--font) !important;
    color: var(--c-heading) !important;
    padding: 15px 20px !important;
    background: var(--c-white) !important;
    border-bottom: 1px solid var(--c-line) !important;
    cursor: pointer;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px;
    transition: background .15s, color .15s;
    margin: 0 !important;
    text-align: left !important;
}
.eor-v2 .accordion-container .accordion-border-wrapper > .accordion-title:hover {
    background: var(--c-bg) !important;
}
.eor-v2 .accordion-container .accordion-border-wrapper > .accordion-title.active {
    background: var(--c-bg) !important;
    color: var(--c-brand) !important;
}
.eor-v2 .accordion-container .accordion-border-wrapper > .accordion-content {
    padding: 14px 20px 18px !important;
    background: var(--c-white) !important;
    border-bottom: 1px solid var(--c-line) !important;
    color: var(--c-text) !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
}
.eor-v2 .accordion-content { font-size: 14.5px !important; line-height: 1.65 !important; color: var(--c-text) !important; }
.eor-v2 .accordion-content p { font-size: 14.5px !important; line-height: 1.65 !important; color: var(--c-text) !important; }
.eor-v2 .accordion-content li { font-size: 14.5px !important; line-height: 1.65 !important; color: var(--c-text) !important; }
.eor-v2 .accordion-container .accordion-border-wrapper:last-child > .accordion-title { border-bottom: none !important; }

/* Chevron icon — for .accordion-border-wrapper only */
.eor-v2 .accordion-border-wrapper .accordion-icon::before {
    content: '' !important;
    display: block !important;
    width: 8px; height: 8px;
    border-right: 2px solid var(--c-brand);
    border-bottom: 2px solid var(--c-brand);
    transform: rotate(45deg);
    transition: transform .25s;
    background-image: none !important;
    background: none !important;
}
.eor-v2 .accordion-border-wrapper .accordion-title.active .accordion-icon::before {
    transform: rotate(-135deg);
    background-image: none !important;
    background: none !important;
}

/* Orange variant */
.eor-v2 #eor-colored-accordion {
    border-color: #ffdcc4 !important;
    background: #fffaf7 !important;
    border-radius: var(--radius) !important;
    padding: 0 !important;
    margin: 24px 0 36px !important;
}
.eor-v2 #eor-colored-accordion .accordion-border-wrapper > .accordion-title {
    background: transparent !important;
    border-bottom-color: #ffe8d8 !important;
}
.eor-v2 #eor-colored-accordion .accordion-border-wrapper > .accordion-title:hover { background: rgba(255,92,0,.03) !important; }
.eor-v2 #eor-colored-accordion .accordion-border-wrapper > .accordion-title.active { background: rgba(255,92,0,.05) !important; color: var(--c-accent) !important; }
.eor-v2 #eor-colored-accordion .accordion-content { background: transparent !important; border-bottom-color: #ffe8d8 !important; }
.eor-v2 #eor-colored-accordion .accordion-border-wrapper .accordion-icon::before { border-color: var(--c-accent); }
.eor-v2 #eor-colored-accordion h2 {
    font: 700 19px/1.3 var(--font) !important;
    color: var(--c-heading) !important;
    margin: 0 !important; padding: 0 !important;
    border: none !important;
}
.eor-v2 #eor-colored-accordion h2::after { display: none !important; }

/* Multi-colored variant */
.eor-v2 #eor-multi-colored-accordion {
    background: linear-gradient(135deg, #eef9f9, #fff6f0) !important;
    border-radius: var(--radius) !important;
    padding: 3px !important;
}
.eor-v2 #eor-multi-colored-accordion .accordion-title,
.eor-v2 #eor-multi-colored-accordion .accordion-content { background: transparent !important; }

/* ── 12. Tabset (desktop) — Tab-wrapper accordion stays as-is from old CSS ── */
/* Hide bullets on tab nav items */
.eor-v2 .nav-tabs > .nav-item::before { display: none !important; }
.eor-v2 .nav-tabs > li::before { display: none !important; }
.eor-v2 .tabset > .nav-tabs { list-style-image: none !important; }

.eor-v2 .tabset { margin: 28px 0 !important; }
.eor-v2 .tabset > .nav-tabs {
    display: flex !important;
    gap: 0 !important;
    padding: 5px !important;
    margin: 0 !important;
    list-style: none !important;
    border: none !important;
    background: var(--c-bg) !important;
    border-radius: var(--radius) !important;
    width: fit-content !important;
}
.eor-v2 .nav-item { padding: 0 !important; }
.eor-v2 .nav-tabs .nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font: 600 15px/1.3 var(--font) !important;
    color: var(--c-brand) !important;
    background: transparent !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    padding: 12px 24px !important;
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap;
    height: auto !important;
    text-decoration: none !important;
}
.eor-v2 .nav-tabs .nav-link:hover { background: rgba(0,122,164,.06) !important; }
.eor-v2 .nav-tabs .nav-link.active {
    background: var(--c-brand) !important;
    color: var(--c-white) !important;
    box-shadow: 0 2px 8px rgba(0,122,164,.2);
}
.eor-v2 .tab-content {
    border: 1px solid var(--c-line) !important;
    border-radius: var(--radius) !important;
    padding: 28px !important;
    margin-top: 16px !important;
    background: var(--c-white) !important;
    box-shadow: var(--shadow-sm);
}
.eor-v2 .tab-pane { display: none; }
.eor-v2 .tab-pane.active,
.eor-v2 .tab-pane.show { display: block !important; }
.eor-v2 .tab-pane ul {
    border: none !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 8px 0 !important;
    list-style-image: none !important;
}
.eor-v2 .tab-pane li {
    padding: 10px 0 10px 28px !important;
    position: relative;
    border-bottom: 1px solid #f0f3f5;
    font: 400 16px/1.7 var(--font) !important;
    color: var(--c-text) !important;
}
.eor-v2 .tab-pane li:last-child { border-bottom: none; }
.eor-v2 .tab-pane li::before {
    content: '' !important;
    position: absolute !important;
    left: 6px !important; top: 19px !important;
    width: 7px !important; height: 7px !important;
    border-radius: 50% !important;
    background: var(--c-brand) !important;
    opacity: .65;
}
.eor-v2 .tabset ul { border: none !important; }

/* Desktop/mobile toggle */
@media (min-width: 769px) { .eor-v2 .accordion-holder-m { display: none !important; } }

/* Mobile accordion — clean styling matching new design */
@media (max-width: 768px) {
    .eor-v2 .accordion-holder-m {
        background: var(--c-white) !important;
        border: 1px solid var(--c-line) !important;
        border-radius: var(--radius) !important;
        margin: 20px 0 !important;
        overflow: hidden;
    }
    .eor-v2 .accordion-holder-m .accordion-tab-wrapper > .accordion-title {
        background: var(--c-bg) !important;
        color: var(--c-heading) !important;
        border: none !important;
        border-bottom: 1px solid var(--c-line) !important;
        border-radius: 0 !important;
        padding: 14px 18px !important;
        font: 600 15px/1.4 var(--font) !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    .eor-v2 .accordion-holder-m .accordion-tab-wrapper > .accordion-title.active {
        background: var(--c-white) !important;
        color: var(--c-brand) !important;
    }
    .eor-v2 .accordion-holder-m .accordion-content {
        background: var(--c-white) !important;
        color: var(--c-text) !important;
        border-radius: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 14px 18px !important;
        font-size: 14.5px !important;
        line-height: 1.65 !important;
    }
    .eor-v2 .accordion-holder-m .accordion-icon::before {
        border-color: var(--c-brand) !important;
        background-image: none !important;
        background: none !important;
    }
}
@media (max-width: 768px) { .eor-v2 .tabset { display: none !important; } }

/* ── 13. Tables ── */
.eor-v2 .entry-content .tablepress {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: var(--radius) !important;
    overflow: hidden;
    font-size: 14px !important;
    line-height: 1.5 !important;
    width: 100%;
    box-shadow: var(--shadow);
}
.eor-v2 .entry-content .tablepress thead th {
    background: var(--c-dark) !important;
    color: #fff !important;
    padding: 11px 14px !important;
    font: 600 12px/1.4 var(--font) !important;
    letter-spacing: .03em;
    text-transform: uppercase;
    border: none !important;
}
.eor-v2 .entry-content .tablepress td {
    padding: 10px 14px !important;
    border-bottom: 1px solid #f0f4f5 !important;
    border-right: 1px solid #f0f4f5 !important;
    color: var(--c-text) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    transition: background .12s;
}
.eor-v2 .entry-content .tablepress td:last-child { border-right: none !important; }
.eor-v2 .entry-content .tablepress tbody tr:last-child td { border-bottom: none !important; }
.eor-v2 .entry-content .tablepress > .row-hover > tr:hover > * { background: #f5fafb !important; }
.eor-v2 .entry-content .tablepress tbody td:first-child { background: var(--c-bg) !important; font-weight: 600 !important; color: var(--c-heading) !important; }
.eor-v2 .entry-content .tablepress tfoot th { background: var(--c-brand) !important; color: #fff !important; }
.eor-v2 .tablepress-scroll-wrapper { border-radius: var(--radius); overflow-x: auto; margin: 20px 0;   border: 0px solid #007aa4 !important; }
.eor-v2 .tablepress-scroll-wrapper::-webkit-scrollbar { height: 5px; }
.eor-v2 .tablepress-scroll-wrapper::-webkit-scrollbar-track { background: #eef3f5; border-radius: 5px; }
.eor-v2 .tablepress-scroll-wrapper::-webkit-scrollbar-thumb { background: var(--c-brand); border-radius: 5px; }
.column-1
{
        border-left: 0px solid #1497BA !important;
}
/* ── 14. Expand/CTA ── */
.eor-v2 .expand-container { margin: 16px 0; }
.eor-v2 .cta-border { border-bottom: 1px solid var(--c-line) !important; padding-bottom: 1rem; }
.eor-v2 #cta-heading { font: 700 19px/1.3 var(--font) !important; color: var(--c-heading) !important; margin-top: 12px !important; }
.eor-v2 #cta-heading a { color: var(--c-heading) !important; text-decoration: none !important; border-bottom: none !important; }
.eor-v2 #cta-heading a:hover { color: var(--c-brand) !important; }
.eor-v2 .expand, .eor-v2 .expand1 { padding: 1rem 0; }

/* ── 15. Conclusion ── */
.eor-v2 .ir35-conclution {
    background: var(--c-dark) !important;
    border-radius: 18px !important;
    padding: 36px 32px 24px !important;
    margin: 48px 0 0 !important;
    position: relative;
    overflow: hidden;
}
.eor-v2 .ir35-conclution::after {
    content: '';
    position: absolute;
    bottom: -25%;  right: -6%;
    width: 240px; height: 240px;
    background: var(--c-brand);
    opacity: .07;
    border-radius: 50%;
    pointer-events: none;
}
.eor-v2 .ir35-conclution h2 { color: #fff !important; font-size: 22px !important; margin-top: 0 !important; border: none !important; padding: 0 !important; }
.eor-v2 .ir35-conclution h2::after { display: none !important; }
.eor-v2 .ir35-conclution p { color: rgba(255,255,255,.82) !important; font-size: 15.5px !important; }

/* ── 16. Disclaimer ── */
.eor-v2 .note-audiance {
    font: 400 13px/1.65 var(--font) !important;
    color: var(--c-light) !important;
    background: var(--c-bg) !important;
    border-left: 3px solid var(--c-brand2);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    padding: 12px 18px !important;
    margin: 28px 0 !important;
}

/* ── 17. FAQ ── */
.eor-v2 .faq-section { padding: 40px 0 0 !important; }
.eor-v2 .faq-section h2 {
    font: 700 24px/1.2 var(--font-display) !important;
    color: var(--c-heading) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 18px 0 !important;
}
.eor-v2 .faq-section h2::after { display: none !important; }
.eor-v2 .FAQ-box {
    border-bottom: 1px solid #f0f3f5 !important;
    padding: 18px 0 !important;
}
.eor-v2 .FAQ-box:last-child { border-bottom: none !important; }
.eor-v2 .faq-section .FAQ-box h3 {
    font: 700 16px/1.4 var(--font) !important;
    color: var(--c-heading) !important;
    margin: 0 0 6px 0 !important;
    transition: color .15s;
}
.eor-v2 .FAQ-box:hover h3 { color: var(--c-brand) !important; }
.eor-v2 .FAQ-box p {
    font: 400 15px/1.65 var(--font) !important;
    color: var(--c-text) !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ── 18. Related Topics ── */
.eor-v2 .topic-section {
    background: var(--c-bg) !important;
    border: 1px solid var(--c-line);
    border-radius: 18px !important;
    padding: 28px !important;
    margin: 32px 0 48px !important;
}
.eor-v2 article.single .topic-section h2 {
    font: 700 22px/1.2 var(--font-display) !important;
    color: var(--c-heading) !important;
    margin: 0 0 16px 0 !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid var(--c-line) !important;
    position: relative !important;
}
.eor-v2 .topic-box {
    background: var(--c-white) !important;
    border: 1px solid var(--c-line) !important;
    border-radius: var(--radius-sm) !important;
    padding: 14px 18px !important;
    margin-top: 10px !important;
    transition: all .2s;
}
.eor-v2 .topic-box:hover {
    border-color: var(--c-brand) !important;
    box-shadow: var(--shadow);
    transform: translateX(4px);
}
.eor-v2 .topic-box a {
    font: 600 15px/1.4 var(--font) !important;
    color: var(--c-heading) !important;
    text-decoration: none !important;
    border-bottom: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
}
.eor-v2 .topic-box a::after {
    content: '→' !important;
    font-size: 18px;
    color: var(--c-brand);
    transition: transform .2s;
    background: none !important;
    width: auto !important;
    height: auto !important;
}
.eor-v2 .topic-box:hover a::after { transform: translateX(4px); }
.eor-v2 .topic-box a:hover { color: var(--c-brand) !important; }

/* ── 19. Sidebar TOC ── */
.eor-v2 #right-sidebar.article-nav {
    position: sticky !important;
    top: 96px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.eor-v2 .article-nav #ez-toc-container {
    background: var(--c-white) !important;
    border: 1px solid #cdd8dd !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
    padding: 0 !important;
    overflow: hidden;
}

/* TOC title */
.eor-v2 .article-nav #ez-toc-container .ez-toc-title-container {
    padding: 16px 18px 14px !important;
    border-bottom: 2px solid var(--c-brand) !important;
    background: var(--c-bg) !important;
}
.eor-v2 .article-nav #ez-toc-container p.ez-toc-title {
    font: 700 12px/1 var(--font) !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    color: var(--c-heading) !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border-radius: 0 !important;
    width: auto !important;
}

/* Remove counter */
.eor-v2 .article-nav .ez-toc-counter nav ul li a::before { display: none !important; }

/* TOC list */
.eor-v2 .article-nav #ez-toc-container ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
.eor-v2 .article-nav #ez-toc-container li {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--c-line) !important;
}
.eor-v2 .article-nav #ez-toc-container li:last-child { border-bottom: none !important; }

/* Remove extra space at bottom of TOC */
.eor-v2 .article-nav #ez-toc-container { padding: 0 !important; margin-bottom: 0 !important; }
.eor-v2 .article-nav #ez-toc-container ul { padding: 4px 0 !important; margin: 0 !important; }
.eor-v2 .article-nav #ez-toc-container nav { padding: 0 !important; margin: 0 !important; }
.eor-v2 .article-nav #ez-toc-container li { padding: 0 !important; margin: 0 !important; }

/* TOC links — dark neutral text, NOT blue */
.eor-v2 .article-nav #ez-toc-container a {
    font: 400 13px/1.4 var(--font) !important;
    color: var(--c-text) !important;
    text-decoration: none !important;
    display: block !important;
    padding: 10px 18px !important;
    transition: all .15s;
    border-bottom: none !important;
}
.eor-v2 .article-nav #ez-toc-container a:hover {
    color: var(--c-heading) !important;
    background: var(--c-bg) !important;
    font-weight: 600 !important;
}

/* Sidebar scrollbar */
.eor-v2 #right-sidebar #ez-toc-container.scrolled {
    height: auto !important;
    max-height: 540px !important;
    overflow-y: auto !important;
}
.eor-v2 #right-sidebar::-webkit-scrollbar { width: 3px; }
.eor-v2 #right-sidebar::-webkit-scrollbar-thumb { background: #d0dfe4; border-radius: 3px; }

/* Sidebar CTA Box */
.eor-v2 .eor-side-cta {
    background: linear-gradient(155deg, var(--c-dark) 0%, #0c3347 100%);
    border-radius: var(--radius);
    padding: 28px 22px 24px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.eor-v2 .eor-side-cta::before {
    content: '';
    position: absolute;
    top: -40%; right: -30%;
    width: 180px; height: 180px;
    background: var(--c-brand);
    opacity: .08;
    border-radius: 50%;
    pointer-events: none;
}
.eor-v2 .eor-side-cta strong {
    display: block;
    font: 700 17px/1.3 var(--font);
    color: #fff;
    margin-bottom: 8px;
}
.eor-v2 .eor-side-cta p {
    font: 400 13px/1.55 var(--font) !important;
    color: rgba(255,255,255,.6) !important;
    margin: 0 0 18px !important;
}
.eor-v2 .eor-side-cta__btn {
    display: block;
    width: 100%;
    font: 700 14px/1 var(--font);
    color: var(--c-dark);
    background: var(--c-accent);
    color: #fff;
    padding: 13px 20px;
    border-radius: var(--radius-sm);
    text-decoration: none;
    text-align: center;
    transition: all .2s;
    box-shadow: 0 3px 12px rgba(255,92,0,.25);
    border-bottom: none !important;
}
.eor-v2 .eor-side-cta__btn:hover {
    background: #e05000;
    transform: translateY(-1px);
    box-shadow: 0 5px 18px rgba(255,92,0,.35);
    color: #fff !important;
}
.eor-v2 .eor-side-cta__trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 14px;
    font: 500 11px/1.3 var(--font);
    color: rgba(255,255,255,.45);
}

/* ── 20. Scroll Reveal ── */
.eor-v2 .eor-reveal {
    opacity: 0;
    transform: translateY(20px);
}
.eor-v2 .eor-revealed {
    opacity: 1 !important;
    transform: none !important;
    transition: opacity .5s cubic-bezier(.25,.46,.45,.94), transform .5s cubic-bezier(.25,.46,.45,.94);
}

/* ── 21. Responsive ── */
@media (max-width: 1100px) {
    .eor-v2 article.single { grid-template-columns: 1fr 240px !important; gap: 32px !important; }
}
@media (max-width: 991px) {
    .eor-v2 article.single { grid-template-columns: 1fr !important; gap: 0 !important; }
    .eor-v2 #right-sidebar.article-nav { display: none !important; }
    .eor-v2 .section1 { min-height: 380px !important; }
    .eor-v2 .section1 h1 { font-size: 38px !important; white-space: normal !important; }
    .eor-v2 .s1holder { padding: 56px 5% 44px !important; }
    .eor-v2 .eor-hero-sub { font-size: 16px !important; }
    .eor-v2 article.single h2 { font-size: 23px !important; margin-top: 36px !important; }
    .eor-v2 article.single h3 { font-size: 18px !important; }
    .eor-v2 .entry-content p,
    .eor-v2 .entry-content li { font-size: 15.5px !important; }
    .eor-v2 .eor-grid2,
    .eor-v2 .eor-grid-sub-boxes { grid-template-columns: 1fr !important; }
    .eor-v2 .ir35-conclution { padding: 28px 20px 18px !important; border-radius: var(--radius) !important; }
    .eor-meta-inner { padding: 10px 3%; }
}
@media (max-width: 768px) {
    .eor-v2 .s1holder { padding: 0 5% !important; }
    .eor-v2 .breadcrumb-grid { padding-inline: 5% !important; }
}
@media (max-width: 600px) {
    .eor-v2 .section1 { min-height: 320px !important; }
    .eor-v2 .section1 h1 { font-size: 26px !important; line-height: 1.2 !important; }
    .eor-v2 .s1holder { padding: 40px 5% 36px !important; }
    .eor-v2 .eor-hero-badge { font-size: 11px !important; padding: 6px 14px !important; }
    .eor-v2 .eor-hero-sub { font-size: 15px !important; margin-bottom: 20px !important; }
    .eor-v2 .eor-hero-actions { flex-direction: column; }
    .eor-v2 .eor-hero-btn { width: 100%; justify-content: center; font-size: 14px; padding: 12px 20px; }
    .eor-v2 article.single h2 { font-size: 21px !important; }
    .eor-v2 article.single h2::after { width: 32px !important; }
    .eor-v2 article.single h3 { font-size: 17px !important; }
    .eor-v2 .entry-content .tablepress thead th { font-size: 11px !important; padding: 8px 10px !important; }
    .eor-v2 .entry-content .tablepress td { padding: 8px 10px !important; font-size: 13px !important; }
    .eor-v2 #breadcrumbs, .eor-v2 #breadcrumbs a { font-size: 12px !important; }
    .eor-v2 .topic-section { padding: 20px !important; border-radius: var(--radius) !important; }
    .eor-meta-inner { gap: 10px; }
    .eor-meta-sep { display: none; }
    .eor-meta-badge { margin-left: 0; }
}
