/*
Theme Name: SociallyViral Pro Child (PinoyBIX)
Theme URI: https://pinoybix.org
Description: Child theme for SociallyViral Pro. Created to safely override header.php for the UberMenu manual integration without losing changes on parent theme updates.
Author: PinoyBIX
Template: mts_sociallyviral
Version: 1.0.0
Text Domain: sociallyviral-child
*/

.wps-shortcode-wrapper {
  overflow: hidden;
}
.wps-shortcode-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

/* PinoyBIX Homepage */
/* Hides the theme's auto-generated page title ("PinoyBIX: ECE, CE, ME...")
   which duplicates the H1 already inside the hero section below. Scoped to
   THIS page's post ID only (#post-73381 = homepage) so titles on every
   other page stay untouched. If you ever delete and recreate this page,
   the ID will change and this selector will need updating to match. */
#post-73381 .single_page > header {display:none;}

:root {
    --navy: #0B1420;
    --navy-2: #101D2E;
    --paper: #F5F7FA;
    --paper-2: #FFFFFF;
    --ink: #10202F;
    --ink-soft: #47586B;
    --ece: #185FA5;
    --ece-soft: #E8F1FA;
    --trace: #D4A24C;
    --trace-soft: #F6EBD4;
    --ree: #3B6D11;
    --me: #854F0B;
    --ce: #B84A22;
    --let: #534AB7;
    --cse: #0F6E56;
    --off-white: #EDF1F5;
    --line: rgba(255,255,255,0.12);
    --line-dark: rgba(16,32,47,0.1);
    --radius: 14px;
    --font-display: "Space Grotesk", sans-serif;
    --font-body: "IBM Plex Sans", sans-serif;
    --font-mono: "IBM Plex Mono", monospace;
  }
#pb-home * {box-sizing:border-box; margin:0; padding:0;}
#pb-home {
    font-family: var(--font-body);
    color: var(--ink);
    background: var(--paper);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
#pb-home img, #pb-home svg {display:block; max-width:100%;}
#pb-home a {color:inherit; text-decoration:none;}
#pb-home .wrap {max-width:1180px; margin:0 auto; padding:0 24px;}
#pb-home .eyebrow {
    font-family:var(--font-mono);
    font-size:12.5px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    display:inline-flex;
    align-items:center;
    gap:8px;
  }
#pb-home .eyebrow::before {
    content:"";
    width:7px; height:7px; border-radius:50%;
    background: var(--trace);
    box-shadow: 0 0 0 3px rgba(212,162,76,0.25);
  }
#pb-home .nav {
    position:sticky; top:0; z-index:50;
    background: rgba(11,20,32,0.92);
    backdrop-filter: blur(10px);
    border-bottom:1px solid var(--line);
  }
#pb-home .nav .wrap {
    display:flex; align-items:center; justify-content:space-between;
    height:64px;
  }
#pb-home .logo {
    font-family:var(--font-display); font-weight:700; font-size:19px;
    color:var(--off-white); display:flex; align-items:center; gap:8px;
  }
#pb-home .logo .dot {width:8px;height:8px;border-radius:50%;background:var(--trace);}
#pb-home .nav-cta {
    background:var(--ece); color:#fff; font-weight:600; font-size:14px;
    padding:9px 18px; border-radius:8px; transition:filter .15s;
  }
#pb-home .nav-cta:hover {filter:brightness(1.12);}
#pb-home .hero {
    background: linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 100%);
    color: var(--off-white);
    padding: 76px 0 0;
    position:relative;
    overflow:hidden;
  }
#pb-home .hero-grid {
    display:grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap:40px;
    align-items:center;
  }
#pb-home .hero-copy .eyebrow {color:var(--trace); margin-bottom:20px;}
#pb-home .hero h1 {
    font-family:var(--font-display);
    font-weight:700;
    font-size:clamp(34px, 4.4vw, 54px);
    line-height:1.06;
    letter-spacing:-0.01em;
    margin-bottom:22px;
  }
#pb-home .hero h1 em {
    font-style:normal;
    color:var(--trace);
  }
#pb-home .hero p.sub {
    font-size:17px;
    color:#B9C4D1;
    max-width:520px;
    margin-bottom:32px;
  }
#pb-home .cta-row {display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-bottom:36px;}
#pb-home .btn-primary {
    background:var(--trace); color:#26180a; font-weight:700; font-size:15.5px;
    padding:15px 26px; border-radius:9px;
    box-shadow: 0 8px 24px rgba(212,162,76,0.25);
    transition: transform .15s, box-shadow .15s;
  }
#pb-home .btn-primary:hover {transform:translateY(-1px); box-shadow:0 10px 28px rgba(212,162,76,0.35);}
#pb-home .btn-ghost {
    color:#D7DEE6; font-weight:500; font-size:14.5px;
    border-bottom:1px solid rgba(255,255,255,0.3);
    padding-bottom:2px;
  }
#pb-home .btn-ghost:hover {border-color:#fff; color:#fff;}
#pb-home .stat-nodes {display:flex; gap:28px; flex-wrap:wrap;}
#pb-home .stat-node {font-family:var(--font-mono);}
#pb-home .stat-node .num {font-size:22px; font-weight:600; color:#fff; display:block;}
#pb-home .stat-node .lbl {font-size:11.5px; color:#8FA0B3; text-transform:uppercase; letter-spacing:.06em;}
#pb-home .hero-visual {position:relative;}
#pb-home .trace-svg {width:100%; height:auto;}
#pb-home .trace-line {
    fill:none; stroke:rgba(212,162,76,0.35); stroke-width:1.5;
  }
#pb-home .trace-line.active {stroke:var(--trace); stroke-dasharray: 6 6; animation: dash 3s linear infinite;}
@keyframes dash{to{stroke-dashoffset:-120;}}
#pb-home .node-dot {fill:var(--trace);}
#pb-home .node-ring {fill:none; stroke:var(--trace); stroke-width:1; opacity:0.4;}
#pb-home .node-pulse {
    fill:var(--trace); opacity:0;
    animation: pulse 3s ease-out infinite;
  }
@keyframes pulse{
    0%{opacity:0.7; r:4;}
    100%{opacity:0; r:16;}
  }
#pb-home .node-label {font-family:var(--font-mono); font-size:10px; fill:#9FB0C2;}
#pb-home .node-label-strong {font-family:var(--font-mono); font-size:11px; fill:#EDF1F5; font-weight:600;}
#pb-home .hero-band {
    margin-top:56px;
    border-top:1px solid var(--line);
    padding:18px 0;
  }
#pb-home .hero-band .wrap {
    display:flex; gap:34px; flex-wrap:wrap;
    font-family:var(--font-mono); font-size:12.5px; color:#8FA0B3;
  }
#pb-home .hero-band strong {color:var(--off-white); font-weight:600;}
#pb-home section {padding:88px 0;}
#pb-home .section-head {max-width:640px; margin-bottom:48px;}
#pb-home .section-head .eyebrow {color:var(--ece); margin-bottom:14px;}
#pb-home .section-head h2 {
    font-family:var(--font-display); font-weight:700;
    font-size:clamp(26px,3vw,36px); letter-spacing:-0.01em; color:var(--ink);
    margin-bottom:14px;
  }
#pb-home .section-head p {color:var(--ink-soft); font-size:16px;}
#pb-home .exam-strip {background:var(--paper-2); border-bottom:1px solid var(--line-dark);}
#pb-home .exam-grid {
    display:grid;
    grid-template-columns: 1.6fr repeat(5, 1fr);
    gap:14px;
  }
#pb-home .exam-card {
    border-radius:12px;
    padding:20px 18px;
    color:#fff;
    position:relative;
    min-height:132px;
    display:flex; flex-direction:column; justify-content:space-between;
    transition:transform .15s;
  }
#pb-home .exam-card:hover {transform:translateY(-3px);}
#pb-home .exam-card .badge {
    position:absolute; top:12px; right:12px;
    font-family:var(--font-mono); font-size:9.5px; letter-spacing:.06em;
    background:rgba(255,255,255,0.18); padding:3px 8px; border-radius:20px;
    text-transform:uppercase;
  }
#pb-home .exam-card .name {font-family:var(--font-display); font-weight:700; font-size:16px;}
#pb-home .exam-card .tag {font-size:12px; opacity:0.85; margin-top:4px;}
#pb-home .exam-card .arrow {font-family:var(--font-mono); font-size:13px; opacity:0.9;}
#pb-home .exam-card.ece {background:linear-gradient(135deg,var(--ece),#0E4A82); grid-row: span 1;}
#pb-home .exam-card.ece .name {font-size:19px;}
#pb-home .exam-card.ree {background:var(--ree);}
#pb-home .exam-card.me {background:var(--me);}
#pb-home .exam-card.ce {background:var(--ce);}
#pb-home .exam-card.let {background:var(--let);}
#pb-home .exam-card.cse {background:var(--cse);}
#pb-home .problem {background:var(--paper);}
#pb-home .problem-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
#pb-home .problem-card {
    background:var(--paper-2); border:1px solid var(--line-dark); border-radius:var(--radius);
    padding:28px 24px;
  }
#pb-home .problem-card .glyph {
    width:38px; height:38px; margin-bottom:18px;
  }
#pb-home .problem-card h3 {font-family:var(--font-display); font-size:18px; margin-bottom:10px;}
#pb-home .problem-card p {color:var(--ink-soft); font-size:14.5px;}
#pb-home .solution {
    background: var(--navy);
    color:var(--off-white);
  }
#pb-home .solution-grid {display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
#pb-home .solution .eyebrow {color:var(--trace); margin-bottom:16px;}
#pb-home .solution h2 {font-family:var(--font-display); font-weight:700; font-size:clamp(26px,3vw,34px); margin-bottom:18px;}
#pb-home .solution p.lead {color:#B9C4D1; font-size:16px; margin-bottom:28px;}
#pb-home .feature-list {display:flex; flex-direction:column; gap:16px;}
#pb-home .feature-item {display:flex; gap:14px; align-items:flex-start;}
#pb-home .feature-item .check {
    width:20px; height:20px; border-radius:5px; background:rgba(212,162,76,0.15);
    border:1px solid var(--trace); color:var(--trace); font-size:12px;
    display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px;
    font-family:var(--font-mono);
  }
#pb-home .feature-item .txt strong {display:block; font-size:14.5px; color:#fff; margin-bottom:2px;}
#pb-home .feature-item .txt span {font-size:13.5px; color:#94A5B8;}
#pb-home .solution-panel {
    background:var(--navy-2); border:1px solid var(--line); border-radius:var(--radius);
    padding:28px;
  }
#pb-home .weight-bar-row {margin-bottom:16px;}
#pb-home .weight-bar-row .lbl {
    display:flex; justify-content:space-between; font-family:var(--font-mono);
    font-size:12px; color:#B9C4D1; margin-bottom:6px;
  }
#pb-home .weight-track {height:8px; background:rgba(255,255,255,0.08); border-radius:6px; overflow:hidden;}
#pb-home .weight-fill {height:100%; background:var(--trace); border-radius:6px;}
#pb-home .panel-note {font-size:12px; color:#7A8CA0; margin-top:16px; font-family:var(--font-mono); line-height:1.6;}
#pb-home .proof {background:var(--paper-2); border-top:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark);}
#pb-home .proof-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:center;}
#pb-home .proof-stat .num {
    font-family:var(--font-mono); font-weight:600; font-size:clamp(28px,3vw,38px); color:var(--ece);
    display:block; margin-bottom:6px;
  }
#pb-home .proof-stat .lbl {font-size:13.5px; color:var(--ink-soft);}
#pb-home .proof-source {
    text-align:center; margin-top:32px; font-size:12.5px; color:var(--ink-soft); font-family:var(--font-mono);
  }
#pb-home .testimonial-slot {
    margin-top:40px; border:1px dashed #C9D2DC; border-radius:var(--radius);
    padding:24px; text-align:center; color:var(--ink-soft); font-size:14px;
  }
#pb-home .testimonial-grid {
    display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:40px;
  }
#pb-home .testimonial-card {
    background:var(--paper); border:1px solid var(--line-dark); border-radius:14px;
    padding:22px 20px;
  }
#pb-home .testimonial-card p {font-size:14.5px; color:var(--ink); line-height:1.55; margin-bottom:14px;}
#pb-home .testimonial-card .tc-source {
    font-family:var(--font-mono); font-size:11.5px; color:var(--ink-soft);
    display:flex; align-items:center; gap:7px;
  }
#pb-home .testimonial-card .tc-dot {width:7px; height:7px; border-radius:50%;}
#pb-home .verified-row {
    margin-top:36px; padding-top:32px; border-top:1px solid var(--line-dark);
  }
