/*  MWMC Advisor Profile — page styles
 *  Auto-scoped to .mwmc-adv so nothing leaks into the Xpro header/footer.
 *  Generated from mwmc-advisor-profile.html — edit that source, then re-generate.
 */

.mwmc-adv *,
.mwmc-adv *::before,
.mwmc-adv *::after { box-sizing: border-box; margin: 0; padding: 0; }

.mwmc-adv {
  --navy: #1A2744;
  --gold: #C9973A;
  --gold-pale: #fdf6e9;
  --white: #ffffff;
  --bg: #f8f8f6;
  --border: #e8e8e4;
  --muted: #8a8a82;
  --body: #2d2d2a;
  font-family: 'Inter', 'Noto Sans SC', sans-serif;
  color: var(--body);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
}

html { scroll-behavior: smooth; }

/* element-level margin reset guard — theme leak protection */
.mwmc-adv p, .mwmc-adv h1, .mwmc-adv h2, .mwmc-adv h3, .mwmc-adv h4,
.mwmc-adv h5, .mwmc-adv h6, .mwmc-adv ul, .mwmc-adv ol, .mwmc-adv li,
.mwmc-adv blockquote, .mwmc-adv figure { margin: 0; padding: 0; }
.mwmc-adv ul, .mwmc-adv ol { list-style: none; }
.mwmc-adv img { max-width: 100%; display: block; }

/* ── FADE UP ── */
.mwmc-adv .fade-up {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity 0.65s ease, transform 0.65s ease;
    }
.mwmc-adv .fade-up.visible { opacity: 1; transform: none; }
.mwmc-adv .fade-up:nth-child(2) { transition-delay: 0.1s; }
.mwmc-adv .fade-up:nth-child(3) { transition-delay: 0.2s; }
/* ── ZH FONT OVERRIDES ── */
html[lang="zh-MY"] .mwmc-adv h1,
html[lang="zh-MY"] .mwmc-adv h2,
html[lang="zh-MY"] .mwmc-adv h3,
html[lang="zh-MY"] .mwmc-adv h4 {
      font-family: 'DM Serif Display', 'Noto Serif SC', serif;
      font-weight: 700;
    }
html[lang="zh-MY"] .mwmc-adv p,
html[lang="zh-MY"] .mwmc-adv li {
      font-family: 'Inter', 'Noto Sans SC', sans-serif;
    }
.mwmc-adv #cta { background: var(--navy); }
.mwmc-adv .cta-wrap {
      max-width: 1100px;
      margin: 0 auto;
      padding: 90px 6%;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 5rem;
      align-items: center;
    }
.mwmc-adv #cta h2 { color: var(--white); }
.mwmc-adv #cta .section-intro { color: rgba(255,255,255,0.55); }
.mwmc-adv .cta-perks {
      list-style: none;
      margin-top: 1.5rem;
      display: flex;
      flex-direction: column;
      gap: 0.7rem;
    }
.mwmc-adv .cta-perks li {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      font-size: 0.875rem;
      color: rgba(255,255,255,0.7);
    }
.mwmc-adv .perk-dot {
      width: 6px; height: 6px;
      border-radius: 50%;
      background: var(--gold);
      flex-shrink: 0;
    }
.mwmc-adv .cta-form {
      background: var(--white);
      border-radius: 16px;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }
.mwmc-adv .cta-form h3 {
      font-family: 'DM Serif Display', 'Noto Serif SC', serif;
      font-size: 1.3rem;
      color: var(--navy);
      margin-bottom: 0.2rem;
    }
.mwmc-adv .cta-form h3 + p {
      font-size: 0.82rem;
      color: var(--muted);
    }
.mwmc-adv .f-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
.mwmc-adv .cta-field-group { display: flex; flex-direction: column; }
.mwmc-adv .cta-label {
      font-size: 0.72rem;
      font-weight: 600;
      color: var(--muted);
      letter-spacing: 0.04em;
      text-transform: uppercase;
      margin-bottom: 0.35rem;
      display: block;
    }
