/* Extracted from mega-insight-detail.html. Keep static HTML structure separate from runtime CSS. */
:root{
  --ink:#141413;--bg:#fafaf8;--bg-2:#f0efec;--accent:#c8372a;
  --muted:#8d8d87;--muted-2:#bcbcb7;--line:#e4e3df;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.7;color:var(--ink);background:var(--bg);}
img{max-width:100%;display:block;}
a{color:inherit;}

/* ═══ NAV ═══ */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,250,248,0.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);color:var(--ink);}
.nav-inner{max-width:1480px;margin:0 auto;padding:18px 40px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;}
.logo{font-family:'Archivo',sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em;text-decoration:none;color:var(--ink);}
.logo span{color:var(--accent);}
.nav-links{display:flex;gap:28px;list-style:none;margin-left:22px;}
.nav-links a{text-decoration:none;color:inherit;font-size:13px;font-weight:500;opacity:.86;}
.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--accent);}
.nav-right{display:flex;align-items:center;gap:18px;}
.ghost-link{font-size:12px;color:var(--muted);text-decoration:none;}
.cta-btn{font-family:'Archivo',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:12px 22px;background:var(--ink);color:#fff;border:none;cursor:pointer;transition:background .3s;}
.cta-btn:hover{background:var(--accent);}
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;width:40px;height:40px;flex-direction:column;gap:5px;justify-content:center;align-items:center;}
.nav-burger span{display:block;height:2px;width:24px;background:currentColor;transition:transform .3s ease,opacity .3s ease;}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-burger.open span:nth-child(2){opacity:0;}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ═══ ARTICLE HEADER ═══ */
.article-header{padding:140px 0 48px;background:var(--bg);}
.article-header .container{max-width:820px;margin:0 auto;padding:0 40px;}
.breadcrumb{font-family:'Archivo',sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:28px;}
.breadcrumb a{color:var(--muted);text-decoration:none;}
.breadcrumb a:hover{color:var(--accent);}
.breadcrumb .sep{margin:0 8px;opacity:.5;}
.article-tag{display:inline-block;font-family:'Archivo',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:rgba(200,55,42,.08);padding:6px 14px;margin-bottom:20px;}
.article-header h1{font-family:'Archivo',sans-serif;font-size:clamp(34px,5vw,52px);font-weight:800;line-height:1.05;letter-spacing:-.025em;margin-bottom:20px;}
.article-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:0;}
.article-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--line);align-self:center;}

/* ═══ HERO IMAGE ═══ */
.article-hero{max-width:1080px;margin:0 auto;padding:0 40px;}
.article-hero img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:2px;}

