#mq-tutors{
      --ink:#0f172a; --muted:#475569;
      --primary:#2563eb; --primary-dark:#1d4ed8;          /* male */
      --female:#eab308; --female-dark:#ca8a04;            /* female */
      --surface:#fff; --ring:#e2ecff; --ring-2:#f3f4f6;
      --tab-bg:#eef3ff; --tab-bg-2:#fff8dc;
      --r-lg:20px; --r-sm:12px;
      font-family:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
      color:var(--ink);
      background:
        radial-gradient(900px 600px at -10% -20%, rgba(37,99,235,.08), transparent 60%),
        radial-gradient(900px 620px at 120% 0%, rgba(250,204,21,.07), transparent 55%),
        linear-gradient(180deg,#f5f9ff,#eef3ff);
      padding:clamp(36px,6vw,72px) 16px;
      position:relative; isolation:isolate; overflow:hidden;
    }
    /* Ensure hidden panels are actually hidden across builders */
    #mq-tutors [hidden]{display:none !important;}

    .head{text-align:center;max-width:1100px;margin:0 auto 22px;}
    .title{margin:0;color:#111827;font-weight:800;line-height:1.12;font-size:clamp(22px,3.2vw,36px);}
    .intro{margin:10px auto 0;color:var(--muted);font-size:clamp(15px,1.1vw,17px);line-height:1.9;max-width:75ch;}
    .u{width:min(360px,58%);height:8px;border-radius:999px;margin:12px auto 12px;background:linear-gradient(90deg,#bfdbfe,#93c5fd);box-shadow:0 12px 24px rgba(37,99,235,.35);}

    /* Tabs */
    .tabs{margin:16px auto 0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
    .tab-btn{
      appearance:none;border:1px solid var(--ring);background:#fff;border-radius:999px;
      padding:10px 16px;font-weight:800;font-size:13px;cursor:pointer;
      display:inline-flex;align-items:center;gap:8px;
      transition:transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
    }
    .tab-btn[data-tab="male"][aria-selected="true"]{background:var(--tab-bg);border-color:#bfd3ff;box-shadow:0 10px 20px rgba(37,99,235,.18);}
    .tab-btn[data-tab="female"][aria-selected="true"]{background:var(--tab-bg-2);border-color:#fde68a;box-shadow:0 10px 20px rgba(234,179,8,.18);}
    .tab-btn:hover{transform:translateY(-1px);}

    /* Grid */
    .grid{max-width:1180px;margin:clamp(18px,3vw,28px) auto 0;display:grid;gap:clamp(14px,2vw,20px);grid-template-columns:repeat(5,minmax(0,1fr));}
    @media (max-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
    @media (max-width:900px){ .grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
    @media (max-width:680px){ .grid{grid-template-columns:1fr;}}

    /* Card */
    .card{
      position:relative; isolation:isolate; overflow:hidden;border-radius:var(--r-lg);
      background:var(--surface); border:1px solid var(--ring); box-shadow:0 22px 46px rgba(15,23,42,.10);
      display:grid; gap:8px; padding:14px 12px 16px; text-align:center;
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    }
    .card::before{content:"";position:absolute;inset:0 0 auto 0;height:78px;background:linear-gradient(180deg,#e5edff,#ffffff00);opacity:.9;pointer-events:none;}
    .card:hover{transform:translateY(-6px);box-shadow:0 26px 52px rgba(15,23,42,.18);border-color:#bfd3ff;background:linear-gradient(180deg,#ffffff,#f5f7ff);}
    .thumb{display:grid;place-items:center;margin-top:6px;}
    .thumb img{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#fff;border:3px solid #e5edff;box-shadow:0 12px 26px rgba(37,99,235,.25),0 0 0 6px #ffffffcc;}
    .name{margin:6px 8px 0;font-weight:800;line-height:1.25;font-size:clamp(15px,1.6vw,17px);color:#111827;}
    .cta{
      display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:8px auto 0;padding:9px 14px;
      color:#ffffff;font-weight:700;border-radius:999px;text-decoration:none;border:0;box-shadow:0 16px 32px rgba(37,99,235,.25);
      transition:transform .15s ease, box-shadow .15s ease, filter .15s ease, background .15s ease; font-size:13.5px; cursor:pointer;
    }
    .cta:hover{transform:translateY(-2px);filter:brightness(1.03);}
    .cta[data-gender="male"]{background:linear-gradient(180deg,var(--primary),var(--primary-dark));}
    .cta[data-gender="female"]{background:linear-gradient(180deg,var(--female),var(--female-dark));box-shadow:0 16px 32px rgba(234,179,8,.28);}

    /* Modal */
    .mq-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s ease;}
    .mq-modal[aria-hidden="false"]{opacity:1;pointer-events:auto;}
    .mq-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(6px);}
    .mq-modal-dialog{
      position:relative;z-index:1;width:100%;max-width:700px;margin:16px;border-radius:20px;background:#ffffff;
      box-shadow:0 28px 64px rgba(15,23,42,.35);padding:24px 22px;display:grid;gap:10px;max-height:90vh;overflow:auto;border:1px solid var(--ring-2);
    }
    .mq-modal-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800;width:max-content;}
    .mq-modal-badge[data-gender="female"]{background:#fef9c3;border-color:#fde68a;color:#a16207;}
    .mq-modal-name{margin:6px 0 4px;font-size:20px;font-weight:900;color:#111827;line-height:1.3;}
    .mq-modal-tagline{margin:0 0 8px;font-size:14px;line-height:1.7;color:#4b5563;}
    .mq-modal-bio{color:#374151;line-height:1.9;font-size:15px;white-space:pre-line;}
    .mq-modal-actions{margin-top:12px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;}
    .mq-modal-btn{border-radius:999px;padding:10px 16px;font-size:13px;font-weight:800;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
    .mq-modal-btn-secondary{background:#f9fafb;color:#4b5563;border:1px solid #e5e7eb;}
    .mq-modal-btn-primary.male{background:linear-gradient(180deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 18px 40px rgba(37,99,235,.32);}
    .mq-modal-btn-primary.female{background:linear-gradient(180deg,var(--female),var(--female-dark));color:#fff;box-shadow:0 18px 40px rgba(234,179,8,.28);}