.mwmc-adv .cta-form input,
.mwmc-adv .cta-form select,
.mwmc-adv .cta-form textarea {
      width: 100%;
      padding: 0.8rem 1rem;
      border: 1.5px solid var(--border);
      border-radius: 8px;
      font-family: 'Inter', 'Noto Sans SC', sans-serif;
      font-size: 0.875rem;
      color: var(--navy);
      background: var(--white);
      outline: none;
      transition: border-color 0.2s, box-shadow 0.2s;
    }
.mwmc-adv .cta-form input:focus,
.mwmc-adv .cta-form select:focus,
.mwmc-adv .cta-form textarea:focus {
      border-color: var(--navy);
      box-shadow: 0 0 0 3px rgba(26,39,68,0.07);
    }
.mwmc-adv .cta-form input::placeholder,
.mwmc-adv .cta-form textarea::placeholder { color: #bbb; }
.mwmc-adv .cta-form select { cursor: pointer; }
.mwmc-adv .cta-form select option[value=""] { color: #bbb; }
.mwmc-adv .cta-form textarea { resize: none; height: 90px; line-height: 1.6; }
.mwmc-adv .field-error {
      font-size: 0.72rem;
      color: #dc2626;
      margin-top: 0.3rem;
    }
.mwmc-adv .cta-form input.invalid,
.mwmc-adv .cta-form select.invalid { border-color: #dc2626; }
.mwmc-adv .pdpa-row {
      display: flex;
      align-items: flex-start;
      gap: 0.6rem;
      font-size: 0.78rem;
      color: var(--muted);
      line-height: 1.4;
    }
.mwmc-adv .pdpa-row input[type="checkbox"] {
      width: 15px;
      height: 15px;
      flex-shrink: 0;
      margin-top: 1px;
      accent-color: var(--navy);
      cursor: pointer;
    }
.mwmc-adv .pdpa-row a { color: var(--gold); text-decoration: none; }
.mwmc-adv .cta-success {
      display: none;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 2rem 1rem;
      gap: 0.75rem;
    }
.mwmc-adv .cta-success-icon {
      width: 52px; height: 52px;
      border-radius: 50%;
      background: #f0fdf4;
      display: flex; align-items: center; justify-content: center;
    }
.mwmc-adv .cta-success h3 {
      font-family: 'DM Serif Display', 'Noto Serif SC', serif;
      font-size: 1.3rem;
      color: var(--navy);
    }
.mwmc-adv .cta-success p { font-size: 0.85rem; color: var(--muted); }
.mwmc-adv .btn-submit {
      width: 100%;
      padding: 1rem;
      background: var(--navy);
      color: var(--white);
      border: none;
      border-radius: 8px;
      font-family: 'Inter', 'Noto Sans SC', sans-serif;
      font-weight: 600;
      font-size: 0.9rem;
      cursor: pointer;
      margin-top: 0.25rem;
      transition: background 0.2s, transform 0.2s;
    }
.mwmc-adv .btn-submit:hover { background: #243460; transform: translateY(-1px); color: var(--white); }
.mwmc-adv .form-note {
      text-align: center;
      font-size: 0.75rem;
      color: var(--muted);
    }
.mwmc-adv .form-note a { color: var(--gold); text-decoration: none; }
/* ── SHARED BITS ── */
.mwmc-adv .hero-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 1.25rem;
    }
.mwmc-adv .hero-eyebrow::before {
      content: '';
      display: block;
      width: 20px;
      height: 2px;
      background: var(--gold);
      border-radius: 2px;
    }
.mwmc-adv .section-intro {
      font-size: 0.95rem;
      color: var(--muted);
      line-height: 1.8;
      max-width: 520px;
      margin-top: 0.25rem;
    }
/* CTA eyebrow sits on navy — kill the gold dash contrast issue */
.mwmc-adv #cta .eyebrow::before { background: rgba(201,151,58,0.9); }
/* Element-level margin reset guard (theme leak protection) */
.mwmc-adv p,
.mwmc-adv h1,
.mwmc-adv h2,
.mwmc-adv h3,
.mwmc-adv h4,
.mwmc-adv h5,
.mwmc-adv h6,
.mwmc-adv ul,
.mwmc-adv ol,
.mwmc-adv li,
.mwmc-adv blockquote,
.mwmc-adv figure { margin: 0; padding: 0; }
.mwmc-adv ul,
.mwmc-adv ol { list-style: none; }
.mwmc-adv img { max-width: 100%; display: block; }
/* ── ADVISOR HERO ── */
.mwmc-adv #adv-hero {
      background: var(--white);
      border-bottom: 1px solid var(--border);
      /* nav is fixed at 64px — clear it, then add real breathing room */
      padding: calc(64px + 64px) 6% 96px;
    }
.mwmc-adv .adv-hero-inner {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      gap: 4.5rem;
      align-items: center;
    }
.mwmc-adv #adv-hero h1 {
      font-family: 'DM Serif Display', 'Noto Serif SC', serif;
      font-size: clamp(2.3rem, 5vw, 3.6rem);
      color: var(--navy);
      line-height: 1.1;
      letter-spacing: -0.02em;
      margin-bottom: 0.75rem;
    }
.mwmc-adv #adv-hero .adv-name-zh {
      font-family: 'DM Serif Display', 'Noto Serif SC', serif;
      font-size: 1.15rem;
      color: var(--muted);
      letter-spacing: 0.06em;
      margin-bottom: 1.6rem;
    }