#pb-home .verified-row .vr-head {font-family:var(--font-mono); font-size:11.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-soft); text-align:center; margin-bottom:20px;}
#pb-home .verified-grid {display:grid; grid-template-columns:repeat(6,1fr); gap:12px;}
#pb-home .verified-card {
    background:#FAFBFC; border:1px solid var(--line-dark); border-radius:12px;
    padding:14px 12px; border-top:3px solid var(--ece);
  }
#pb-home .verified-card.ce {border-top-color:var(--ce);}
#pb-home .verified-card.me {border-top-color:var(--me);}
#pb-home .verified-card.let {border-top-color:var(--let);}
#pb-home .verified-card.ree {border-top-color:var(--ree);}
#pb-home .verified-card.cse {border-top-color:var(--cse);}
#pb-home .verified-card .vc-exam {font-family:var(--font-mono); font-size:10.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-soft); margin-bottom:8px;}
#pb-home .verified-card .vc-num {font-family:var(--font-mono); font-weight:600; font-size:20px; color:var(--ink); display:block; margin-bottom:4px;}
#pb-home .verified-card .vc-note {font-size:11.5px; color:var(--ink-soft); line-height:1.4;}
#pb-home .compare table {width:100%; border-collapse:collapse; background:var(--paper-2); border-radius:var(--radius); overflow:hidden;}
#pb-home .compare th, #pb-home .compare td {padding:16px 20px; text-align:left; border-bottom:1px solid var(--line-dark); font-size:14.5px;}
#pb-home .compare th {font-family:var(--font-mono); font-size:12px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-soft); background:#FAFBFC;}
#pb-home .compare td.center, #pb-home .compare th.center {text-align:center;}
#pb-home .compare .yes {color:var(--ece); font-weight:700;}
#pb-home .compare .no {color:#C3CBD4;}
#pb-home .compare tr:last-child td {border-bottom:none;}
#pb-home .compare .premium-col {background:var(--ece-soft);}
#pb-home .tier-breakdown {
    display:flex; gap:14px; flex-wrap:wrap; margin-top:20px;
  }
#pb-home .tier-chip {
    display:flex; align-items:center; gap:8px;
    font-family:var(--font-mono); font-size:12.5px; color:var(--ink-soft);
    background:var(--paper-2); border:1px solid var(--line-dark); border-radius:20px;
    padding:7px 14px;
  }
#pb-home .tier-chip .dot {width:7px; height:7px; border-radius:50%;}
#pb-home .feed-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
#pb-home .feed-card {
    background:var(--paper-2); border:1px solid var(--line-dark); border-radius:12px; padding:18px;
  }
#pb-home .feed-card .dot-row {display:flex; align-items:center; gap:8px; margin-bottom:12px;}
#pb-home .feed-card .dot {width:8px; height:8px; border-radius:50%;}
#pb-home .feed-card .exam-tag {font-family:var(--font-mono); font-size:10.5px; text-transform:uppercase; color:var(--ink-soft); letter-spacing:.05em;}
#pb-home .feed-card h4 {font-family:var(--font-display); font-size:15px; margin-bottom:8px; line-height:1.3;}
#pb-home .feed-card .meta {font-size:12px; color:var(--ink-soft);}
#pb-home .site-search {background:var(--paper); padding:0 0 88px;}
#pb-home .search-panel {
    max-width:640px; margin:0 auto; text-align:center;
    background:var(--paper-2); border:1px solid var(--line-dark); border-radius:var(--radius);
    padding:40px 36px;
  }
#pb-home .search-panel .eyebrow {justify-content:center; color:var(--ece); margin-bottom:14px;}
#pb-home .search-panel h2 {font-family:var(--font-display); font-weight:700; font-size:clamp(22px,2.6vw,28px); margin-bottom:10px; color:var(--ink);}
#pb-home .search-panel p {color:var(--ink-soft); font-size:15px; margin-bottom:24px;}
#pb-home .search-form {display:flex; gap:10px; flex-wrap:wrap;}
#pb-home .search-input {
    flex:1 1 260px; font-family:var(--font-body); font-size:15px; color:var(--ink);
    background:var(--paper); border:1px solid var(--line-dark); border-radius:9px;
    padding:14px 16px;
  }
#pb-home .search-input:focus {outline:none; border-color:var(--ece);}
#pb-home .search-btn {flex:0 0 auto; padding:14px 26px;}
@media  (max-width:520px) {
  #pb-home .search-form {flex-direction:column;}
  #pb-home .search-btn {width:100%; text-align:center;}
}
#pb-home .pricing {background:var(--navy); color:var(--off-white);}
#pb-home .pricing-head {text-align:center; max-width:600px; margin:0 auto 48px;}
#pb-home .pricing-head .eyebrow {justify-content:center; color:var(--trace); margin-bottom:14px;}
#pb-home .pricing-head h2 {font-family:var(--font-display); font-weight:700; font-size:clamp(24px,3vw,32px); margin-bottom:12px;}
#pb-home .pricing-head p {color:#B9C4D1; font-size:15px;}
#pb-home .pricing-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
#pb-home .price-card {
    background:var(--navy-2); border:1px solid var(--line);
    border-radius:16px; padding:26px 22px; position:relative;
    display:flex; flex-direction:column;
  }
#pb-home .price-card.featured {border-color:var(--trace); background:linear-gradient(180deg,rgba(212,162,76,0.08),var(--navy-2) 40%);}
#pb-home .price-card .tier-badge {
    font-family:var(--font-mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase;
    color:var(--trace); margin-bottom:14px;
  }
#pb-home .price-card .strike {font-family:var(--font-mono); font-size:12.5px; color:#5E7085; text-decoration:line-through; margin-bottom:2px;}
#pb-home .price-card .amount {font-family:var(--font-display); font-weight:700; font-size:32px; margin-bottom:2px;}
#pb-home .price-card .save {font-family:var(--font-mono); font-size:11.5px; color:var(--trace); margin-bottom:6px;}
#pb-home .price-card .duration {font-size:13px; color:#8FA0B3; margin-bottom:18px;}
#pb-home .price-card .bonus {
    font-size:12.5px; color:#D7DEE6; background:rgba(255,255,255,0.05); border-radius:8px;
    padding:8px 10px; margin-bottom:20px;
  }
#pb-home .price-card .bonus strong {color:var(--trace);}
#pb-home .price-card .btn-primary {width:100%; text-align:center; font-size:14px; padding:12px 16px; margin-top:auto;}
#pb-home .pricing-note {
    max-width:640px; margin:36px auto 0; text-align:center; font-size:13px; color:#8FA0B3;
    border-top:1px solid var(--line); padding-top:22px;
  }
#pb-home .pricing-note strong {color:var(--off-white);}
#pb-home .promo-timer {
    max-width:480px; margin:0 auto 32px; text-align:center;
    background:var(--navy-2); border:1px solid var(--trace); border-radius:12px;
    padding:16px 20px;
  }
#pb-home .pt-label {
    font-family:var(--font-mono); font-size:11.5px; letter-spacing:.04em;
    color:#B9C4D1; text-transform:uppercase; display:block; margin-bottom:10px;
  }
#pb-home .pt-nums {display:flex; justify-content:center; gap:14px;}
#pb-home .pt-unit {
    font-family:var(--font-mono); display:flex; flex-direction:column; align-items:center;
    min-width:44px;
  }
#pb-home .pt-unit span {font-size:22px; font-weight:600; color:var(--trace);}
#pb-home .pt-unit small {font-size:10px; color:#8FA0B3; text-transform:uppercase; letter-spacing:.05em; margin-top:2px;}
#pb-home .faq-item {border-bottom:1px solid var(--line-dark); padding:20px 0;}
#pb-home .faq-item summary {
    font-family:var(--font-display); font-weight:600; font-size:15.5px; cursor:pointer;
    list-style:none; display:flex; justify-content:space-between; align-items:center;
  }
#pb-home .faq-item summary::-webkit-details-marker {display:none;}
#pb-home .faq-item summary::after {content:"+"; font-family:var(--font-mono); font-size:20px; color:var(--ece);}
#pb-home .faq-item[open] summary::after {content:"–";}
#pb-home .faq-item p {margin-top:12px; color:var(--ink-soft); font-size:14.5px; max-width:640px;}
#pb-home footer {background:var(--navy); color:#7A8CA0; padding:40px 0 100px; font-size:13px;}
#pb-home footer .wrap {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;}
#pb-home .sticky-cta {
    display:none; position:fixed; bottom:0; left:0; right:0; z-index:60;
    background:var(--navy); border-top:1px solid var(--line);
    padding:12px 16px; align-items:center; justify-content:space-between; gap:12px;
  }
#pb-home .sticky-cta .txt {color:var(--off-white); font-size:13px;}
#pb-home .sticky-cta .btn-primary {padding:11px 18px; font-size:14px;}
@media  (max-width: 900px) {
  #pb-home .hero-grid {grid-template-columns:1fr;}
  #pb-home .hero-visual {order:-1;}
  #pb-home .exam-grid {grid-template-columns:repeat(2,1fr);}
  #pb-home .exam-card.ece {grid-column:span 2;}
  #pb-home .problem-grid {grid-template-columns:1fr;}
  #pb-home .solution-grid {grid-template-columns:1fr; gap:36px;}
  #pb-home .proof-grid {grid-template-columns:repeat(2,1fr); gap:28px;}
  #pb-home .verified-grid {grid-template-columns:repeat(2,1fr); gap:10px;}
  #pb-home .testimonial-grid {grid-template-columns:1fr;}
  #pb-home .feed-grid {grid-template-columns:repeat(2,1fr);}
  #pb-home .compare {overflow-x:auto;}
  #pb-home .compare table {min-width:520px;}
  #pb-home .pricing-grid {grid-template-columns:repeat(2,1fr);}
  #pb-home .sticky-cta {display:flex;}
  #pb-home section {padding:60px 0;}
  #pb-home footer {padding-bottom:110px;}
}

