/*
Theme Name: MarketIQ Astra Child
Theme URI: https://marketiqconsulting.com
Description: Child theme of Astra with custom MarketIQ branding — header + footer matching the static site exactly. Provides hardcoded navbar with all 7 services dropdown, mobile menu, Calendly CTA, and dark 4-column footer.
Author: Market IQ Consulting
Author URI: https://marketiqconsulting.com
Template: astra
Version: 1.2
Text Domain: marketiq-astra-child
*/

/* ════════════════════════════════════════════════════════════════
   GLOBAL — DM Sans for the whole blog
═══════════════════════════════════════════════════════════════ */
body, .ast-container, .ast-grid-common-col {
  font-family: 'DM Sans', sans-serif !important;
  color: #0F1A2E;
}

/* Remove Astra's default header — we'll inject our own */
.site-header,
header.site-header,
.ast-primary-header-bar,
.main-header-bar-wrap,
.ast-above-header,
.ast-below-header { display: none !important; }

/* Remove Astra's default footer — we'll inject our own */
.site-footer,
footer.site-footer,
.ast-small-footer,
.site-info { display: none !important; }

/* Push WP body content below the sticky navbar */
.miq-content-wrap { padding-top: 0; }

/* ════════════════════════════════════════════════════════════════
   NAVBAR — pixel-match to main site
═══════════════════════════════════════════════════════════════ */
.miq-navbar { position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid #E8EFF7;box-shadow:0 1px 12px rgba(0,0,0,0.06); }
.miq-nav-inner { max-width:1200px;margin:0 auto;padding:0 40px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:32px; }
.miq-nav-logo { display:flex;align-items:flex-start;text-decoration:none;flex-shrink:0; }
.miq-logo-box { display:flex;flex-direction:column;line-height:1; }
.miq-logo-wordmark { display:flex;align-items:baseline; }
.miq-logo-market { font-size:21px;font-weight:900;color:#1A1A1A;letter-spacing:-0.3px; }
.miq-logo-iq { font-size:21px;font-weight:900;color:#2F6FBF;letter-spacing:-0.3px; }
.miq-logo-sub { font-size:7.5px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#9AAABB;margin-top:1px;padding-left:1px; }
.miq-nav-links { display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0; }
.miq-nav-links li { margin:0; }
.miq-nav-links a { display:block;padding:8px 14px;font-size:14px;font-weight:500;color:#4A5568;text-decoration:none;border-radius:7px;transition:color 0.15s,background 0.15s;position:relative; }
.miq-nav-links a:hover { color:#2F6FBF;background:#F0F6FF; }
.miq-nav-links a.active { color:#2F6FBF;font-weight:700; }
.miq-nav-links a.active::after { content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:28px;height:2.5px;background:#2F6FBF;border-radius:99px; }
.miq-nav-right { display:flex;align-items:center;gap:10px;flex-shrink:0; }
.miq-nav-btn-call { display:inline-flex;align-items:center;gap:7px;background:#2F6FBF;color:#fff;padding:10px 22px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;letter-spacing:-0.1px;transition:background 0.18s,transform 0.15s,box-shadow 0.15s;box-shadow:0 2px 10px rgba(47,111,191,0.28); }
.miq-nav-btn-call:hover { background:#1A4F8F;transform:translateY(-1px);box-shadow:0 6px 18px rgba(47,111,191,0.32); color:#fff; }
.miq-nav-btn-call svg { width:14px;height:14px;flex-shrink:0; }
.miq-nav-hamburger { display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border-radius:6px;background:none;border:none; }
.miq-nav-hamburger span { display:block;width:22px;height:2px;background:#1A1A1A;border-radius:99px;transition:all 0.25s; }
.miq-nav-mobile { display:none;flex-direction:column;background:#fff;border-top:1px solid #E8EFF7;padding:16px 24px 24px;gap:4px; }
.miq-nav-mobile a { display:block;padding:11px 14px;font-size:15px;font-weight:500;color:#4A5568;text-decoration:none;border-radius:8px; }
.miq-nav-mobile a:hover, .miq-nav-mobile a.active { background:#F0F6FF;color:#2F6FBF;font-weight:700; }
.miq-nav-mobile .miq-nav-btn-call { margin-top:8px;justify-content:center;padding:13px 22px;font-size:15px; }
.miq-nav-mobile-open .miq-nav-mobile { display:flex; }
.miq-nav-mobile-open .miq-nav-hamburger span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.miq-nav-mobile-open .miq-nav-hamburger span:nth-child(2) { opacity:0; }
.miq-nav-mobile-open .miq-nav-hamburger span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.miq-nav-dropdown { position:relative; }
.miq-nav-dropdown-trigger { display:flex !important;align-items:center;gap:5px;cursor:pointer; }
.miq-dropdown-chevron { width:12px;height:12px;transition:transform 0.22s;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round; }
.miq-nav-dropdown:hover .miq-dropdown-chevron { transform:rotate(180deg); }
.miq-nav-dropdown-panel { position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);width:520px;background:#fff;border:1px solid #E8EFF7;border-radius:16px;box-shadow:0 16px 56px rgba(0,0,0,0.13);padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:6px;opacity:0;visibility:hidden;transition:opacity 0.2s,transform 0.2s,visibility 0.2s;pointer-events:none;z-index:100; }
.miq-nav-dropdown-panel::before { content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:#fff;border-left:1px solid #E8EFF7;border-top:1px solid #E8EFF7;rotate:45deg; }
.miq-nav-dropdown:hover .miq-nav-dropdown-panel { opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:all; }
.miq-dropdown-item { display:flex !important;align-items:center;gap:12px;padding:10px 12px !important;border-radius:10px !important;text-decoration:none !important;background:none !important;color:inherit !important; }
.miq-dropdown-item:hover { background:#F0F6FF !important; }
.miq-dropdown-icon { font-size:20px;width:42px;height:42px;background:#F4F7FB;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.miq-dropdown-name { font-size:13px;font-weight:700;color:#0F1A2E;line-height:1.2; }
.miq-dropdown-hook { font-size:11.5px;color:#7A8A9A;margin-top:2px; }
.miq-nav-mobile-services-label { font-size:10.5px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#9AAABB;padding:10px 14px 6px;margin-top:4px; }
.miq-nav-mobile-svc-grid { display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px; }
.miq-nav-mobile-svc-link { display:flex !important;align-items:center;gap:8px;padding:9px 12px !important;border-radius:8px !important;font-size:13px !important;font-weight:500 !important;color:#4A5568 !important;text-decoration:none; }
.miq-nav-mobile-svc-link:hover { background:#F0F6FF !important;color:#2F6FBF !important; }
.miq-nav-mobile-svc-icon { font-size:15px; }
@media (max-width:860px) {
  .miq-nav-links { display:none; }
  .miq-nav-hamburger { display:flex; }
  .miq-nav-btn-call { display:none; }
  .miq-nav-inner { padding:0 24px; }
}

/* ════════════════════════════════════════════════════════════════
   FOOTER — dark 4-column matching main site
═══════════════════════════════════════════════════════════════ */
.miq-footer { background:#0D0D0D;padding:72px 0 0;color:#fff; }
.miq-footer-inner { max-width:1200px;margin:0 auto;padding:0 48px; }
.miq-footer-grid { display:grid;grid-template-columns:2.2fr 1fr 1fr 1.3fr;gap:48px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,0.08); }
.miq-footer-brand .miq-logo-market { font-size:22px;font-weight:900;color:#fff;letter-spacing:-0.3px; }
.miq-footer-brand .miq-logo-iq { font-size:22px;font-weight:900;color:#2F6FBF;letter-spacing:-0.3px; }
.miq-footer-brand .miq-logo-sub { font-size:8px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#5A6A7A;display:block;margin-top:1px; }
.miq-footer-tagline { font-size:13px;color:rgba(255,255,255,0.38);line-height:1.75;margin-top:16px;max-width:260px; }
.miq-footer-social { display:flex;gap:10px;margin-top:24px; }
.miq-social-icon { width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background 0.15s,border-color 0.15s; }
.miq-social-icon:hover { background:rgba(47,111,191,0.2);border-color:#2F6FBF; }
.miq-social-icon svg { width:15px;height:15px;fill:rgba(255,255,255,0.5);transition:fill 0.15s; }
.miq-social-icon:hover svg { fill:#fff; }
.miq-footer-col-label { font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.28);margin-bottom:18px; }
.miq-footer-links { display:flex;flex-direction:column;gap:11px; }
.miq-footer-links a { font-size:13px;color:rgba(255,255,255,0.5);text-decoration:none;transition:color 0.15s;display:flex;align-items:center;gap:6px; }
.miq-footer-links a:hover { color:#fff; }
.miq-link-dot { width:4px;height:4px;border-radius:50%;background:#2F6FBF;opacity:0;transition:opacity 0.15s;flex-shrink:0; }
.miq-footer-links a:hover .miq-link-dot { opacity:1; }
.miq-footer-contact-items { display:flex;flex-direction:column;gap:14px; }
.miq-contact-item { display:flex;align-items:flex-start;gap:10px; }
.miq-contact-icon { width:30px;height:30px;background:rgba(47,111,191,0.15);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.miq-contact-icon svg { width:13px;height:13px;stroke:#2F6FBF;fill:none; }
.miq-contact-text { font-size:12px;color:rgba(255,255,255,0.45);line-height:1.6; }
.miq-contact-text strong { display:block;font-size:11px;color:rgba(255,255,255,0.25);font-weight:600;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:1px; }
.miq-footer-bottom { max-width:1200px;margin:0 auto;padding:22px 48px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap; }
.miq-footer-copy { font-size:12px;color:rgba(255,255,255,0.22); }
.miq-footer-copy strong { color:rgba(255,255,255,0.45); }
.miq-footer-legal { display:flex;gap:24px; }
.miq-footer-legal a { font-size:12px;color:rgba(255,255,255,0.22);text-decoration:none;transition:color 0.15s; }
.miq-footer-legal a:hover { color:rgba(255,255,255,0.6); }
.miq-footer-badge { display:inline-flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,0.2); }
.miq-footer-badge::before { content:'';width:6px;height:6px;border-radius:50%;background:#34D399;display:inline-block; }
@media(max-width:900px) {
  .miq-footer-grid { grid-template-columns:1fr 1fr;gap:36px; }
  .miq-footer-inner { padding:0 28px; }
  .miq-footer-bottom { padding:22px 28px;flex-direction:column;text-align:center; }
}
@media(max-width:560px) {
  .miq-footer-grid { grid-template-columns:1fr; }
  .miq-footer-inner { padding:0 20px; }
}

/* ════════════════════════════════════════════════════════════════
   BLOG CONTENT — light styling tweaks
═══════════════════════════════════════════════════════════════ */
.entry-title { font-family:'DM Sans',sans-serif;font-weight:900;color:#0F1A2E;letter-spacing:-0.5px; }
.entry-content a { color:#2F6FBF; }
.entry-content a:hover { color:#1A4F8F; }
.wp-block-button__link { background:#2F6FBF !important;color:#fff !important;border-radius:8px !important;font-weight:700 !important; }
.wp-block-button__link:hover { background:#1A4F8F !important; }

/* ════════════════════════════════════════════════════════════════
   BLOG LISTING — hero, filters, card grid, pagination, CTA
═══════════════════════════════════════════════════════════════ */
.miq-blog-hero { background:linear-gradient(135deg,#0F1A2E 0%,#162540 100%);padding:88px 40px 64px;position:relative;overflow:hidden; }
.miq-blog-hero::before { content:'';position:absolute;top:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(47,111,191,0.15) 0%,transparent 70%);pointer-events:none; }
.miq-blog-hero-sm { padding:64px 40px 48px; }
.miq-blog-hero-inner { max-width:1100px;margin:0 auto;position:relative;text-align:center; }
.miq-blog-hero-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(47,111,191,0.15);border:1px solid rgba(47,111,191,0.3);color:#7BB8F0;padding:7px 16px;border-radius:99px;font-size:13px;font-weight:600;margin-bottom:22px; }
.miq-blog-hero h1 { font-size:clamp(32px,4.6vw,52px);font-weight:900;color:#fff;line-height:1.12;margin:0 0 16px;letter-spacing:-1px; }
.miq-blog-hero h1 span { color:#2F6FBF; }
.miq-blog-hero p { font-size:16px;color:rgba(255,255,255,0.6);line-height:1.7;max-width:620px;margin:0 auto 32px; }
.miq-hero-search { max-width:520px;margin:0 auto;display:flex;background:#fff;border-radius:12px;padding:6px;gap:6px;box-shadow:0 12px 40px rgba(47,111,191,0.25); }
.miq-hero-search input { flex:1;border:none;outline:none;padding:12px 16px;font-size:15px;font-family:inherit;color:#0F1A2E;background:transparent; }
.miq-hero-search button { background:#2F6FBF;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:background 0.15s;font-family:inherit; }
.miq-hero-search button:hover { background:#1A4F8F; }

.miq-blog-filters { max-width:1100px;margin:0 auto;padding:30px 40px 0;display:flex;gap:8px;flex-wrap:wrap;justify-content:center; }
.miq-filter-chip { background:#fff;border:1.5px solid #E8EFF7;color:#4A5568;padding:8px 18px;border-radius:99px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color 0.15s,color 0.15s,background 0.15s; }
.miq-filter-chip:hover { border-color:#2F6FBF;color:#2F6FBF; }
.miq-filter-chip.active { background:#2F6FBF;border-color:#2F6FBF;color:#fff; }

.miq-posts-section { max-width:1200px;margin:0 auto;padding:40px 40px 72px; }
.miq-posts-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:28px; }
.miq-post-card { background:#fff;border-radius:16px;overflow:hidden;border:1.5px solid #E8EFF7;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s; }
.miq-post-card:hover { transform:translateY(-4px);box-shadow:0 16px 40px rgba(47,111,191,0.1);border-color:#C0D8F5; }
.miq-post-thumb { height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-decoration:none; }
.miq-post-thumb img { width:100%;height:100%;object-fit:cover;display:block; }
.miq-thumb-icon { font-size:60px;position:relative;z-index:1; }
.miq-post-thumb::after { content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.18) 0%,transparent 60%);pointer-events:none; }
.miq-post-thumb.miq-cat-seo { background:linear-gradient(135deg,#0F6E56,#1FA47E); }
.miq-post-thumb.miq-cat-paid-ads { background:linear-gradient(135deg,#993556,#D67596); }
.miq-post-thumb.miq-cat-social-media { background:linear-gradient(135deg,#185FA5,#4B92D6); }
.miq-post-thumb.miq-cat-digital-marketing { background:linear-gradient(135deg,#2F6FBF,#7BB8F0); }
.miq-post-thumb.miq-cat-blog { background:linear-gradient(135deg,#3C3489,#6E63D6); }
.miq-post-body { padding:24px;display:flex;flex-direction:column;flex:1; }
.miq-post-card-meta { display:flex;align-items:center;gap:9px;font-size:12px;color:#7A8A9A;margin-bottom:12px; }
.miq-post-cat { color:#2F6FBF;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;font-size:11px; }
.miq-meta-dot { width:3px;height:3px;border-radius:50%;background:#C0D8F5; }
.miq-post-body h3 { font-size:18px;font-weight:800;line-height:1.35;margin:0 0 10px;letter-spacing:-0.2px; }
.miq-post-body h3 a { color:#0F1A2E;text-decoration:none;transition:color 0.15s; }
.miq-post-body h3 a:hover { color:#2F6FBF; }
.miq-post-body p { font-size:13.5px;color:#5A6A7A;line-height:1.7;margin:0 0 18px;flex:1; }
.miq-post-card-cta { color:#2F6FBF;font-size:13px;font-weight:700;text-decoration:none;align-self:flex-start; }
.miq-post-card-cta:hover { color:#1A4F8F; }
.miq-no-posts { text-align:center;font-size:16px;color:#5A6A7A;padding:60px 0; }

.miq-pagination { margin-top:48px; }
.miq-pagination .nav-links { display:flex;gap:8px;justify-content:center;flex-wrap:wrap; }
.miq-pagination .page-numbers { display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:9px;border:1.5px solid #E8EFF7;background:#fff;color:#4A5568;font-size:14px;font-weight:700;text-decoration:none;transition:border-color 0.15s,color 0.15s; }
.miq-pagination a.page-numbers:hover { border-color:#2F6FBF;color:#2F6FBF; }
.miq-pagination .page-numbers.current { background:#2F6FBF;border-color:#2F6FBF;color:#fff; }
.miq-pagination .page-numbers.dots { border-color:transparent;background:transparent; }

.miq-blog-cta { background:#0B1628;padding:72px 40px;position:relative;overflow:hidden; }
.miq-blog-cta::before { content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(47,111,191,0.18) 0%,transparent 70%);pointer-events:none; }
.miq-blog-cta-inner { max-width:680px;margin:0 auto;text-align:center;position:relative; }
.miq-blog-cta-inner h2 { font-size:clamp(26px,3.4vw,36px);font-weight:900;color:#fff;line-height:1.2;margin:0 0 14px;letter-spacing:-0.5px; }
.miq-blog-cta-inner p { font-size:16px;color:rgba(255,255,255,0.6);line-height:1.7;margin:0 0 28px; }
.miq-blog-cta-btn { display:inline-flex;align-items:center;gap:8px;background:#2F6FBF;color:#fff;padding:15px 32px;border-radius:10px;font-size:15px;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(47,111,191,0.4);transition:background 0.15s,transform 0.15s; }
.miq-blog-cta-btn:hover { background:#1A4F8F;transform:translateY(-2px);color:#fff; }

@media(max-width:900px) {
  .miq-posts-grid { grid-template-columns:repeat(2,1fr);gap:22px; }
  .miq-blog-hero,.miq-posts-section,.miq-blog-cta { padding-left:28px;padding-right:28px; }
}
@media(max-width:600px) {
  .miq-posts-grid { grid-template-columns:1fr; }
  .miq-blog-hero { padding:64px 22px 48px; }
  .miq-posts-section { padding:32px 22px 56px; }
  .miq-blog-filters { padding:24px 22px 0; }
}

/* ════════════════════════════════════════════════════════════════
   SINGLE POST — hero banner + two-column body with sticky sidebar
═══════════════════════════════════════════════════════════════ */
.miq-single-hero { background:linear-gradient(135deg,#0F1A2E 0%,#162540 100%);padding:48px 40px 56px;position:relative;overflow:hidden; }
.miq-single-hero::before { content:'';position:absolute;top:-100px;right:-60px;width:480px;height:480px;background:radial-gradient(circle,rgba(47,111,191,0.16) 0%,transparent 70%);pointer-events:none; }
.miq-single-hero-inner { max-width:1200px;margin:0 auto;position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center; }
.miq-breadcrumb { display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,0.4);margin-bottom:20px; }
.miq-breadcrumb a { color:rgba(255,255,255,0.55);text-decoration:none;transition:color 0.15s; }
.miq-breadcrumb a:hover { color:#7BB8F0; }
.miq-bc-current { color:rgba(255,255,255,0.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px; }
.miq-single-cat { display:inline-block;background:rgba(47,111,191,0.18);border:1px solid rgba(47,111,191,0.35);color:#7BB8F0;padding:5px 14px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;margin-bottom:16px; }
.miq-single-cat:hover { background:rgba(47,111,191,0.3);color:#fff; }
.miq-single-hero h1 { font-size:clamp(28px,3.6vw,42px);font-weight:900;color:#fff;line-height:1.18;letter-spacing:-0.6px;margin:0 0 20px; }
.miq-single-meta { display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,0.5); }
.miq-single-author { color:#7BB8F0;font-weight:700; }
.miq-single-hero-media { border-radius:16px;overflow:hidden;min-height:240px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(255,255,255,0.1); }
.miq-single-hero-media img { width:100%;height:100%;object-fit:cover;display:block; }
.miq-single-hero-media .miq-thumb-icon { font-size:72px; }

.miq-single-body { max-width:1200px;margin:0 auto;padding:56px 40px 72px;display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start; }
.miq-article-content { font-size:16px;line-height:1.8;color:#3A4A5A; }
.miq-article-content h2 { font-size:clamp(22px,2.6vw,28px);font-weight:900;color:#0F1A2E;letter-spacing:-0.3px;margin:40px 0 14px;scroll-margin-top:90px; }
.miq-article-content h3 { font-size:19px;font-weight:800;color:#0F1A2E;margin:28px 0 10px; }
.miq-article-content p { margin:0 0 18px; }
.miq-article-content ul,.miq-article-content ol { margin:0 0 18px;padding-left:24px; }
.miq-article-content li { margin-bottom:9px; }
.miq-article-content a { color:#2F6FBF;text-decoration:underline;text-underline-offset:2px; }
.miq-article-content a:hover { color:#1A4F8F; }
.miq-article-content strong { color:#0F1A2E;font-weight:700; }
.miq-article-content img { max-width:100%;height:auto;border-radius:12px; }
.miq-article-content > *:first-child { margin-top:0; }

.miq-article-sidebar { position:sticky;top:90px;display:flex;flex-direction:column;gap:20px; }
.miq-side-card { background:#fff;border:1.5px solid #E8EFF7;border-radius:16px;padding:24px; }
.miq-side-card-label { font-size:10.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#9AAABB;margin-bottom:10px; }
.miq-side-expert { background:linear-gradient(135deg,#0F1A2E,#1B2D4D);border-color:transparent; }
.miq-side-expert .miq-side-card-label { color:#7BB8F0; }
.miq-side-expert h3 { font-size:18px;font-weight:800;color:#fff;margin:0 0 8px;line-height:1.3; }
.miq-side-expert p { font-size:13px;color:rgba(255,255,255,0.6);line-height:1.65;margin:0 0 18px; }
.miq-expert-person { display:flex;align-items:center;gap:11px;margin-bottom:18px; }
.miq-expert-avatar { width:42px;height:42px;border-radius:50%;background:#2F6FBF;color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.miq-expert-name { font-size:13.5px;font-weight:700;color:#fff;line-height:1.3; }
.miq-expert-name span { display:block;font-size:11.5px;font-weight:500;color:rgba(255,255,255,0.5); }
.miq-side-btn { display:inline-flex;align-items:center;gap:7px;background:#2F6FBF;color:#fff;padding:11px 20px;border-radius:9px;font-size:13.5px;font-weight:800;text-decoration:none;transition:background 0.15s; }
.miq-side-btn:hover { background:#2A8FE0;color:#fff; }
.miq-toc-list { display:flex;flex-direction:column;gap:2px; }
.miq-toc-link { font-size:13px;line-height:1.5;color:#5A6A7A;text-decoration:none;padding:7px 10px;border-radius:7px;border-left:2px solid #E8EFF7;transition:color 0.15s,background 0.15s,border-color 0.15s; }
.miq-toc-link:hover { color:#2F6FBF;background:#F0F6FF;border-left-color:#2F6FBF; }

@media(max-width:980px) {
  .miq-single-hero { padding:36px 28px 44px; }
  .miq-single-hero-inner { grid-template-columns:1fr;gap:28px; }
  .miq-single-hero-media { min-height:200px;order:-1; }
  .miq-single-body { grid-template-columns:1fr;gap:36px;padding:44px 28px 56px; }
  .miq-article-sidebar { position:static; }
}
@media(max-width:600px) {
  .miq-single-hero { padding:32px 22px 40px; }
  .miq-single-body { padding:36px 22px 48px; }
}