.mwmc-adv #adv-hero .adv-position {
      font-size: 1.05rem;
      color: var(--body);
      line-height: 1.85;
      max-width: 440px;
      margin-bottom: 2rem;
    }
.mwmc-adv #adv-hero .adv-position strong { color: var(--navy); font-weight: 600; }
/* quick facts — plain text rows, no icons */
.mwmc-adv .adv-facts {
      display: flex;
      flex-direction: column;
      gap: 0.55rem;
      padding: 1.25rem 0 0;
      border-top: 1px solid var(--border);
      margin-bottom: 1.9rem;
    }
.mwmc-adv .adv-fact {
      display: flex;
      align-items: baseline;
      gap: 0.75rem;
      font-size: 0.875rem;
      color: var(--body);
      line-height: 1.5;
    }
.mwmc-adv .adv-fact .k {
      flex: 0 0 88px;
      font-size: 0.72rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--muted);
    }
.mwmc-adv .adv-fact .v { flex: 1; min-width: 0; word-break: break-word; }
.mwmc-adv .adv-fact .v a { color: var(--navy); text-decoration: none; border-bottom: 1px solid var(--border); }
.mwmc-adv .adv-fact .v a:hover { border-color: var(--navy); }
/* hero actions */
.mwmc-adv .adv-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      align-items: center;
    }
.mwmc-adv .btn-wa {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      background: var(--navy);
      color: var(--white);
      padding: 0.9rem 1.6rem;
      border-radius: 8px;
      font-weight: 600;
      font-size: 0.9rem;
      text-decoration: none;
      border: none;
      cursor: pointer;
      font-family: 'Inter', 'Noto Sans SC', sans-serif;
      transition: opacity 0.2s, transform 0.2s;
    }
.mwmc-adv .btn-wa:hover { opacity: 0.88; transform: translateY(-1px); color: var(--white); }
.mwmc-adv .btn-outline {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      background: var(--white);
      color: var(--navy);
      padding: 0.9rem 1.4rem;
      border-radius: 8px;
      border: 1.5px solid var(--border);
      font-weight: 600;
      font-size: 0.9rem;
      text-decoration: none;
      cursor: pointer;
      font-family: 'Inter', 'Noto Sans SC', sans-serif;
      transition: border-color 0.2s, background 0.2s;
    }
.mwmc-adv .btn-outline:hover { border-color: var(--navy); background: var(--bg); color: var(--navy); }
/* ── SOCIAL LINKS ── */
.mwmc-adv .adv-social {
      display: flex;
      flex-wrap: wrap;
      gap: 0.6rem;
      margin-top: 1.6rem;
    }
.mwmc-adv .adv-social a {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 1.5px solid var(--border);
      background: var(--white);
      color: var(--navy);
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.2s;
    }