#pbx-sub-2026 {
    --navy:#0B1420; --navy-2:#101D2E; --paper:#F5F7FA; --paper-2:#FFFFFF;
    --ink:#10202F; --ink-soft:#47586B; --ece:#185FA5; --ece-soft:#E8F1FA;
    --trace:#D4A24C; --off-white:#EDF1F5; --line:rgba(255,255,255,0.12);
    --line-dark:rgba(16,32,47,0.1); --radius:14px;
    --font-display:'Space Grotesk',sans-serif; --font-body:'IBM Plex Sans',sans-serif; --font-mono:'IBM Plex Mono',monospace;
  }#pbx-sub-2026 * {box-sizing:border-box; margin:0; padding:0;}#pbx-sub-2026 {font-family:var(--font-body); color:var(--ink); background:var(--paper); line-height:1.5;}#pbx-sub-2026 a {color:inherit; text-decoration:none;}#pbx-sub-2026 .wrap {max-width:1080px; margin:0 auto; padding:0 24px;}#pbx-sub-2026 .eyebrow {font-family:var(--font-mono); font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; display:inline-flex; align-items:center; gap:8px;}#pbx-sub-2026 .eyebrow::before {content:""; width:7px; height:7px; border-radius:50%; background:var(--trace); box-shadow:0 0 0 3px rgba(212,162,76,.25);}#pbx-sub-2026 section {padding:64px 0;}#pbx-sub-2026 .section-head {max-width:640px; margin:0 auto 40px; text-align:center;}#pbx-sub-2026 .section-head .eyebrow {justify-content:center; color:var(--ece); margin-bottom:12px;}#pbx-sub-2026 .section-head h2 {font-family:var(--font-display); font-weight:700; font-size:clamp(24px,3vw,32px); margin-bottom:12px;}#pbx-sub-2026 .section-head p {color:var(--ink-soft); font-size:15px;}#pbx-sub-2026 .shortcode-note {
    font-family:var(--font-mono); font-size:11px; color:#B08A3E; background:#FBF3E4;
    border:1px dashed #E0C387; border-radius:6px; padding:6px 10px; margin:0 auto 20px; max-width:640px; text-align:center;
  }#pbx-sub-2026 /* ===== TOP PROMO / COUNTDOWN ===== */
  .promo-band {background:linear-gradient(180deg,var(--navy) 0%, var(--navy-2) 100%); color:var(--off-white); padding:48px 0 40px;}#pbx-sub-2026 .promo-card {max-width:560px; margin:0 auto; text-align:center;}#pbx-sub-2026 .promo-card .eyebrow {justify-content:center; color:var(--trace); margin-bottom:14px;}#pbx-sub-2026 .promo-title {font-family:var(--font-display); font-weight:700; font-size:22px; margin-bottom:8px;}#pbx-sub-2026 .promo-subtitle {font-size:14px; color:#B9C4D1; margin-bottom:22px;}#pbx-sub-2026 .timer-row {display:flex; gap:12px; justify-content:center; margin-bottom:14px;}#pbx-sub-2026 .timer-unit {background:var(--navy-2); border:1px solid var(--line); border-radius:10px; padding:14px 18px; min-width:72px; text-align:center;}#pbx-sub-2026 .timer-unit .num {font-family:var(--font-mono); font-weight:600; font-size:28px; display:block;}#pbx-sub-2026 .timer-unit .lbl {font-family:var(--font-mono); font-size:10px; text-transform:uppercase; letter-spacing:.05em; color:#8FA0B3; margin-top:4px;}#pbx-sub-2026 .promo-note {font-size:12.5px; color:#8FA0B3; font-family:var(--font-mono);}#pbx-sub-2026 .fallback-flag {display:none; background:rgba(212,162,76,0.12); border:1px solid var(--trace); border-radius:8px; padding:8px 12px; font-size:12px; font-family:var(--font-mono); color:var(--trace); margin-top:14px;}#pbx-sub-2026 /* ===== HOW IT WORKS ===== */
  .how-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:900px; margin:0 auto;}#pbx-sub-2026 .how-step {background:var(--paper-2); border:1px solid var(--line-dark); border-radius:var(--radius); padding:26px 22px; position:relative;}#pbx-sub-2026 .how-step .step-num {
    font-family:var(--font-mono); font-size:12px; color:var(--trace); background:var(--navy);
    width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    margin-bottom:16px; font-weight:600;
  }#pbx-sub-2026 .how-step h3 {font-family:var(--font-display); font-size:16.5px; margin-bottom:8px;}#pbx-sub-2026 .how-step p {font-size:13.5px; color:var(--ink-soft);}#pbx-sub-2026 .how-arrow {
    display:none; position:absolute; right:-26px; top:50%; transform:translateY(-50%);
    font-family:var(--font-mono); color:#C9D2DC; font-size:20px;
  }
  @media (min-width:769px){#pbx-sub-2026 .how-step .how-arrow {display:block;} }#pbx-sub-2026 /* ===== PRICING ===== */
  .pricing {background:var(--paper-2);}#pbx-sub-2026 .pricing-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}#pbx-sub-2026 .price-card {background:var(--navy-2); color:var(--off-white); border:1px solid var(--line); border-radius:16px; padding:26px 22px; display:flex; flex-direction:column;}#pbx-sub-2026 .price-card.featured {border-color:var(--trace); background:linear-gradient(180deg,rgba(212,162,76,0.1),var(--navy-2) 40%);}#pbx-sub-2026 .price-card .tier-badge {font-family:var(--font-mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:var(--trace); margin-bottom:14px;}#pbx-sub-2026 .price-card .strike {font-family:var(--font-mono); font-size:12.5px; color:#5E7085; text-decoration:line-through; margin-bottom:2px;}#pbx-sub-2026 .price-card .amount {font-family:var(--font-display); font-weight:700; font-size:32px; margin-bottom:2px;}#pbx-sub-2026 .price-card .save {font-family:var(--font-mono); font-size:11.5px; color:var(--trace); margin-bottom:6px;}#pbx-sub-2026 .price-card .duration {font-size:13px; color:#8FA0B3; margin-bottom:18px;}#pbx-sub-2026 .price-card .bonus {font-size:12.5px; color:#D7DEE6; background:rgba(255,255,255,0.05); border-radius:8px; padding:8px 10px; margin-bottom:20px;}#pbx-sub-2026 .price-card .bonus strong {color:var(--trace);}#pbx-sub-2026 .price-card .btn-primary {width:100%; text-align:center; font-size:14px; padding:12px 16px; margin-top:auto; background:var(--trace); color:#26180a; font-weight:700; border-radius:9px;}#pbx-sub-2026 .pricing-container {background:var(--navy); padding:56px 0; margin:0 -24px;}#pbx-sub-2026 .pricing-container .wrap {max-width:1080px;}#pbx-sub-2026 .pricing-head {text-align:center; max-width:600px; margin:0 auto 44px; color:var(--off-white);}#pbx-sub-2026 .pricing-head .eyebrow {justify-content:center; color:var(--trace); margin-bottom:14px;}#pbx-sub-2026 .pricing-head h2 {font-family:var(--font-display); font-weight:700; font-size:clamp(24px,3vw,32px); margin-bottom:12px;}#pbx-sub-2026 .pricing-head p {color:#B9C4D1; font-size:15px;}#pbx-sub-2026 /* ===== WHAT'S INCLUDED ===== */
  .included {background:var(--paper);}#pbx-sub-2026 .included-grid {display:grid; grid-template-columns:1fr 1fr; gap:16px 32px; max-width:760px; margin:0 auto 28px;}#pbx-sub-2026 .inc-item {display:flex; gap:12px; align-items:flex-start;}#pbx-sub-2026 .inc-item .check {width:20px; height:20px; border-radius:5px; background:var(--ece-soft); color:var(--ece); font-family:var(--font-mono); font-size:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px;}#pbx-sub-2026 .inc-item span {font-size:14.5px; color:var(--ink);}#pbx-sub-2026 .tier-breakdown {display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:24px;}#pbx-sub-2026 .tier-chip {display:flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:12.5px; color:var(--ink-soft); background:var(--paper-2); border:1px solid var(--line-dark); border-radius:20px; padding:7px 14px;}#pbx-sub-2026 .tier-chip .dot {width:7px; height:7px; border-radius:50%;}#pbx-sub-2026 /* ===== FAQ ===== */
  .faq-item {border-bottom:1px solid var(--line-dark); padding:18px 0; max-width:700px; margin:0 auto;}#pbx-sub-2026 .faq-item summary {font-family:var(--font-display); font-weight:600; font-size:15px; cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center;}#pbx-sub-2026 .faq-item summary::-webkit-details-marker {display:none;}#pbx-sub-2026 .faq-item summary::after {content:"+"; font-family:var(--font-mono); font-size:20px; color:var(--ece);}#pbx-sub-2026 .faq-item[open] summary::after {content:"–";}#pbx-sub-2026 .faq-item p {margin-top:10px; color:var(--ink-soft); font-size:14px;}#pbx-sub-2026 .freebies {background:var(--paper-2);}#pbx-sub-2026 .freebies-grid {display:grid; grid-template-columns:repeat(5,1fr); gap:12px; max-width:920px; margin:0 auto;}#pbx-sub-2026 .freebie-card {
    border:1px solid var(--line-dark); border-radius:12px; padding:16px 14px; text-align:center;
    background:var(--paper);
  }#pbx-sub-2026 .freebie-card .fc-icon {width:26px; height:26px; margin:0 auto 10px; opacity:0.75;}#pbx-sub-2026 .freebie-card .fc-name {font-family:var(--font-display); font-weight:600; font-size:13.5px; line-height:1.3;}#pbx-sub-2026 .freebies-note {
    max-width:640px; margin:28px auto 0; text-align:center; font-size:13px; color:var(--ink-soft);
    font-family:var(--font-mono);
  }#pbx-sub-2026 footer {background:var(--navy); color:#7A8CA0; padding:32px 0; text-align:center; font-size:12.5px;}

  @media (max-width:900px){#pbx-sub-2026 .how-grid {grid-template-columns:1fr;}#pbx-sub-2026 .pricing-grid {grid-template-columns:repeat(2,1fr);}#pbx-sub-2026 .included-grid {grid-template-columns:1fr;}#pbx-sub-2026 .freebies-grid {grid-template-columns:repeat(2,1fr);}#pbx-sub-2026 .timer-row {flex-wrap:wrap;}
  }


/* ============================================
   PINOYBIX NAVIGATION — Stable working version
   Desktop: Max Mega Menu
   Mobile: Theme native menu (no interference)
   ============================================ */

/* HEADER BACKGROUND */
#site-header {
  background: #ffffff !important;
  border-bottom: 1px solid #eeeeee !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}
#header,
#primary-navigation,
#mega-menu-wrap-primary-menu,
.mega-menu-wrap {
  background: transparent !important;
  background-color: transparent !important;
}

/* KILL ORANGE PSEUDO ELEMENTS ONLY */
#primary-navigation::before,
#primary-navigation::after,
#header::before,
#header::after {
  display: none !important;
  background: transparent !important;
}

/* TOP LEVEL NAV LINKS — desktop */
#mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #444444 !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: normal !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover {
  color: #185FA5 !important;
  background: #f0f4f8 !important;
}

/* ACTIVE PAGE */
#mega-menu-primary-menu > li.mega-menu-current-menu-item > a.mega-menu-link,
#mega-menu-primary-menu > li.mega-menu-current-menu-ancestor > a.mega-menu-link {
  color: #185FA5 !important;
  font-weight: 500 !important;
}

/* GET PREMIUM BUTTON */
#mega-menu-primary-menu > li.mega-menu-item:last-child > a.mega-menu-link {
  background: #185FA5 !important;
  background-color: #185FA5 !important;
  color: #ffffff !important;
  padding: 7px 18px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  margin-left: 4px !important;
  border: none !important;
  box-shadow: none !important;
}
#mega-menu-primary-menu > li.mega-menu-item:last-child > a.mega-menu-link:hover {
  background: #0C447C !important;
  background-color: #0C447C !important;
  color: #ffffff !important;
}

/* DROPDOWN PANEL */
#mega-menu-primary-menu ul.mega-sub-menu {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.09) !important;
  padding: 8px !important;
  min-width: 220px !important;
  z-index: 999999 !important;
}

/* DROPDOWN ITEMS */
#mega-menu-primary-menu ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #333333 !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1.4 !important;
}
#mega-menu-primary-menu ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover {
  background: #f5f5f5 !important;
  color: #111111 !important;
}

/* SECTION LABELS */
#mega-menu-primary-menu ul.mega-sub-menu li.pb-nav-label > a.mega-menu-link {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #aaaaaa !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  padding: 10px 12px 3px !important;
  pointer-events: none !important;
  cursor: default !important;
  background: transparent !important;
}
#mega-menu-primary-menu ul.mega-sub-menu li.pb-nav-label > a.mega-menu-link:hover {
  background: transparent !important;
  color: #aaaaaa !important;
}
#mega-menu-primary-menu ul.mega-sub-menu li.pb-nav-label:not(:first-child) {
  border-top: 1px solid #f0f0f0 !important;
  margin-top: 6px !important;
  padding-top: 2px !important;
}

/* VIEW ALL */
#mega-menu-primary-menu ul.mega-sub-menu li.pb-nav-viewall > a.mega-menu-link {
  font-weight: 600 !important;
  color: #185FA5 !important;
  border-top: 1px solid #f0f0f0 !important;
  margin-top: 4px !important;
  padding-top: 10px !important;
}
#mega-menu-primary-menu ul.mega-sub-menu li.pb-nav-viewall > a.mega-menu-link:hover {
  background: #E6F1FB !important;
  color: #0C447C !important;
}

/* EXAM COLOR DOTS */
#mega-menu-primary-menu ul.mega-sub-menu li.pb-dot-ece > a.mega-menu-link::before,
#mega-menu-primary-menu ul.mega-sub-menu li.pb-dot-ree > a.mega-menu-link::before,
#mega-menu-primary-menu ul.mega-sub-menu li.pb-dot-me  > a.mega-menu-link::before,
#mega-menu-primary-menu ul.mega-sub-menu li.pb-dot-ce  > a.mega-menu-link::before,
#mega-menu-primary-menu ul.mega-sub-menu li.pb-dot-let > a.mega-menu-link::before,
#mega-menu-primary-menu ul.mega-sub-menu li.pb-dot-cse > a.mega-menu-link::before {
  content: '' !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -1px !important;
  flex-shrink: 0 !important;
}
#mega-menu-primary-menu ul.mega-sub-menu li.pb-dot-ece > a.mega-menu-link::before { background: #185FA5 !important; }
#mega-menu-primary-menu ul.mega-sub-menu li.pb-dot-ree > a.mega-menu-link::before { background: #3B6D11 !important; }
#mega-menu-primary-menu ul.mega-sub-menu li.pb-dot-me  > a.mega-menu-link::before { background: #854F0B !important; }
#mega-menu-primary-menu ul.mega-sub-menu li.pb-dot-ce  > a.mega-menu-link::before { background: #B84A22 !important; }
#mega-menu-primary-menu ul.mega-sub-menu li.pb-dot-let > a.mega-menu-link::before { background: #534AB7 !important; }
#mega-menu-primary-menu ul.mega-sub-menu li.pb-dot-cse > a.mega-menu-link::before { background: #0F6E56 !important; }