/* ═══ ARTICLE BODY ═══ */
.article-body{max-width:820px;margin:0 auto;padding:56px 40px 80px;}
.article-body h2{font-family:'Archivo',sans-serif;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:48px 0 16px;padding-top:32px;border-top:1px solid var(--line);}
.article-body h2:first-child{border-top:none;padding-top:0;margin-top:0;}
.article-body h3{font-family:'Archivo',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.01em;margin:32px 0 12px;}
.article-body p{margin-bottom:20px;color:#3a3a38;}
.article-body strong{color:var(--ink);font-weight:600;}
.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
.article-body ul,.article-body ol{margin:0 0 20px 24px;color:#3a3a38;}
.article-body li{margin-bottom:8px;}
.article-body blockquote{margin:32px 0;padding:24px 28px;border-left:3px solid var(--accent);background:var(--bg-2);font-style:italic;color:#555;}
.article-body blockquote strong{font-style:normal;}
.article-body img{margin:32px 0;border-radius:2px;}
.article-body figure{margin:32px 0;}
.article-body figcaption{font-size:12px;color:var(--muted);margin-top:8px;text-align:center;}

/* Table in article */
.article-body table{width:100%;border-collapse:collapse;margin:24px 0 32px;font-size:14px;}
.article-body th{text-align:left;padding:14px 16px;font-family:'Archivo',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink);}
.article-body td{padding:14px 16px;border-bottom:1px solid var(--line);}
.article-body tr:hover td{background:rgba(200,55,42,.02);}
.article-body td strong{color:var(--accent);}

/* Key takeaway box */
.takeaway{margin:40px 0;padding:28px 30px;background:var(--ink);color:#fff;border-radius:2px;}
.takeaway h4{font-family:'Archivo',sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;}
.takeaway p{color:rgba(255,255,255,.82);margin-bottom:0;}

/* ═══ AUTHOR BIO ═══ */
.author-bio{max-width:820px;margin:0 auto;padding:0 40px 64px;}
.author-card{display:flex;gap:24px;align-items:center;padding:32px;background:var(--bg-2);border-left:3px solid var(--accent);}
.author-avatar{width:64px;height:64px;border-radius:50%;background:#ddd;overflow:hidden;flex-shrink:0;}
.author-avatar img{width:100%;height:100%;object-fit:cover;}
.author-info .name{font-family:'Archivo',sans-serif;font-size:15px;font-weight:700;}
.author-info .role{font-size:12px;color:var(--muted);margin-top:2px;}
.author-info .bio-text{font-size:13px;color:#555;margin-top:8px;line-height:1.6;}

/* ═══ RELATED POSTS ═══ */
.related-section{background:var(--bg-2);padding:80px 0;}
.related-section .container{max-width:1200px;margin:0 auto;padding:0 40px;}
.related-section h2{font-family:'Archivo',sans-serif;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:36px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.rel-card{background:var(--bg);text-decoration:none;color:inherit;transition:transform .4s ease,box-shadow .4s ease;}
.rel-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px -8px rgba(0,0,0,.08);}
.rel-img{height:200px;overflow:hidden;}
.rel-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.rel-card:hover .rel-img img{transform:scale(1.04);}
.rel-body{padding:24px 22px;}
.rel-tag{font-family:'Archivo',sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;}
.rel-body h3{font-family:'Archivo',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin-bottom:8px;}
.rel-body p{font-size:13px;color:var(--muted);line-height:1.5;}

/* ═══ CTA BRIDGE ═══ */
.cta-bridge{background:var(--ink);color:#fff;padding:80px 0;}
.cta-bridge-inner{max-width:1200px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;}
.cta-bridge h2{font-family:'Archivo',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.025em;line-height:1.05;}
.cta-bridge h2 strong{color:var(--accent);}
.cta-bridge-lead{font-size:15px;color:rgba(255,255,255,.65);margin-top:14px;}
.cta-bridge-btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn-primary{font-family:'Archivo',sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:16px 28px;background:var(--accent);color:#fff;border:none;cursor:pointer;text-decoration:none;transition:background .3s;}
.btn-primary:hover{background:#a82d22;}
.btn-secondary{font-family:'Archivo',sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:16px 28px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);cursor:pointer;text-decoration:none;transition:all .3s;}
.btn-secondary:hover{background:#fff;color:var(--ink);}

/* ═══ FOOTER ═══ */
footer{background:#0f0f0f;color:#d7d7d1;padding:56px 0 20px;}
.container{max-width:1480px;margin:0 auto;padding:0 40px;}
.foot-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:44px;padding-bottom:54px;border-bottom:1px solid #262626;}
.foot-logo{font-family:'Archivo',sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px;color:#fff;}
.foot-logo span{color:var(--accent);}
.foot-desc{font-size:13px;color:#a0a09a;line-height:1.6;margin-bottom:16px;}
.foot-addr{font-size:12px;color:#8d8d87;line-height:1.8;}
.foot-addr a{color:#8d8d87;text-decoration:none;}
.foot-top h5{font-family:'Archivo',sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8d8d87;margin-bottom:18px;}
.foot-top ul{list-style:none;display:grid;gap:10px;}
.foot-top a,.foot-top li{font-size:13px;color:#d7d7d1;text-decoration:none;}
.foot-bot{padding-top:20px;font-family:'Archivo',sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6a6a65;display:flex;gap:24px;flex-wrap:wrap;}

/* ═══ FLOATING CTA ═══ */
.wa-float{position:fixed;bottom:28px;right:28px;z-index:90;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.35);transition:transform .3s;}
.wa-float:hover{transform:scale(1.1);}
.wa-float svg{width:24px;height:24px;fill:#fff;}

/* ═══ MOBILE ═══ */
@media(max-width:1100px){
  .nav-inner{grid-template-columns:auto auto;padding:18px 24px;}
  .nav-links{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .35s ease;}
  .nav-links.open{max-height:520px;}
  .nav-links li{list-style:none;border-bottom:1px solid var(--line);}
  .nav-links li:last-child{border-bottom:none;}
  .nav-links a{display:block;padding:14px 24px;font-size:15px;opacity:1;}
  .nav-burger{display:flex;}
  .ghost-link{display:none;}
  .foot-top{grid-template-columns:1fr 1fr;}
  .related-grid{grid-template-columns:1fr 1fr;}
  .cta-bridge-inner{grid-template-columns:1fr;gap:32px;}
}

@media(max-width:720px){
  .container,.article-header .container,.article-body,.author-bio,.article-hero,.related-section .container{padding-left:18px !important;padding-right:18px !important;}
  .article-header{padding:110px 0 36px;}
  .article-header h1{font-size:30px !important;}
  .article-hero img{aspect-ratio:16/9;}
  .article-body{padding-top:36px;padding-bottom:56px;}
  .article-body h2{font-size:24px;margin-top:36px;padding-top:24px;}
  .article-body h3{font-size:18px;}
  .article-body table{font-size:12px;}
  .article-body th,.article-body td{padding:10px 12px;}
  .takeaway{padding:22px 24px;}
  .author-card{flex-direction:column;text-align:center;gap:16px;padding:24px;}
  .related-grid{grid-template-columns:1fr !important;gap:18px;}
  .rel-img{height:180px;}
  .cta-bridge{padding:60px 0;}
  .cta-bridge h2{font-size:28px !important;}
  .foot-top{grid-template-columns:1fr 1fr !important;gap:28px 20px !important;padding-bottom:36px !important;}
  .foot-top > div:first-child{grid-column:1 / -1;}
  .foot-top h5{font-size:10px !important;margin-bottom:12px !important;}
  .foot-top a,.foot-top li{font-size:12px !important;}
  .foot-bot{flex-direction:column;gap:8px;font-size:10px;}
  .wa-float{width:48px;height:48px;}
  .wa-float svg{width:20px;height:20px;}
}