.mwmc-adv .adv-social a:hover {
      background: var(--navy);
      border-color: var(--navy);
      color: var(--white);
      transform: translateY(-2px);
    }
.mwmc-adv .adv-social svg { width: 17px; height: 17px; display: block; }
/* ── PORTRAIT ── */
.mwmc-adv .adv-portrait-wrap {
      position: relative;
      max-width: 400px;
      margin-left: auto;
      width: 100%;
    }
.mwmc-adv .adv-portrait-wrap::before {
      content: '';
      position: absolute;
      inset: 22px -22px -22px 22px;
      background: var(--gold-pale);
      border-radius: 18px;
      z-index: 0;
    }
.mwmc-adv .adv-portrait {
      position: relative;
      z-index: 1;
      width: 100%;
      aspect-ratio: 4 / 5;
      object-fit: cover;
      object-position: center top;
      border-radius: 16px;
      border: 1px solid var(--border);
      background: var(--bg);
    }
.mwmc-adv .adv-portrait-caption {
      position: relative;
      z-index: 1;
      margin-top: 1rem;
      font-size: 0.75rem;
      color: var(--muted);
      letter-spacing: 0.04em;
      text-align: right;
    }
/* ── STATS ── */
.mwmc-adv #adv-stats { background: var(--bg); border-bottom: 1px solid var(--border); }
.mwmc-adv .adv-stats-wrap {
      max-width: 1100px;
      margin: 0 auto;
      padding: 56px 6%;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.25rem;
    }
.mwmc-adv .adv-stat {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 1.75rem 1.5rem;
    }
.mwmc-adv .adv-stat .num {
      font-family: 'DM Serif Display', 'Noto Serif SC', serif;
      font-size: 2.4rem;
      color: var(--navy);
      line-height: 1;
      margin-bottom: 0.4rem;
    }
.mwmc-adv .adv-stat .num span { color: var(--gold); }
.mwmc-adv .adv-stat .lbl { font-size: 0.8rem; color: var(--muted); line-height: 1.5; }
/* ── SECTION SHELL ── */
.mwmc-adv section[id] { scroll-margin-top: 80px; }
/* anchors clear the fixed nav */
.mwmc-adv .sec { background: var(--white); }
.mwmc-adv .sec-alt { background: var(--bg); }
.mwmc-adv .wrap {
      max-width: 1100px;
      margin: 0 auto;
      padding: 100px 6%;
    }
.mwmc-adv .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 1rem;
    }
.mwmc-adv .eyebrow::before {
      content: '';
      display: block;
      width: 20px;
      height: 2px;
      background: var(--gold);
      border-radius: 2px;
    }
.mwmc-adv h2 {
      font-family: 'DM Serif Display', 'Noto Serif SC', serif;
      font-size: clamp(1.9rem, 3vw, 2.5rem);
      color: var(--navy);
      line-height: 1.15;
      letter-spacing: -0.02em;
      margin-bottom: 1.5rem;
    }
.mwmc-adv .sec-intro {
      font-size: 0.95rem;
      color: var(--muted);
      line-height: 1.8;
      max-width: 620px;
    }
/* ── MY STORY ── */
.mwmc-adv .story-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 5rem;
      align-items: start;
    }
.mwmc-adv .story-body p {
      font-size: 0.95rem;
      color: var(--body);
      line-height: 1.9;
      margin-bottom: 1.15rem;
    }
.mwmc-adv .story-body p:last-child { margin-bottom: 0; }
.mwmc-adv .story-body strong { color: var(--navy); font-weight: 600; }
.mwmc-adv .story-quote {
      background: var(--gold-pale);
      border-left: 3px solid var(--gold);
      border-radius: 0 12px 12px 0;
      padding: 1.75rem 1.9rem;
      margin-bottom: 1.25rem;
    }
.mwmc-adv .story-quote p {
      font-family: 'DM Serif Display', 'Noto Serif SC', serif;
      font-size: 1.2rem;
      color: var(--navy);
      line-height: 1.6;
    }
.mwmc-adv .story-side-note {
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 1.5rem 1.6rem;
      background: var(--white);
    }