/* WATERMARK STRIP — hide */
.mts-ticker,
#mts-ticker,
.header-below,
.below-header,
#breaking-news,
.breaking-news-ticker {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ============================================
   KILL ORANGE NAV BACKGROUND — Desktop fix
   Targets MyThemeShop theme accent color
   ============================================ */

/* Primary nav wrapper — theme sets orange here */
#primary-navigation,
#primary-navigation > div,
#primary-navigation > nav,
div#primary-navigation {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Header container — kills any orange leaking through */
#site-header #header {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Any element directly inside nav that carries orange */
#primary-navigation * {
  background-image: none !important;
}

/* Watermark strip — confirmed in live HTML */
#site-header + div,
.below-header,
.header-below,
#below-header,
.mts-ticker,
#mts-ticker {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* MOBILE NAV — Fix orange background and toggle bar */

/* Make MENU toggle bar visible — dark background */
#mega-menu-wrap-primary-menu .mega-menu-toggle {
  background: #222222 !important;
  background-color: #222222 !important;
  color: #ffffff !important;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-label {
  color: #ffffff !important;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle i,
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-animated-inner,
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-animated-inner::before,
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-animated-inner::after {
  background: #ffffff !important;
  color: #ffffff !important;
}

/* Kill the orange that shows behind the open panel */
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-primary-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    position: relative !important;
    z-index: 999999 !important;
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }
}

/* HIDE MENU TOGGLE ON DESKTOP */
@media only screen and (min-width: 769px) {
  #mega-menu-wrap-primary-menu .mega-menu-toggle {
    display: none !important;
  }
}

/* SHOW AND STYLE MENU TOGGLE ON MOBILE ONLY */
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-primary-menu .mega-menu-toggle {
    display: flex !important;
    align-items: center !important;
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    width: 100% !important;
    cursor: pointer !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 999999 !important;
  }
  #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-label {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
  }
  #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-animated-inner,
  #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-animated-inner::before,
  #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-animated-inner::after {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }
}

/* MOBILE TOGGLE BAR — make #pull visible */
@media only screen and (max-width: 768px) {
  a#pull {
    background: #1a1a1a !important;
    color: #ffffff !important;
    padding: 13px 16px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}


@media (max-width: 768px) {
  #mobile-menu-overlay {
    transition: none !important;
  }
  .navigation.clearfix.mobile-menu-wrapper .mega-menu-item,
  .navigation.clearfix.mobile-menu-wrapper .mega-menu-link {
    transition: none !important;
    animation: none !important;
  }
}

/* PinoyBIX ECE Page */
#pb-ece *{box-sizing:border-box;margin:0;padding:0;}
#pb-ece{font-family:inherit;}
#pb-ece .bc{padding:10px 20px;font-size:11px;color:#888;border-bottom:1px solid #ebebeb;}
#pb-ece .bc a{color:#185FA5;text-decoration:none;}
#pb-ece .hero{padding:36px 24px 28px;text-align:center;background:linear-gradient(135deg,#E6F1FB 0%,#eef5fd 100%);border-bottom:1px solid #B5D4F4;}
#pb-ece .hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:3px 14px;border-radius:20px;margin-bottom:12px;font-weight:500;background:#fff;border:1px solid #B5D4F4;color:#185FA5;}
#pb-ece .hero h1{font-size:26px;font-weight:600;color:#1a1a1a;margin-bottom:8px;line-height:1.3;}
#pb-ece .hero p{font-size:13px;color:#555;max-width:500px;margin:0 auto 20px;line-height:1.6;}
#pb-ece .stat-row{display:flex;justify-content:center;gap:0;flex-wrap:wrap;background:#fff;border:1px solid #B5D4F4;border-radius:10px;max-width:480px;margin:0 auto;overflow:hidden;}
#pb-ece .stat-item{flex:1;min-width:100px;padding:12px 8px;text-align:center;border-right:1px solid #B5D4F4;}
#pb-ece .stat-item:last-child{border-right:none;}
#pb-ece .stat-num{font-size:16px;font-weight:700;color:#185FA5;}
#pb-ece .stat-lbl{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:0.4px;margin-top:2px;}
#pb-ece .sec{padding:22px 20px;}
#pb-ece .sec-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px;display:flex;align-items:center;gap:7px;}
#pb-ece .divider{border:none;border-top:1px solid #ebebeb;margin:0 20px;}
#pb-ece .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;}
#pb-ece .info-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:12px 14px;}
#pb-ece .info-card h3{font-size:10px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:5px;}
#pb-ece .info-card p{font-size:12px;color:#1a1a1a;line-height:1.5;}
#pb-ece .info-tag{display:inline-block;font-size:10px;padding:2px 8px;border-radius:20px;margin-top:5px;background:#EAF3DE;color:#27500A;}
#pb-ece .notice{display:flex;align-items:flex-start;gap:8px;background:#FFF8E6;border:1px solid #FAC775;border-radius:8px;padding:10px 12px;margin-bottom:10px;}
#pb-ece .notice span{font-size:15px;color:#854F0B;flex-shrink:0;margin-top:1px;}
#pb-ece .notice p{font-size:11px;color:#633806;line-height:1.5;}
#pb-ece .day-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#pb-ece .day-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:14px;}
#pb-ece .day-label{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;display:inline-block;margin-bottom:8px;background:#E6F1FB;color:#0C447C;}
#pb-ece .day-subject{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f0f0f0;}
#pb-ece .day-subject:last-child{border-bottom:none;padding-bottom:0;}
#pb-ece .day-sname{font-size:12px;color:#1a1a1a;}
#pb-ece .day-spct{font-size:11px;font-weight:600;color:#185FA5;background:#E6F1FB;padding:2px 8px;border-radius:20px;}
#pb-ece .subj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;}
#pb-ece .subj-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:12px 14px;text-decoration:none;display:block;transition:border-color 0.15s,box-shadow 0.15s;}
#pb-ece .subj-card:hover{border-color:#378ADD;box-shadow:0 2px 8px rgba(24,95,165,0.07);}
#pb-ece .subj-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;display:inline-block;margin-bottom:6px;background:#E6F1FB;color:#0C447C;}
#pb-ece .subj-card h3{font-size:12px;font-weight:600;color:#1a1a1a;margin-bottom:4px;line-height:1.3;}
#pb-ece .subj-card p{font-size:11px;color:#666;line-height:1.4;}
#pb-ece .subj-count{font-size:10px;color:#185FA5;margin-top:5px;}
#pb-ece .preboard-list{display:flex;flex-direction:column;gap:7px;}
#pb-ece .preboard-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;text-decoration:none;transition:border-color 0.15s;}
#pb-ece .preboard-item:hover{border-color:#378ADD;}
#pb-ece .pb-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;flex-shrink:0;background:#E6F1FB;color:#0C447C;}
#pb-ece .pb-title{font-size:12px;color:#1a1a1a;flex:1;line-height:1.4;}
#pb-ece .pb-arrow{color:#aaa;font-size:13px;flex-shrink:0;}
#pb-ece .tips-list{display:flex;flex-direction:column;gap:8px;}
#pb-ece .tip{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:9px;}
#pb-ece .tip-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px;background:#E6F1FB;color:#0C447C;}
#pb-ece .tip-body strong{font-size:12px;font-weight:600;color:#1a1a1a;display:block;margin-bottom:3px;}
#pb-ece .tip-body p{font-size:11px;color:#555;line-height:1.5;}
#pb-ece .req-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;}
#pb-ece .req-item{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;}
#pb-ece .req-icon{font-size:16px;flex-shrink:0;margin-top:1px;}
#pb-ece .req-item p{font-size:12px;color:#1a1a1a;line-height:1.4;}
#pb-ece .promo{background:#E6F1FB;border:1px solid #B5D4F4;border-radius:10px;padding:18px 20px;display:flex;align-items:center;gap:14px;margin:4px 20px 24px;flex-wrap:wrap;}
#pb-ece .promo-icon{width:40px;height:40px;background:#185FA5;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;}
#pb-ece .promo-text h3{font-size:13px;font-weight:600;color:#0C447C;margin-bottom:3px;}
#pb-ece .promo-text p{font-size:11px;color:#185FA5;line-height:1.4;}
#pb-ece .promo-btn{background:#185FA5;color:#fff;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;flex-shrink:0;margin-left:auto;}
@media(max-width:520px){
  #pb-ece .day-grid{grid-template-columns:1fr;}
  #pb-ece .stat-row{flex-wrap:wrap;}
  #pb-ece .stat-item{min-width:50%;border-bottom:1px solid #B5D4F4;}
  #pb-ece .promo{flex-direction:column;align-items:flex-start;}
  #pb-ece .promo-btn{margin-left:0;}
}

/* PinoyBIX REE Page */
#pb-ree *{box-sizing:border-box;margin:0;padding:0;}
#pb-ree{font-family:inherit;}
#pb-ree .bc{padding:10px 20px;font-size:11px;color:#888;border-bottom:1px solid #ebebeb;}
#pb-ree .bc a{color:#3B6D11;text-decoration:none;}
#pb-ree .hero{padding:36px 24px 28px;text-align:center;background:linear-gradient(135deg,#EAF3DE 0%,#f4faea 100%);border-bottom:1px solid #C0DD97;}
#pb-ree .hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:3px 14px;border-radius:20px;margin-bottom:12px;font-weight:500;background:#fff;border:1px solid #C0DD97;color:#3B6D11;}
#pb-ree .hero h1{font-size:26px;font-weight:600;color:#1a1a1a;margin-bottom:8px;line-height:1.3;}
#pb-ree .hero p{font-size:13px;color:#555;max-width:500px;margin:0 auto 20px;line-height:1.6;}
#pb-ree .stat-row{display:flex;justify-content:center;gap:0;background:#fff;border:1px solid #C0DD97;border-radius:10px;max-width:480px;margin:0 auto;overflow:hidden;}
#pb-ree .stat-item{flex:1;min-width:90px;padding:12px 8px;text-align:center;border-right:1px solid #C0DD97;}
#pb-ree .stat-item:last-child{border-right:none;}
#pb-ree .stat-num{font-size:16px;font-weight:700;color:#3B6D11;}
#pb-ree .stat-lbl{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:0.4px;margin-top:2px;}
#pb-ree .sec{padding:22px 20px;}
#pb-ree .sec-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px;display:flex;align-items:center;gap:7px;}
#pb-ree .divider{border:none;border-top:1px solid #ebebeb;margin:0 20px;}
#pb-ree .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;}
#pb-ree .info-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:12px 14px;}
#pb-ree .info-card h3{font-size:10px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:5px;}
#pb-ree .info-card p{font-size:12px;color:#1a1a1a;line-height:1.5;}
#pb-ree .info-tag{display:inline-block;font-size:10px;padding:2px 8px;border-radius:20px;margin-top:5px;background:#EAF3DE;color:#27500A;}
#pb-ree .notice{display:flex;align-items:flex-start;gap:8px;background:#FFF8E6;border:1px solid #FAC775;border-radius:8px;padding:10px 12px;margin-bottom:10px;}
#pb-ree .notice p{font-size:11px;color:#633806;line-height:1.5;}
#pb-ree .diff-notice{display:flex;align-items:flex-start;gap:8px;background:#E1F5EE;border:1px solid #9FE1CB;border-radius:8px;padding:10px 12px;margin-bottom:10px;}
#pb-ree .diff-notice p{font-size:11px;color:#085041;line-height:1.5;}
#pb-ree .day-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#pb-ree .day-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:14px;}
#pb-ree .day-card.full{grid-column:1/-1;}
#pb-ree .day-label{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;display:inline-block;margin-bottom:8px;background:#EAF3DE;color:#27500A;}
#pb-ree .day-subject{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f0f0f0;}
#pb-ree .day-subject:last-child{border-bottom:none;padding-bottom:0;}
#pb-ree .day-sname{font-size:12px;color:#1a1a1a;}
#pb-ree .day-spct{font-size:11px;font-weight:600;color:#3B6D11;background:#EAF3DE;padding:2px 8px;border-radius:20px;}
#pb-ree .day-subtopics{padding-top:6px;font-size:11px;color:#666;line-height:1.5;border:none;display:block;}
#pb-ree .subj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;}
#pb-ree .subj-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:12px 14px;text-decoration:none;display:block;transition:border-color 0.15s,box-shadow 0.15s;}
#pb-ree .subj-card:hover{border-color:#5B9B2A;box-shadow:0 2px 8px rgba(59,109,17,0.07);}
#pb-ree .subj-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;display:inline-block;margin-bottom:6px;background:#EAF3DE;color:#27500A;}
#pb-ree .subj-card h3{font-size:12px;font-weight:600;color:#1a1a1a;margin-bottom:4px;line-height:1.3;}
#pb-ree .subj-card p{font-size:11px;color:#666;line-height:1.4;}
#pb-ree .subj-count{font-size:10px;color:#3B6D11;margin-top:5px;}
#pb-ree .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#pb-ree .compare-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:14px;}
#pb-ree .compare-card h3{font-size:12px;font-weight:600;margin-bottom:8px;}
#pb-ree .compare-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #f0f0f0;font-size:11px;}
#pb-ree .compare-row:last-child{border-bottom:none;}
#pb-ree .compare-label{color:#666;}
#pb-ree .compare-val{font-weight:600;color:#1a1a1a;}
#pb-ree .preboard-list{display:flex;flex-direction:column;gap:7px;}
#pb-ree .preboard-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;text-decoration:none;transition:border-color 0.15s;}
#pb-ree .preboard-item:hover{border-color:#5B9B2A;}
#pb-ree .pb-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;flex-shrink:0;background:#EAF3DE;color:#27500A;}
#pb-ree .pb-title{font-size:12px;color:#1a1a1a;flex:1;line-height:1.4;}
#pb-ree .pb-arrow{color:#aaa;font-size:13px;flex-shrink:0;}
#pb-ree .tips-list{display:flex;flex-direction:column;gap:8px;}
#pb-ree .tip{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:9px;}
#pb-ree .tip-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px;background:#EAF3DE;color:#27500A;}
#pb-ree .tip-body strong{font-size:12px;font-weight:600;color:#1a1a1a;display:block;margin-bottom:3px;}
#pb-ree .tip-body p{font-size:11px;color:#555;line-height:1.5;}
#pb-ree .req-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;}
#pb-ree .req-item{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;}
#pb-ree .req-item p{font-size:12px;color:#1a1a1a;line-height:1.4;}
#pb-ree .promo{background:#EAF3DE;border:1px solid #C0DD97;border-radius:10px;padding:18px 20px;display:flex;align-items:center;gap:14px;margin:4px 20px 24px;flex-wrap:wrap;}
#pb-ree .promo-icon{width:40px;height:40px;background:#3B6D11;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;}
#pb-ree .promo-text h3{font-size:13px;font-weight:600;color:#27500A;margin-bottom:3px;}
#pb-ree .promo-text p{font-size:11px;color:#3B6D11;line-height:1.4;}
#pb-ree .promo-btn{background:#3B6D11;color:#fff;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;flex-shrink:0;margin-left:auto;}
@media(max-width:520px){
  #pb-ree .day-grid{grid-template-columns:1fr;}
  #pb-ree .compare-grid{grid-template-columns:1fr;}
  #pb-ree .stat-row{flex-wrap:wrap;}
  #pb-ree .stat-item{min-width:50%;border-bottom:1px solid #C0DD97;}
  #pb-ree .promo{flex-direction:column;align-items:flex-start;}
  #pb-ree .promo-btn{margin-left:0;}
}

/* PinoyBIX ME Page */
#pb-me *{box-sizing:border-box;margin:0;padding:0;}
#pb-me{font-family:inherit;}
#pb-me .bc{padding:10px 20px;font-size:11px;color:#888;border-bottom:1px solid #ebebeb;}
#pb-me .bc a{color:#854F0B;text-decoration:none;}
#pb-me .hero{padding:36px 24px 28px;text-align:center;background:linear-gradient(135deg,#FAEEDA 0%,#fff8ee 100%);border-bottom:1px solid #FAC775;}
#pb-me .hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:3px 14px;border-radius:20px;margin-bottom:12px;font-weight:500;background:#fff;border:1px solid #FAC775;color:#854F0B;}
#pb-me .hero h1{font-size:26px;font-weight:600;color:#1a1a1a;margin-bottom:8px;line-height:1.3;}
#pb-me .hero p{font-size:13px;color:#555;max-width:500px;margin:0 auto 20px;line-height:1.6;}
#pb-me .stat-row{display:flex;justify-content:center;gap:0;background:#fff;border:1px solid #FAC775;border-radius:10px;max-width:480px;margin:0 auto;overflow:hidden;}
#pb-me .stat-item{flex:1;min-width:90px;padding:12px 8px;text-align:center;border-right:1px solid #FAC775;}
#pb-me .stat-item:last-child{border-right:none;}
#pb-me .stat-num{font-size:16px;font-weight:700;color:#854F0B;}
#pb-me .stat-lbl{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:0.4px;margin-top:2px;}
#pb-me .sec{padding:22px 20px;}
#pb-me .sec-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px;}
#pb-me .divider{border:none;border-top:1px solid #ebebeb;margin:0 20px;}
#pb-me .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;}
#pb-me .info-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:12px 14px;}
#pb-me .info-card h3{font-size:10px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:5px;}
#pb-me .info-card p{font-size:12px;color:#1a1a1a;line-height:1.5;}
#pb-me .info-tag{display:inline-block;font-size:10px;padding:2px 8px;border-radius:20px;margin-top:5px;background:#FAEEDA;color:#633806;}
#pb-me .notice{display:flex;align-items:flex-start;gap:8px;background:#FFF8E6;border:1px solid #FAC775;border-radius:8px;padding:10px 12px;margin-bottom:10px;}
#pb-me .notice p{font-size:11px;color:#633806;line-height:1.5;}
#pb-me .info-notice{display:flex;align-items:flex-start;gap:8px;background:#E1F5EE;border:1px solid #9FE1CB;border-radius:8px;padding:10px 12px;margin-bottom:10px;}
#pb-me .info-notice p{font-size:11px;color:#085041;line-height:1.5;}
#pb-me .day-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#pb-me .day-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:14px;}
#pb-me .day-card.full{grid-column:1/-1;}
#pb-me .day-label{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;display:inline-block;margin-bottom:8px;background:#FAEEDA;color:#633806;}
#pb-me .day-subject{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f0f0f0;}
#pb-me .day-subject:last-child{border-bottom:none;padding-bottom:0;}
#pb-me .day-sname{font-size:12px;color:#1a1a1a;}
#pb-me .day-spct{font-size:11px;font-weight:600;color:#854F0B;background:#FAEEDA;padding:2px 8px;border-radius:20px;}
#pb-me .day-subtopics{padding-top:8px;font-size:11px;color:#666;line-height:1.6;display:block;}
#pb-me .weight-wrap{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:16px;margin-bottom:10px;}
#pb-me .weight-header{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:14px;}
#pb-me .weight-bar-wrap{margin-bottom:12px;}
#pb-me .weight-bar-wrap:last-child{margin-bottom:0;}
#pb-me .weight-bar-label{display:flex;justify-content:space-between;margin-bottom:5px;}
#pb-me .weight-bar-name{font-size:12px;color:#1a1a1a;}
#pb-me .weight-bar-pct{font-size:12px;font-weight:600;color:#854F0B;}
#pb-me .weight-bar-bg{height:8px;background:#f5f5f5;border-radius:20px;overflow:hidden;}
#pb-me .weight-bar-fill{height:8px;border-radius:20px;}
#pb-me .subj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;}
#pb-me .subj-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:12px 14px;text-decoration:none;display:block;transition:border-color 0.15s,box-shadow 0.15s;}
#pb-me .subj-card:hover{border-color:#D4870B;box-shadow:0 2px 8px rgba(133,79,11,0.07);}
#pb-me .subj-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;display:inline-block;margin-bottom:6px;background:#FAEEDA;color:#633806;}
#pb-me .subj-card h3{font-size:12px;font-weight:600;color:#1a1a1a;margin-bottom:4px;line-height:1.3;}
#pb-me .subj-card p{font-size:11px;color:#666;line-height:1.4;}
#pb-me .subj-count{font-size:10px;color:#854F0B;margin-top:5px;}
#pb-me .preboard-list{display:flex;flex-direction:column;gap:7px;}
#pb-me .preboard-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;text-decoration:none;transition:border-color 0.15s;}
#pb-me .preboard-item:hover{border-color:#D4870B;}
#pb-me .pb-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;flex-shrink:0;background:#FAEEDA;color:#633806;}
#pb-me .pb-title{font-size:12px;color:#1a1a1a;flex:1;line-height:1.4;}
#pb-me .pb-arrow{color:#aaa;font-size:13px;flex-shrink:0;}
#pb-me .tips-list{display:flex;flex-direction:column;gap:8px;}
#pb-me .tip{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:9px;}
#pb-me .tip-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px;background:#FAEEDA;color:#633806;}
#pb-me .tip-body strong{font-size:12px;font-weight:600;color:#1a1a1a;display:block;margin-bottom:3px;}
#pb-me .tip-body p{font-size:11px;color:#555;line-height:1.5;}
#pb-me .compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;}
#pb-me .compare-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:14px;}
#pb-me .compare-card h3{font-size:12px;font-weight:600;margin-bottom:8px;}
#pb-me .compare-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #f0f0f0;font-size:11px;}
#pb-me .compare-row:last-child{border-bottom:none;}
#pb-me .compare-label{color:#666;}
#pb-me .compare-val{font-weight:600;color:#1a1a1a;text-align:right;max-width:55%;}
#pb-me .req-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;}
#pb-me .req-item{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;}
#pb-me .req-item p{font-size:12px;color:#1a1a1a;line-height:1.4;}
#pb-me .promo{background:#FAEEDA;border:1px solid #FAC775;border-radius:10px;padding:18px 20px;display:flex;align-items:center;gap:14px;margin:4px 20px 24px;flex-wrap:wrap;}
#pb-me .promo-icon{width:40px;height:40px;background:#854F0B;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;}
#pb-me .promo-text h3{font-size:13px;font-weight:600;color:#633806;margin-bottom:3px;}
#pb-me .promo-text p{font-size:11px;color:#854F0B;line-height:1.4;}
#pb-me .promo-btn{background:#854F0B;color:#fff;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;flex-shrink:0;margin-left:auto;}
@media(max-width:520px){
  #pb-me .day-grid{grid-template-columns:1fr;}
  #pb-me .compare-grid{grid-template-columns:1fr;}
  #pb-me .stat-row{flex-wrap:wrap;}
  #pb-me .stat-item{min-width:50%;border-bottom:1px solid #FAC775;}
  #pb-me .promo{flex-direction:column;align-items:flex-start;}
  #pb-me .promo-btn{margin-left:0;}
}

/* ============================================
   PINOYBIX — CE BOARD EXAM REVIEWER PAGE
   Scope: #pb-ce
   Primary: #B84A22 | Light bg: #FAECE7
   ============================================ */

/* --- BREADCRUMB --- */
#pb-ce .ce-breadcrumb {
  font-size: 13px;
  color: #666;
  margin-bottom: 1rem;
  padding: 0 0 0.5rem;
}
#pb-ce .ce-breadcrumb a {
  color: #B84A22;
  text-decoration: none;
}
#pb-ce .ce-breadcrumb a:hover {
  text-decoration: underline;
}

/* --- HERO --- */
#pb-ce .ce-hero {
  background: #B84A22;
  border-radius: 12px;
  padding: 2rem 1.75rem 1.75rem;
  margin-bottom: 2rem;
}
#pb-ce .ce-hero-badge {
  display: inline-block;
  background: rgba(255,255,255,0.18);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 4px 14px;
  border-radius: 20px;
  margin-bottom: 0.85rem;
  text-transform: uppercase;
}
#pb-ce .ce-hero h1 {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 0.65rem;
  line-height: 1.25;
}
#pb-ce .ce-hero-desc {
  font-size: 15px;
  color: rgba(255,255,255,0.88);
  max-width: 580px;
  margin-bottom: 1.5rem;
  line-height: 1.6;
}
#pb-ce .ce-stat-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 0.5rem;
}
#pb-ce .ce-stat-box {
  background: rgba(255,255,255,0.14);
  border-radius: 10px;
  padding: 12px 10px;
  text-align: center;
}
#pb-ce .ce-stat-num {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
#pb-ce .ce-stat-lbl {
  font-size: 11px;
  color: rgba(255,255,255,0.78);
  margin-top: 3px;
  display: block;
}

/* --- SECTION TITLES --- */
#pb-ce .ce-section-title {
  font-size: 15px;
  font-weight: 700;
  color: #B84A22;
  margin: 2rem 0 1rem;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid #FAECE7;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* --- OVERVIEW CARDS --- */