.mwmc-adv .story-side-note h4 {
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--muted);
      margin-bottom: 0.9rem;
    }
.mwmc-adv .story-side-note ul { display: flex; flex-direction: column; gap: 0.7rem; }
.mwmc-adv .story-side-note li {
      font-size: 0.875rem;
      color: var(--body);
      line-height: 1.6;
      padding-left: 1rem;
      position: relative;
    }
.mwmc-adv .story-side-note li::before {
      content: '';
      position: absolute;
      left: 0; top: 0.6em;
      width: 5px; height: 5px;
      border-radius: 50%;
      background: var(--gold);
    }
/* ── FOCUS AREAS ── */
.mwmc-adv .focus-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
      margin-top: 3rem;
    }
.mwmc-adv .focus-card {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 2rem 1.75rem;
      display: flex;
      flex-direction: column;
      transition: box-shadow 0.25s, transform 0.25s;
      text-decoration: none;
    }
.mwmc-adv .focus-card:hover {
      box-shadow: 0 10px 30px rgba(26,39,68,0.08);
      transform: translateY(-3px);
    }
.mwmc-adv .focus-num {
      font-family: 'DM Serif Display', serif;
      font-size: 0.95rem;
      color: var(--gold);
      margin-bottom: 1rem;
      letter-spacing: 0.05em;
    }
.mwmc-adv .focus-card h3 {
      font-family: 'DM Serif Display', 'Noto Serif SC', serif;
      font-size: 1.3rem;
      color: var(--navy);
      margin-bottom: 0.75rem;
      line-height: 1.25;
    }
.mwmc-adv .focus-card p {
      font-size: 0.875rem;
      color: var(--muted);
      line-height: 1.75;
      margin-bottom: 1.25rem;
      flex: 1;
    }
.mwmc-adv .focus-link {
      font-size: 0.82rem;
      font-weight: 600;
      color: var(--navy);
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      transition: gap 0.2s;
    }
.mwmc-adv .focus-card:hover .focus-link { gap: 0.65rem; }
/* ── HOW I WORK ── */
.mwmc-adv .steps {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.5rem;
      margin-top: 3rem;
    }
.mwmc-adv .step {
      padding-top: 1.25rem;
      border-top: 2px solid var(--border);
    }
.mwmc-adv .step .n {
      font-family: 'DM Serif Display', serif;
      font-size: 0.85rem;
      color: var(--gold);
      letter-spacing: 0.08em;
      margin-bottom: 0.7rem;
    }
.mwmc-adv .step h4 {
      font-family: 'DM Serif Display', 'Noto Serif SC', serif;
      font-size: 1.1rem;
      color: var(--navy);
      margin-bottom: 0.5rem;
    }
.mwmc-adv .step p { font-size: 0.85rem; color: var(--muted); line-height: 1.7; }
/* ── CREDENTIALS ── */
.mwmc-adv .cred-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: start;
    }
.mwmc-adv .cred-list { display: flex; flex-direction: column; }
.mwmc-adv .cred-item {
      display: flex;
      align-items: baseline;
      gap: 1.25rem;
      padding: 1.1rem 0;
      border-bottom: 1px solid var(--border);
    }
.mwmc-adv .cred-item:first-child { padding-top: 0; }
.mwmc-adv .cred-year {
      flex: 0 0 62px;
      font-family: 'DM Serif Display', serif;
      font-size: 0.95rem;
      color: var(--gold);
    }
.mwmc-adv .cred-text { flex: 1; min-width: 0; }
.mwmc-adv .cred-text strong {
      display: block;
      font-size: 0.92rem;
      font-weight: 600;
      color: var(--navy);
      margin-bottom: 0.2rem;
      line-height: 1.4;
      white-space: normal;
      word-break: break-word;
    }
.mwmc-adv .cred-text span { font-size: 0.8rem; color: var(--muted); line-height: 1.6; }
.mwmc-adv .cred-note {
      background: var(--bg);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 1.75rem;
    }
.mwmc-adv .cred-note h4 {
      font-family: 'DM Serif Display', 'Noto Serif SC', serif;
      font-size: 1.15rem;
      color: var(--navy);
      margin-bottom: 0.75rem;
    }