#pb-ce .ce-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 1rem;
}
#pb-ce .ce-ov-card {
  background: #fff;
  border: 1px solid #f0d5cc;
  border-left: 4px solid #B84A22;
  border-radius: 10px;
  padding: 1rem 1.1rem;
}
#pb-ce .ce-ov-label {
  font-size: 11px;
  font-weight: 700;
  color: #B84A22;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}
#pb-ce .ce-ov-val {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  line-height: 1.45;
}
#pb-ce .ce-ov-sub {
  font-size: 12px;
  color: #666;
  margin-top: 3px;
}

/* --- 2026 ORDER NOTICE --- */
#pb-ce .ce-notice {
  background: #FAECE7;
  border: 1px solid #f0b8a0;
  border-left: 4px solid #B84A22;
  border-radius: 10px;
  padding: 0.9rem 1.1rem;
  font-size: 13px;
  color: #5a2010;
  margin-bottom: 1.25rem;
  line-height: 1.6;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
#pb-ce .ce-notice-icon {
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 1px;
}

/* --- BAR CHART --- */
#pb-ce .ce-bar-wrap {
  margin-bottom: 1rem;
}
#pb-ce .ce-bar-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin-bottom: 5px;
}
#pb-ce .ce-bar-label-name {
  color: #444;
  font-weight: 500;
}
#pb-ce .ce-bar-label-pct {
  font-weight: 700;
  color: #B84A22;
  min-width: 38px;
  text-align: right;
}
#pb-ce .ce-bar-bg {
  background: #f5e5df;
  border-radius: 20px;
  height: 12px;
  overflow: hidden;
}
#pb-ce .ce-bar-fill {
  height: 12px;
  border-radius: 20px;
  background: #B84A22;
}

/* --- DAY BLOCKS --- */
#pb-ce .ce-day-block {
  margin-bottom: 1.1rem;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #f0d5cc;
}
#pb-ce .ce-day-header {
  background: #B84A22;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 14px;
  letter-spacing: 0.3px;
}
#pb-ce .ce-day-body {
  background: #fff;
  padding: 1rem 1.1rem;
}
#pb-ce .ce-subject-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 0.85rem;
}
#pb-ce .ce-subject-row:last-child {
  margin-bottom: 0;
}
#pb-ce .ce-subj-pct {
  min-width: 38px;
  font-size: 13px;
  font-weight: 700;
  color: #B84A22;
  padding-top: 2px;
}
#pb-ce .ce-subj-name {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  margin-bottom: 4px;
}
#pb-ce .ce-subj-topics {
  font-size: 12px;
  color: #666;
  line-height: 1.55;
}

/* --- MCQ REVIEWER CARDS --- */
#pb-ce .ce-mcq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 1rem;
}
#pb-ce .ce-mcq-card {
  background: #fff;
  border: 1px solid #f0d5cc;
  border-top: 4px solid #B84A22;
  border-radius: 10px;
  padding: 1rem 1.1rem;
  text-decoration: none;
  display: block;
  transition: border-color 0.2s;
}
#pb-ce .ce-mcq-card:hover {
  border-color: #B84A22;
  box-shadow: 0 2px 8px rgba(184,74,34,0.12);
}
#pb-ce .ce-mcq-badge {
  display: inline-block;
  background: #FAECE7;
  color: #7B2A0E;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 10px;
  margin-bottom: 7px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
#pb-ce .ce-mcq-name {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  margin-bottom: 4px;
}
#pb-ce .ce-mcq-topics {
  font-size: 12px;
  color: #666;
  margin-bottom: 8px;
  line-height: 1.5;
}
#pb-ce .ce-mcq-link {
  font-size: 12px;
  font-weight: 600;
  color: #B84A22;
}

/* --- PRE-BOARD LIST --- */
#pb-ce .ce-preboard-list {
  list-style: none;
  background: #fff;
  border: 1px solid #f0d5cc;
  border-radius: 10px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#pb-ce .ce-preboard-list li {
  padding: 11px 1rem;
  border-bottom: 1px solid #f5ede9;
  font-size: 13px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 10px;
}
#pb-ce .ce-preboard-list li:last-child {
  border-bottom: none;
}
#pb-ce .ce-pb-badge {
  display: inline-block;
  background: #FAECE7;
  color: #7B2A0E;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 10px;
  white-space: nowrap;
  text-transform: uppercase;
}
#pb-ce .ce-pb-arrow {
  margin-left: auto;
  color: #B84A22;
  font-weight: 700;
  font-size: 16px;
}

/* --- STUDY TIPS --- */
#pb-ce .ce-tip-block {
  display: flex;
  gap: 14px;
  padding: 1rem 0;
  border-bottom: 1px solid #f5ede9;
}
#pb-ce .ce-tip-block:last-child {
  border-bottom: none;
}
#pb-ce .ce-tip-num {
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #B84A22;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
#pb-ce .ce-tip-head {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  margin-bottom: 5px;
}
#pb-ce .ce-tip-body {
  font-size: 13px;
  color: #555;
  line-height: 1.6;
}

/* --- COMPARISON TABLE --- */
#pb-ce .ce-compare-wrap {
  overflow-x: auto;
  border-radius: 10px;
  border: 1px solid #f0d5cc;
}
#pb-ce .ce-compare-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
#pb-ce .ce-compare-table th {
  background: #B84A22;
  color: #fff;
  padding: 10px 12px;
  text-align: left;
  font-weight: 700;
  white-space: nowrap;
}
#pb-ce .ce-compare-table td {
  padding: 9px 12px;
  border-bottom: 1px solid #f5ede9;
  color: #333;
  vertical-align: top;
}
#pb-ce .ce-compare-table tr:last-child td {
  border-bottom: none;
}
#pb-ce .ce-compare-table tr:nth-child(even) td {
  background: #fdf6f4;
}
#pb-ce .ce-compare-table .ce-col-highlight {
  font-weight: 700;
  color: #B84A22;
}

/* --- APPLICATION REQUIREMENTS --- */
#pb-ce .ce-req-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
#pb-ce .ce-req-item {
  background: #fff;
  border: 1px solid #f0d5cc;
  border-radius: 10px;
  padding: 0.9rem 1rem;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
#pb-ce .ce-req-icon {
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 1px;
}
#pb-ce .ce-req-title {
  font-size: 13px;
  font-weight: 600;
  color: #222;
  margin-bottom: 3px;
}
#pb-ce .ce-req-desc {
  font-size: 12px;
  color: #666;
  line-height: 1.5;
}

/* --- PROMO BANNER --- */
#pb-ce .ce-promo {
  background: #B84A22;
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
}
#pb-ce .ce-promo-text h3 {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 5px;
}
#pb-ce .ce-promo-text p {
  color: rgba(255,255,255,0.82);
  font-size: 13px;
  line-height: 1.5;
}
#pb-ce .ce-promo-btn {
  background: #fff;
  color: #B84A22;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  transition: opacity 0.2s;
}
#pb-ce .ce-promo-btn:hover {
  opacity: 0.9;
}

/* --- NEW BADGE --- */
#pb-ce .ce-new-badge {
  display: inline-block;
  background: #3B6D11;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: 6px;
  vertical-align: middle;
  letter-spacing: 0.3px;
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 520px) {
  #pb-ce .ce-stat-strip {
    grid-template-columns: repeat(2, 1fr);
  }
  #pb-ce .ce-overview-grid,
  #pb-ce .ce-mcq-grid,
  #pb-ce .ce-req-grid {
    grid-template-columns: 1fr;
  }
  #pb-ce .ce-hero h1 {
    font-size: 22px;
  }
  #pb-ce .ce-promo {
    flex-direction: column;
    text-align: center;
  }
  #pb-ce .ce-compare-table th,
  #pb-ce .ce-compare-table td {
    font-size: 11px;
    padding: 7px 8px;
  }
}

/* ============================================
   PINOYBIX — LET REVIEWER PAGE
   Scope: #pb-let
   Primary: #534AB7 | Dark: #3C3489 | Light bg: #EEEDFE
   ============================================ */

/* --- BREADCRUMB --- */
#pb-let .let-breadcrumb {
  font-size: 13px;
  color: #666;
  margin-bottom: 1.25rem;
  padding: 0 0 0.5rem;
}
#pb-let .let-breadcrumb a {
  color: #534AB7;
  text-decoration: none;
}
#pb-let .let-breadcrumb a:hover {
  text-decoration: underline;
}

/* --- HERO --- */
#pb-let .let-hero {
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.75rem;
}
#pb-let .let-hero-top {
  background: #534AB7;
  padding: 1.75rem 1.75rem 1.25rem;
}
#pb-let .let-hero-eyebrow {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,255,255,0.72);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  display: block;
}
#pb-let .let-hero-top h1 {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 1.22;
  margin: 0 0 0.65rem;
}
#pb-let .let-hero-desc {
  font-size: 14px;
  color: rgba(255,255,255,0.84);
  line-height: 1.65;
  max-width: 560px;
  margin: 0;
}
#pb-let .let-hero-stats {
  background: #3C3489;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
#pb-let .let-hs {
  padding: 14px 12px;
  text-align: center;
  border-right: 1px solid rgba(255,255,255,0.1);
}
#pb-let .let-hs:last-child {
  border-right: none;
}
#pb-let .let-hs-num {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
#pb-let .let-hs-lbl {
  display: block;
  font-size: 10px;
  color: rgba(255,255,255,0.65);
  margin-top: 3px;
}

/* --- SECTION TITLES --- */
#pb-let .let-sh {
  font-size: 15px;
  font-weight: 700;
  color: #534AB7;
  margin: 1.75rem 0 0.9rem;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid #EEEDFE;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* --- OVERVIEW CARDS --- */
#pb-let .let-ov-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 0.25rem;
}
#pb-let .let-ov-card {
  background: #fff;
  border: 1px solid #e0d8f5;
  border-top: 3px solid #534AB7;
  border-radius: 10px;
  padding: 0.85rem 1rem;
}
#pb-let .let-ov-label {
  font-size: 10px;
  font-weight: 700;
  color: #534AB7;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}
#pb-let .let-ov-val {
  font-size: 13px;
  font-weight: 600;
  color: #222;
  line-height: 1.35;
}
#pb-let .let-ov-sub {
  font-size: 11px;
  color: #666;
  margin-top: 4px;
  line-height: 1.5;
}

/* --- SUBJECT WEIGHT LEVEL CARDS --- */
#pb-let .let-levels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 0.5rem;
}
#pb-let .let-lv {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e0d8f5;
}
#pb-let .let-lv-head {
  padding: 10px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#pb-let .let-lv-head-title {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}
#pb-let .let-lv-head-sub {
  font-size: 11px;
  color: rgba(255,255,255,0.75);
}
#pb-let .let-lv-body {
  background: #fff;
  padding: 1rem 1.1rem;
}
#pb-let .let-sw-row {
  margin-bottom: 0.85rem;
}
#pb-let .let-sw-row:last-child {
  margin-bottom: 0;
}
#pb-let .let-sw-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 4px;
}
#pb-let .let-sw-name {
  font-size: 12px;
  font-weight: 600;
  color: #222;
}
#pb-let .let-sw-pct {
  font-size: 13px;
  font-weight: 700;
  color: #534AB7;
}
#pb-let .let-sw-topics {
  font-size: 11px;
  color: #666;
  margin-bottom: 5px;
  line-height: 1.5;
}
#pb-let .let-bar {
  height: 8px;
  border-radius: 20px;
  background: #EEEDFE;
  overflow: hidden;
}
#pb-let .let-bar-in {
  height: 8px;
  border-radius: 20px;
  background: #534AB7;
}
#pb-let .let-lv-note {
  background: #EEEDFE;
  border-radius: 8px;
  padding: 8px 10px;
  margin-top: 0.75rem;
  font-size: 11px;
  color: #3C3489;
  line-height: 1.55;
}

/* --- NOTICE BOX --- */
#pb-let .let-notice {
  background: #EEEDFE;
  border-left: 4px solid #534AB7;
  border-radius: 0 8px 8px 0;
  padding: 0.8rem 1rem;
  font-size: 13px;
  color: #3C3489;
  line-height: 1.6;
  margin-bottom: 1rem;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
#pb-let .let-notice-icon {
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 1px;
}

/* --- SUBJECT COVERAGE CARDS --- */
#pb-let .let-cov-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 0.5rem;
}
#pb-let .let-cov-card {
  background: #fff;
  border: 1px solid #e0d8f5;
  border-radius: 10px;
  padding: 1rem 1.1rem;
}
#pb-let .let-cov-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0.7rem;
}
#pb-let .let-cov-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #EEEDFE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
#pb-let .let-cov-title {
  font-size: 13px;
  font-weight: 700;
  color: #222;
}
#pb-let .let-cov-sub {
  font-size: 11px;
  color: #666;
}
#pb-let .let-pill-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
#pb-let .let-pill {
  display: inline-block;
  font-size: 10px;
  background: #EEEDFE;
  color: #3C3489;
  padding: 3px 8px;
  border-radius: 10px;
  line-height: 1.4;
}

/* --- SPECIALIZATION GRID --- */
#pb-let .let-spec-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
#pb-let .let-spec-card {
  background: #fff;
  border: 1px solid #e0d8f5;
  border-top: 3px solid #534AB7;
  border-radius: 10px;
  padding: 0.85rem 1rem;
  position: relative;
}
#pb-let .let-spec-lv {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 9px;
  font-weight: 700;
  background: #EEEDFE;
  color: #534AB7;
  padding: 2px 6px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
#pb-let .let-spec-name {
  font-size: 13px;
  font-weight: 700;
  color: #222;
  margin-bottom: 4px;
  padding-right: 52px;
  line-height: 1.3;
}
#pb-let .let-spec-topics {
  font-size: 11px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 7px;
}
#pb-let .let-spec-link {
  font-size: 11px;
  font-weight: 700;
  color: #534AB7;
  text-decoration: none;
}
#pb-let .let-spec-link:hover {
  text-decoration: underline;
}

/* --- PRE-BOARD LIST --- */
#pb-let .let-pb-list {
  list-style: none;
  background: #fff;
  border: 1px solid #e0d8f5;
  border-radius: 10px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#pb-let .let-pb-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 1rem;
  border-bottom: 1px solid #f0ebfc;
  font-size: 13px;
  color: #333;
}
#pb-let .let-pb-item:last-child {
  border-bottom: none;
}
#pb-let .let-pb-tag {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  background: #EEEDFE;
  color: #3C3489;
  padding: 2px 8px;
  border-radius: 8px;
  white-space: nowrap;
  text-transform: uppercase;
}
#pb-let .let-pb-arrow {
  margin-left: auto;
  color: #534AB7;
  font-weight: 700;
  font-size: 16px;
}

/* --- STUDY TIPS --- */
#pb-let .let-tip {
  display: flex;
  gap: 14px;
  padding: 1rem 0;
  border-bottom: 1px solid #f0ebfc;
}
#pb-let .let-tip:last-child {
  border-bottom: none;
}
#pb-let .let-tip-num {
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #534AB7;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
#pb-let .let-tip-head {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  margin-bottom: 5px;
}
#pb-let .let-tip-body {
  font-size: 13px;
  color: #555;
  line-height: 1.65;
}

/* --- ELEM VS SECONDARY COMPARISON --- */
#pb-let .let-lvc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
#pb-let .let-lvc {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e0d8f5;
}
#pb-let .let-lvc-head {
  padding: 12px 16px;
}
#pb-let .let-lvc-head-title {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 2px;
}
#pb-let .let-lvc-head-sub {
  font-size: 11px;
  color: rgba(255,255,255,0.78);
}
#pb-let .let-lvc-body {
  background: #fff;
  padding: 1rem 1.1rem;
}
#pb-let .let-lvc-row {
  display: flex;
  gap: 10px;
  padding: 7px 0;
  border-bottom: 1px solid #f0ebfc;
  align-items: flex-start;
}
#pb-let .let-lvc-row:last-child {
  border-bottom: none;
}
#pb-let .let-lvc-lbl {
  font-size: 11px;
  color: #666;
  min-width: 115px;
  flex-shrink: 0;
  padding-top: 1px;
  line-height: 1.45;
}
#pb-let .let-lvc-val {
  font-size: 12px;
  font-weight: 500;
  color: #222;
  line-height: 1.5;
}
#pb-let .let-lvc-val.hi {
  color: #534AB7;
  font-weight: 700;
}
#pb-let .let-who-box {
  background: #EEEDFE;
  border-radius: 8px;
  padding: 8px 10px;
  margin-top: 0.75rem;
  font-size: 11px;
  color: #3C3489;
  line-height: 1.55;
}

/* --- PASS RATE HISTORY TABLE --- */
#pb-let .let-pr-wrap {
  border: 1px solid #e0d8f5;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 0.85rem;
}
#pb-let .let-pr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
#pb-let .let-pr-table th {
  background: #534AB7;
  color: #fff;
  padding: 10px 12px;
  text-align: left;
  font-weight: 700;
}
#pb-let .let-pr-table td {
  padding: 9px 12px;
  border-bottom: 1px solid #f0ebfc;
  color: #333;
  vertical-align: middle;
}
#pb-let .let-pr-table tr:last-child td {
  border-bottom: none;
}
#pb-let .let-pr-table tr:nth-child(even) td {
  background: #faf9fe;
}
#pb-let .let-pr-table td.hi {
  font-weight: 700;
  color: #534AB7;
}
#pb-let .let-pr-table td.best {
  font-weight: 700;
  color: #3B6D11;
}
#pb-let .let-trend-note {
  background: #f7f6fe;
  border: 1px solid #e0d8f5;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 13px;
  color: #555;
  line-height: 1.65;
}

/* --- APPLICATION REQUIREMENTS --- */
#pb-let .let-req-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
#pb-let .let-req-item {
  background: #fff;
  border: 1px solid #e0d8f5;
  border-radius: 10px;
  padding: 0.9rem 1rem;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
#pb-let .let-req-icon {
  font-size: 22px;
  flex-shrink: 0;
  margin-top: 1px;
}
#pb-let .let-req-title {
  font-size: 13px;
  font-weight: 700;
  color: #222;
  margin-bottom: 3px;
}
#pb-let .let-req-desc {
  font-size: 11px;
  color: #666;
  line-height: 1.55;
}

/* --- PROMO BANNER --- */
#pb-let .let-promo {
  background: #534AB7;
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 1.75rem;
}
#pb-let .let-promo-text h3 {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 5px;
}
#pb-let .let-promo-text p {
  color: rgba(255,255,255,0.82);
  font-size: 13px;
  line-height: 1.5;
}
#pb-let .let-promo-btn {
  background: #fff;
  color: #534AB7;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 22px;
  border-radius: 8px;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  flex-shrink: 0;
  transition: opacity 0.2s;
}
#pb-let .let-promo-btn:hover {
  opacity: 0.9;
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 520px) {
  #pb-let .let-hero-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  #pb-let .let-hs {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  #pb-let .let-ov-grid,
  #pb-let .let-levels,
  #pb-let .let-cov-grid,
  #pb-let .let-lvc-grid,
  #pb-let .let-req-grid {
    grid-template-columns: 1fr;
  }
  #pb-let .let-spec-grid {
    grid-template-columns: 1fr 1fr;
  }
  #pb-let .let-hero-top h1 {
    font-size: 22px;
  }
  #pb-let .let-promo {
    flex-direction: column;
    text-align: center;
  }
  #pb-let .let-lvc-lbl {
    min-width: 90px;
  }
}

/* ============================================
   PINOYBIX — CIVIL SERVICE EXAM REVIEWER PAGE
   Scope: #pb-cse
   Primary: #0F6E56 | Dark: #085041 | Light bg: #E1F5EE
   ============================================ */

/* --- BREADCRUMB --- */
#pb-cse .cse-breadcrumb {
  font-size: 13px;
  color: #666;
  margin-bottom: 1.25rem;
  padding: 0 0 0.5rem;
}
#pb-cse .cse-breadcrumb a {
  color: #0F6E56;
  text-decoration: none;
}
#pb-cse .cse-breadcrumb a:hover {
  text-decoration: underline;
}

/* --- HERO --- */
#pb-cse .cse-hero {
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.75rem;
}
#pb-cse .cse-hero-top {
  background: #0F6E56;
  padding: 1.75rem 1.75rem 1.25rem;
}
#pb-cse .cse-hero-eyebrow {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,255,255,0.72);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
#pb-cse .cse-hero-top h1 {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 1.22;
  margin: 0 0 0.65rem;
}
#pb-cse .cse-hero-desc {
  font-size: 14px;
  color: rgba(255,255,255,0.84);
  line-height: 1.65;
  max-width: 560px;
  margin: 0;
}
#pb-cse .cse-hero-stats {
  background: #085041;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
#pb-cse .cse-hs {
  padding: 14px 12px;
  text-align: center;
  border-right: 1px solid rgba(255,255,255,0.1);
}
#pb-cse .cse-hs:last-child {
  border-right: none;
}
#pb-cse .cse-hs-num {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
#pb-cse .cse-hs-lbl {
  display: block;
  font-size: 10px;
  color: rgba(255,255,255,0.65);
  margin-top: 3px;
}

/* --- SECTION TITLES --- */
#pb-cse .cse-sh {
  font-size: 15px;
  font-weight: 700;
  color: #0F6E56;
  margin: 1.75rem 0 0.9rem;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid #E1F5EE;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* --- OVERVIEW CARDS --- */
#pb-cse .cse-ov-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
#pb-cse .cse-ov-card {
  background: #fff;
  border: 1px solid #c8eade;
  border-top: 3px solid #0F6E56;
  border-radius: 10px;
  padding: 0.85rem 1rem;
}
#pb-cse .cse-ov-label {
  font-size: 10px;
  font-weight: 700;
  color: #0F6E56;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}
#pb-cse .cse-ov-val {
  font-size: 13px;
  font-weight: 600;
  color: #222;
  line-height: 1.35;
}
#pb-cse .cse-ov-sub {
  font-size: 11px;
  color: #666;
  margin-top: 4px;
  line-height: 1.5;
}
#pb-cse .cse-free-badge {
  display: inline-block;
  background: #E1F5EE;
  color: #085041;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 8px;
  margin-left: 6px;
  vertical-align: middle;
}

/* --- NOTICE BOXES --- */
#pb-cse .cse-notice {
  background: #E1F5EE;
  border-left: 4px solid #0F6E56;
  border-radius: 0 8px 8px 0;
  padding: 0.8rem 1rem;
  font-size: 13px;
  color: #085041;
  line-height: 1.6;
  margin-bottom: 0.75rem;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
#pb-cse .cse-notice-icon {
  font-size: 17px;
  flex-shrink: 0;
  margin-top: 1px;
  color: #085041;
}

/* --- LEVEL STRUCTURE CARDS --- */
#pb-cse .cse-levels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 0.5rem;
}
#pb-cse .cse-lv {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #c8eade;
}
#pb-cse .cse-lv-head {
  padding: 10px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#pb-cse .cse-lv-head-title {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}
#pb-cse .cse-lv-head-sub {
  font-size: 11px;
  color: rgba(255,255,255,0.75);
}
#pb-cse .cse-lv-body {
  background: #fff;
  padding: 1rem 1.1rem;
}
#pb-cse .cse-st-row {
  margin-bottom: 0.85rem;
}
#pb-cse .cse-st-row:last-child {
  margin-bottom: 0;
}
#pb-cse .cse-st-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 4px;
}
#pb-cse .cse-st-name {
  font-size: 12px;
  font-weight: 600;
  color: #222;
  line-height: 1.4;
}
#pb-cse .cse-st-items {
  font-size: 11px;
  font-weight: 700;
  color: #0F6E56;
  white-space: nowrap;
  flex-shrink: 0;
}
#pb-cse .cse-st-topics {
  font-size: 11px;
  color: #666;
  margin-bottom: 5px;
  line-height: 1.5;
}
#pb-cse .cse-bar {
  height: 8px;
  border-radius: 20px;
  background: #E1F5EE;
  overflow: hidden;
}
#pb-cse .cse-bar-in {
  height: 8px;
  border-radius: 20px;
  background: #0F6E56;
}
#pb-cse .cse-only-badge {
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  background: #E1F5EE;
  color: #085041;
  padding: 1px 6px;
  border-radius: 6px;
  margin-left: 5px;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}

/* --- SUBJECT COVERAGE CARDS --- */
#pb-cse .cse-cov-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 0.5rem;
}
#pb-cse .cse-cov-card {
  background: #fff;
  border: 1px solid #c8eade;
  border-radius: 10px;
  padding: 1rem 1.1rem;
}
#pb-cse .cse-cov-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0.7rem;
}
#pb-cse .cse-cov-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #E1F5EE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: #0F6E56;
  flex-shrink: 0;
}
#pb-cse .cse-cov-title {
  font-size: 13px;
  font-weight: 700;
  color: #222;
}
#pb-cse .cse-cov-sub {
  font-size: 11px;
  color: #666;
}
#pb-cse .cse-pill-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
#pb-cse .cse-pill {
  display: inline-block;
  font-size: 10px;
  background: #E1F5EE;
  color: #085041;
  padding: 3px 8px;
  border-radius: 10px;
  line-height: 1.4;
}