.mwmc-adv .cred-note p { font-size: 0.86rem; color: var(--muted); line-height: 1.8; }
.mwmc-adv .cred-partners {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      margin-top: 1.25rem;
    }
.mwmc-adv .cred-partner {
      font-size: 0.75rem;
      font-weight: 600;
      color: var(--navy);
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 100px;
      padding: 0.4rem 0.85rem;
    }
/* ── TESTIMONIALS ── */
.mwmc-adv .tm-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
      margin-top: 3rem;
    }
.mwmc-adv .tm-card {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
    }
.mwmc-adv .tm-card blockquote {
      font-size: 0.95rem;
      color: var(--body);
      line-height: 1.85;
      flex: 1;
    }
.mwmc-adv .tm-author { display: flex; align-items: center; gap: 0.85rem; }
.mwmc-adv .tm-avatar {
      width: 42px; height: 42px;
      border-radius: 50%;
      background: var(--bg);
      border: 1px solid var(--border);
      object-fit: cover;
      flex-shrink: 0;
    }
.mwmc-adv .tm-author strong {
      display: block;
      font-size: 0.87rem;
      font-weight: 600;
      color: var(--navy);
    }
.mwmc-adv .tm-author span { font-size: 0.78rem; color: var(--muted); }
/* dots only exist for the mobile swipe view */
.mwmc-adv .tm-dots { display: none; }
/* ── STICKY MOBILE CTA BAR ── */
.mwmc-adv #adv-bar {
      display: none;
      position: fixed;
      left: 0; right: 0; bottom: 0;
      z-index: 999;
      background: rgba(255,255,255,0.94);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-top: 1px solid var(--border);
      padding: 0.7rem 5% calc(0.7rem + env(safe-area-inset-bottom));
      gap: 0.6rem;
    }
.mwmc-adv #adv-bar a,
.mwmc-adv #adv-bar button {
      flex: 1;
      text-align: center;
      justify-content: center;
      padding: 0.8rem 0.5rem;
      font-size: 0.85rem;
      border-radius: 8px;
    }
/* ── 排版修正 ── */
.mwmc-adv .cred-item:last-child { border-bottom: none; padding-bottom: 0; }
.mwmc-adv #adv-bar a,
.mwmc-adv #adv-bar button {
      white-space: nowrap;
      font-size: 0.82rem;
      padding: 0.8rem 0.4rem;
      min-width: 0;
    }

@media (max-width: 360px) {
.mwmc-adv #adv-bar a,
.mwmc-adv #adv-bar button { font-size: 0.75rem; letter-spacing: -0.01em; }

    
}

/* ── RESPONSIVE ── */
    @media (max-width: 900px) {
.mwmc-adv #adv-hero { padding: calc(64px + 36px) 5% 56px; }
.mwmc-adv .adv-hero-inner {
        grid-template-columns: 1fr;
        gap: 2.5rem;
      }
/* photo first on mobile — it's the point of a personal page */
.mwmc-adv .adv-hero-text { order: 2; }
.mwmc-adv .adv-portrait-wrap { order: 1; margin: 0 auto; max-width: 300px; }
.mwmc-adv .adv-portrait-wrap::before { inset: 16px -16px -16px 16px; }
.mwmc-adv .adv-portrait-caption { text-align: center; }
.mwmc-adv #adv-hero h1 { font-size: clamp(2rem, 8vw, 2.6rem); }
.mwmc-adv #adv-hero .adv-position { max-width: none; }
.mwmc-adv .adv-actions { display: none; }
.mwmc-adv .adv-social { margin-top: 1.4rem; }
.mwmc-adv .adv-stats-wrap { grid-template-columns: 1fr; padding: 40px 5%; gap: 0.85rem; }
.mwmc-adv .adv-stat { padding: 1.4rem 1.25rem; display: flex; align-items: baseline; gap: 1rem; }
.mwmc-adv .adv-stat .num { font-size: 1.9rem; margin-bottom: 0; flex: 0 0 auto; }
.mwmc-adv .adv-stat .lbl { flex: 1; }
.mwmc-adv .wrap { padding: 60px 5%; }
.mwmc-adv .story-grid { grid-template-columns: 1fr; gap: 2.5rem; }
.mwmc-adv .focus-grid { grid-template-columns: 1fr; gap: 1rem; margin-top: 2rem; }
.mwmc-adv .steps { grid-template-columns: 1fr 1fr; gap: 1.75rem; margin-top: 2rem; }
.mwmc-adv .cred-grid { grid-template-columns: 1fr; gap: 2.5rem; }
/* swipe, not autoplay — native gesture, no JS timer */
.mwmc-adv .tm-grid {
        display: flex;
        grid-template-columns: none;
        gap: 0.9rem;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin: 2rem -5% 0;
        padding: 0.25rem 5% 0.5rem;
      }
.mwmc-adv .tm-grid::-webkit-scrollbar { display: none; }
.mwmc-adv .tm-card {
        flex: 0 0 84%;
        scroll-snap-align: center;
        padding: 1.6rem;
      }
.mwmc-adv .tm-dots {
        display: flex;
        justify-content: center;
        gap: 0.45rem;
        margin-top: 1.4rem;
      }
.mwmc-adv .tm-dots span {
        width: 6px; height: 6px;
        border-radius: 50%;
        background: var(--border);
        transition: background 0.25s, width 0.25s;
      }
.mwmc-adv .tm-dots span.on { background: var(--gold); width: 18px; border-radius: 3px; }
.mwmc-adv .cta-wrap { grid-template-columns: 1fr !important; gap: 2.5rem !important; padding: 60px 5% !important; }
.mwmc-adv #adv-bar { display: flex; }
body { padding-bottom: 74px; }

}


/* ══════════════════════════════════════════════════
   排版修正 + 插件专用（放最后，覆盖上面同名规则）
   ══════════════════════════════════════════════════ */

/* 正文颜色统一走品牌变量，不再散落 #555 / #444 */
.mwmc-adv #adv-hero .adv-position,
.mwmc-adv .adv-fact,
.mwmc-adv .story-body p,
.mwmc-adv .story-side-note li,
.mwmc-adv .tm-card blockquote { color: var(--body); }

/* 资格列表最后一条不要留一条悬空的线 */
.mwmc-adv .cred-item:last-child { border-bottom: none; padding-bottom: 0; }
.mwmc-adv .cred-list { margin-top: 2rem; }

/* 手机固定操作条：文字不换行，条高才不会顶到内容 */
.mwmc-adv #adv-bar a,
.mwmc-adv #adv-bar button {
  white-space: nowrap;
  font-size: 0.82rem;
  padding: 0.8rem 0.4rem;
  min-width: 0;
}
@media (max-width: 360px) {
  .mwmc-adv #adv-bar a,
  .mwmc-adv #adv-bar button { font-size: 0.75rem; letter-spacing: -0.01em; }
}

/* 只填了 1 或 2 个数字时的栏数（用 class，不能用 inline style —
   inline 会把手机版的单栏规则一起压掉） */
.mwmc-adv .adv-stats-wrap.cols-1 { grid-template-columns: 1fr; }
.mwmc-adv .adv-stats-wrap.cols-2 { grid-template-columns: repeat(2, 1fr); }
.mwmc-adv .adv-stats-wrap.cols-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) {
  .mwmc-adv .adv-stats-wrap.cols-1,
  .mwmc-adv .adv-stats-wrap.cols-2,
  .mwmc-adv .adv-stats-wrap.cols-3 { grid-template-columns: 1fr; }
}

/* 没上传照片时的占位块 */
.mwmc-adv .adv-portrait-empty {
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: 16px;
  border: 1px dashed var(--border);
  background: var(--bg);
}

/* 没有头像的评价：留一个圆形色块，排版不会塌 */
.mwmc-adv .tm-author div.tm-avatar { background: var(--bg); }

/* 顾问页在主题里是整页版式，清掉主题可能加的内容框 */
.mwmc-advisor-page .mwmc-adv { max-width: none; width: 100%; }