/* --- MCQ REVIEWER CARDS --- */
#pb-cse .cse-mcq-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 0.5rem;
}
#pb-cse .cse-mcq-card {
  background: #fff;
  border: 1px solid #c8eade;
  border-top: 3px solid #0F6E56;
  border-radius: 10px;
  padding: 0.85rem 1rem;
  text-decoration: none;
  display: block;
  transition: box-shadow 0.2s;
}
#pb-cse .cse-mcq-card:hover {
  box-shadow: 0 2px 8px rgba(15,110,86,0.12);
}
#pb-cse .cse-mcq-badge {
  display: inline-block;
  background: #E1F5EE;
  color: #085041;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
#pb-cse .cse-mcq-name {
  font-size: 13px;
  font-weight: 700;
  color: #222;
  margin-bottom: 4px;
}
#pb-cse .cse-mcq-topics {
  font-size: 11px;
  color: #666;
  margin-bottom: 7px;
  line-height: 1.5;
}
#pb-cse .cse-mcq-link {
  font-size: 11px;
  font-weight: 700;
  color: #0F6E56;
}

/* --- PRE-BOARD LIST --- */
#pb-cse .cse-pb-list {
  list-style: none;
  background: #fff;
  border: 1px solid #c8eade;
  border-radius: 10px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#pb-cse .cse-pb-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 1rem;
  border-bottom: 1px solid #e8f5f0;
  font-size: 13px;
  color: #333;
}
#pb-cse .cse-pb-item:last-child {
  border-bottom: none;
}
#pb-cse .cse-pb-tag {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  background: #E1F5EE;
  color: #085041;
  padding: 2px 8px;
  border-radius: 8px;
  white-space: nowrap;
  text-transform: uppercase;
}
#pb-cse .cse-pb-arrow {
  margin-left: auto;
  color: #0F6E56;
  font-weight: 700;
  font-size: 16px;
}

/* --- STUDY TIPS --- */
#pb-cse .cse-tip {
  display: flex;
  gap: 14px;
  padding: 1rem 0;
  border-bottom: 1px solid #e8f5f0;
}
#pb-cse .cse-tip:last-child {
  border-bottom: none;
}
#pb-cse .cse-tip-num {
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #0F6E56;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
#pb-cse .cse-tip-head {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  margin-bottom: 5px;
}
#pb-cse .cse-tip-body {
  font-size: 13px;
  color: #555;
  line-height: 1.65;
}

/* --- PROF VS SUBPROF COMPARISON --- */
#pb-cse .cse-lvc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
#pb-cse .cse-lvc {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #c8eade;
}
#pb-cse .cse-lvc-head {
  padding: 12px 16px;
}
#pb-cse .cse-lvc-head-title {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 2px;
}
#pb-cse .cse-lvc-head-sub {
  font-size: 11px;
  color: rgba(255,255,255,0.78);
}
#pb-cse .cse-lvc-body {
  background: #fff;
  padding: 1rem 1.1rem;
}
#pb-cse .cse-lvc-row {
  display: flex;
  gap: 10px;
  padding: 7px 0;
  border-bottom: 1px solid #e8f5f0;
  align-items: flex-start;
}
#pb-cse .cse-lvc-row:last-child {
  border-bottom: none;
}
#pb-cse .cse-lvc-lbl {
  font-size: 11px;
  color: #666;
  min-width: 115px;
  flex-shrink: 0;
  padding-top: 1px;
  line-height: 1.45;
}
#pb-cse .cse-lvc-val {
  font-size: 12px;
  font-weight: 500;
  color: #222;
  line-height: 1.5;
}
#pb-cse .cse-lvc-val.hi {
  color: #0F6E56;
  font-weight: 700;
}
#pb-cse .cse-who-box {
  background: #E1F5EE;
  border-radius: 8px;
  padding: 8px 10px;
  margin-top: 0.75rem;
  font-size: 11px;
  color: #085041;
  line-height: 1.55;
}

/* --- PASS RATE HISTORY TABLE --- */
#pb-cse .cse-pr-wrap {
  border: 1px solid #c8eade;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 0.85rem;
}
#pb-cse .cse-pr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
#pb-cse .cse-pr-table th {
  background: #0F6E56;
  color: #fff;
  padding: 10px 12px;
  text-align: left;
  font-weight: 700;
}
#pb-cse .cse-pr-table td {
  padding: 9px 12px;
  border-bottom: 1px solid #e8f5f0;
  color: #333;
  vertical-align: middle;
}
#pb-cse .cse-pr-table tr:last-child td {
  border-bottom: none;
}
#pb-cse .cse-pr-table tr:nth-child(even) td {
  background: #f5fbf8;
}
#pb-cse .cse-pr-table td.hi {
  font-weight: 700;
  color: #0F6E56;
}
#pb-cse .cse-pr-table td.lo {
  font-weight: 700;
  color: #993C1D;
}
#pb-cse .cse-trend-note {
  background: #f5fbf8;
  border: 1px solid #c8eade;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 13px;
  color: #555;
  line-height: 1.65;
}

/* --- APPLICATION REQUIREMENTS --- */
#pb-cse .cse-req-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
#pb-cse .cse-req-item {
  background: #fff;
  border: 1px solid #c8eade;
  border-radius: 10px;
  padding: 0.9rem 1rem;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
#pb-cse .cse-req-icon {
  font-size: 22px;
  flex-shrink: 0;
  margin-top: 1px;
}
#pb-cse .cse-req-title {
  font-size: 13px;
  font-weight: 700;
  color: #222;
  margin-bottom: 3px;
}
#pb-cse .cse-req-desc {
  font-size: 11px;
  color: #666;
  line-height: 1.55;
}

/* --- PROMO BANNER --- */
#pb-cse .cse-promo {
  background: #0F6E56;
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 1.75rem;
}
#pb-cse .cse-promo-text h3 {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 5px;
}
#pb-cse .cse-promo-text p {
  color: rgba(255,255,255,0.82);
  font-size: 13px;
  line-height: 1.5;
}
#pb-cse .cse-promo-btn {
  background: #fff;
  color: #0F6E56;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 22px;
  border-radius: 8px;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  flex-shrink: 0;
  transition: opacity 0.2s;
}
#pb-cse .cse-promo-btn:hover {
  opacity: 0.9;
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 520px) {
  #pb-cse .cse-hero-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  #pb-cse .cse-hs {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  #pb-cse .cse-ov-grid,
  #pb-cse .cse-levels,
  #pb-cse .cse-cov-grid,
  #pb-cse .cse-mcq-grid,
  #pb-cse .cse-lvc-grid,
  #pb-cse .cse-req-grid {
    grid-template-columns: 1fr;
  }
  #pb-cse .cse-hero-top h1 {
    font-size: 22px;
  }
  #pb-cse .cse-promo {
    flex-direction: column;
    text-align: center;
  }
  #pb-cse .cse-lvc-lbl {
    min-width: 90px;
  }
  #pb-cse .cse-lv-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
}

/* ============================================
   PINOYBIX NAVIGATION — UberMenu styling
   Replaces the old Max Mega Menu block above for
   actual rendering. That block is left in place
   harmlessly as a fallback reference — it targets
   #mega-menu-* classes that no longer exist in the
   DOM now that UberMenu is active, so it has no
   effect, but keeps the theme-level "kill orange
   background" rules (#site-header, #primary-navigation,
   watermark strip) which still apply either way.
   ============================================ */

/* SUBMENU ARROW SPACING — UberMenu's own indicator offset variable,
   plus extra right padding on items that have a dropdown, so the arrow
   isn't crammed against the text */
#primary-navigation .ubermenu {
  --ubermenu-submenu-indicator-offset: 6px !important;
}
#primary-navigation .ubermenu .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target {
  padding-right: 24px !important;
}

/* TOP LEVEL NAV LINKS — desktop */
#primary-navigation .ubermenu .ubermenu-item-level-0 > .ubermenu-target {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #444444 !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: normal !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#primary-navigation .ubermenu .ubermenu-item-level-0 > .ubermenu-target:hover {
  color: #185FA5 !important;
  background: #f0f4f8 !important;
}

/* ACTIVE PAGE */
#primary-navigation .ubermenu .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
#primary-navigation .ubermenu .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
  color: #185FA5 !important;
  font-weight: 500 !important;
}

/* GET PREMIUM BUTTON — last top-level item */
#primary-navigation .ubermenu .ubermenu-item-level-0:last-child > .ubermenu-target {
  background: #185FA5 !important;
  color: #ffffff !important;
  padding: 7px 18px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  margin-left: 4px !important;
  border: none !important;
  box-shadow: none !important;
}
#primary-navigation .ubermenu .ubermenu-item-level-0:last-child > .ubermenu-target:hover {
  background: #0C447C !important;
  color: #ffffff !important;
}

/* DROPDOWN PANEL */
#primary-navigation .ubermenu .ubermenu-submenu {
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.09) !important;
  padding: 8px !important;
  min-width: 220px !important;
  z-index: 999999 !important;
}

/* DROPDOWN ITEMS */
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item .ubermenu-target {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #333333 !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1.4 !important;
}
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item .ubermenu-target:hover {
  background: #f5f5f5 !important;
  color: #111111 !important;
}

/* SECTION LABELS — re-apply the "pb-nav-label" custom CSS class to the
   relevant menu items in Appearance > Menus (Screen Options > CSS Classes) */
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-nav-label > .ubermenu-target {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #aaaaaa !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  padding: 10px 12px 3px !important;
  pointer-events: none !important;
  cursor: default !important;
  background: transparent !important;
}
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-nav-label > .ubermenu-target:hover {
  background: transparent !important;
  color: #aaaaaa !important;
}
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-nav-label:not(:first-child) {
  border-top: 1px solid #f0f0f0 !important;
  margin-top: 6px !important;
  padding-top: 2px !important;
}

/* VIEW ALL — re-apply the "pb-nav-viewall" custom CSS class */
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-nav-viewall > .ubermenu-target {
  font-weight: 600 !important;
  color: #185FA5 !important;
  border-top: 1px solid #f0f0f0 !important;
  margin-top: 4px !important;
  padding-top: 10px !important;
}
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-nav-viewall > .ubermenu-target:hover {
  background: #E6F1FB !important;
  color: #0C447C !important;
}

/* EXAM COLOR DOTS — re-apply pb-dot-ece / pb-dot-ree / pb-dot-me /
   pb-dot-ce / pb-dot-let / pb-dot-cse custom CSS classes per item */
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-dot-ece > .ubermenu-target::before,
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-dot-ree > .ubermenu-target::before,
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-dot-me  > .ubermenu-target::before,
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-dot-ce  > .ubermenu-target::before,
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-dot-let > .ubermenu-target::before,
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-dot-cse > .ubermenu-target::before {
  content: '' !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -1px !important;
  flex-shrink: 0 !important;
}
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-dot-ece > .ubermenu-target::before { background: #185FA5 !important; }
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-dot-ree > .ubermenu-target::before { background: #3B6D11 !important; }
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-dot-me  > .ubermenu-target::before { background: #854F0B !important; }
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-dot-ce  > .ubermenu-target::before { background: #B84A22 !important; }
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-dot-let > .ubermenu-target::before { background: #534AB7 !important; }
#primary-navigation .ubermenu .ubermenu-submenu .ubermenu-item.pb-dot-cse > .ubermenu-target::before { background: #0F6E56 !important; }

/* MOBILE RESPONSIVE TOGGLE — UberMenu's own toggle button.
   Scoped to mobile widths only — UberMenu already hides this on desktop
   via its own CSS; we only style its appearance where it's actually
   meant to show, we don't force it to display everywhere. */
@media only screen and (max-width: 768px) {
  #primary-navigation .ubermenu-responsive-toggle {
    background: #1a1a1a !important;
    color: #ffffff !important;
    padding: 13px 16px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  #primary-navigation .ubermenu-responsive-toggle .ubermenu-responsive-toggle-label,
  #primary-navigation .ubermenu-responsive-toggle-icon {
    color: #ffffff !important;
  }
}

/* MOBILE — dropdown submenu background/spacing on small screens */
@media only screen and (max-width: 768px) {
  #primary-navigation .ubermenu {
    background: #ffffff !important;
  }
  #primary-navigation .ubermenu .ubermenu-nav {
    background: #ffffff !important;
  }
  #primary-navigation .ubermenu .ubermenu-item-level-0 > .ubermenu-target {
    padding: 12px 16px !important;
  }
}