/* Insights section styles — matches the approved Insights mockup.
   Enqueued only on the Insights archive page and single Insights posts. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
      --ink:#1E2A6E;
      --muted:#5C6690;
      --border:#E2E6F5;
      --page:#FFFFFF;
      --surface-tint:#F3F5FC;
    
      --dark-1:#0A0F22;
      --dark-2:#1C2554;
      --dark-grad: linear-gradient(135deg, var(--dark-1) 0%, var(--dark-2) 100%);
      --on-dark:#F4F6FD;
      --on-dark-muted:#A6B0DA;
      --card-dark:rgba(255,255,255,0.055);
      --card-dark-border:rgba(255,255,255,0.12);
    
      --accent:#3B6FE0;
      --accent-strong:#2A3B8F;
      --teal:#2E8FA8;
      --pill:999px;
      --card-r:20px;
      --shadow: 0 10px 30px -14px rgba(10,15,34,0.35);
}

.insights-wrap *{ box-sizing:border-box; }
.insights-wrap{
      color:var(--ink);
      font-family:'Inter',-apple-system,'Segoe UI',sans-serif;
      -webkit-font-smoothing:antialiased;
}
.insights-wrap a{ color:inherit; }
.insights-wrap img{ max-width:100%; }
.insights-wrap :focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
@media (prefers-reduced-motion: reduce){ .insights-wrap *{ animation-duration:0.001ms !important; transition-duration:0.001ms !important; } }

.insights-wrap h1,.insights-wrap h2,.insights-wrap h3,.insights-wrap h4{ font-family:'Poppins',-apple-system,sans-serif; text-wrap:balance; }

.insights-wrap .pill{
      display:inline-flex; align-items:center; gap:0.4rem;
      font-family:'Poppins',sans-serif; font-weight:700; font-size:0.7rem;
      letter-spacing:0.06em; text-transform:uppercase;
      padding:0.35rem 0.85rem; border-radius:var(--pill);
}
.insights-wrap .pill-ondark{ background:rgba(255,255,255,0.1); color:#CFE0FF; border:1px solid rgba(255,255,255,0.16); }
.insights-wrap .pill-soon{ background:rgba(46,143,168,0.18); color:#7FD9EC; border:1px solid rgba(127,217,236,0.3); }

.insights-wrap .btn{ font-family:'Poppins',sans-serif; font-weight:700; font-size:0.8rem; text-decoration:none; padding:0.75rem 1.4rem; border-radius:var(--pill); display:inline-flex; align-items:center; gap:0.5rem; cursor:pointer; border:1px solid transparent; white-space:nowrap; }
.insights-wrap .btn-onDark{ background:rgba(255,255,255,0.14); color:#fff; border-color:rgba(255,255,255,0.28); }
.insights-wrap .btn-onDark:hover{ background:rgba(255,255,255,0.22); }

.insights-wrap .wrap{ max-width:1200px; margin:0 auto; padding-inline:1.5rem; }

.insights-hero{ position:relative; background:var(--dark-grad); overflow:hidden; padding:3.5rem 0 6.5rem; }
.insights-hero .wrap{ position:relative; z-index:1; }
.insights-hero h1{ color:var(--on-dark); font-size:clamp(2rem,3.2vw + 1rem,2.9rem); font-weight:800; margin:0.9rem 0 0.8rem; max-width:16ch; }
.insights-hero p{ color:var(--on-dark-muted); font-size:1.05rem; max-width:52ch; margin:0; line-height:1.6; }

.featured-card{
      position:relative; z-index:2; margin:-4rem auto 0; max-width:1200px;
      background:var(--dark-grad); border:1px solid var(--card-dark-border);
      border-radius:var(--card-r); box-shadow:var(--shadow);
      padding:2.4rem; overflow:hidden;
}
@media (max-width:600px){ .featured-card{ margin-top:-2.25rem; padding:1.75rem; } }
.featured-card::before{
      content:''; position:absolute; inset:0; opacity:0.35; pointer-events:none;
      background-image: radial-gradient(rgba(255,255,255,0.18) 1.2px, transparent 1.6px);
      background-size:26px 26px;
      background-position:top right;
}
.featured-inner{ position:relative; z-index:1; max-width:640px; }
.featured-inner h2{ color:#fff; font-size:clamp(1.6rem,2.2vw + 1rem,2.3rem); font-weight:800; margin:0.9rem 0 0.7rem; line-height:1.15; }
.featured-inner .dek{ color:var(--on-dark-muted); font-size:1.08rem; margin:0 0 1.4rem; line-height:1.6; }
.meta-row{ font-family:'Inter',sans-serif; font-size:0.82rem; color:var(--on-dark-muted); display:flex; gap:0.55rem; flex-wrap:wrap; margin-bottom:1.6rem; }

.more-section{ padding:3.5rem 0 4.5rem; background:var(--dark-1); }
.more-section .wrap > h3{ font-family:'Poppins',sans-serif; color:var(--on-dark); font-size:1rem; font-weight:700; margin:0 0 1.5rem; }
.more-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1.25rem; }
@media (max-width:700px){ .more-grid{ grid-template-columns:1fr; } }
.glass-card{ background:var(--card-dark); border:1px solid var(--card-dark-border); border-radius:var(--card-r); padding:1.75rem; }
.glass-card h4{ color:var(--on-dark); font-size:1.05rem; font-weight:700; margin:0 0 0.5rem; }
.glass-card p{ color:var(--on-dark-muted); font-size:0.92rem; margin:0; line-height:1.6; }
.glass-card .pill{ margin-bottom:0.9rem; }

.art-hero{ position:relative; background:var(--dark-grad); overflow:hidden; padding:1.5rem 0 5.5rem; }
.art-hero .wrap{ position:relative; z-index:1; }
.breadcrumb{ font-family:'Inter',sans-serif; font-size:0.82rem; color:var(--on-dark-muted); padding-top:0.75rem; }
.breadcrumb a{ color:inherit; text-decoration:underline; }
.breadcrumb a:hover{ color:#fff; }
.art-hero h1{ color:#fff; font-size:clamp(2.1rem,3.4vw + 1rem,3.2rem); font-weight:800; line-height:1.1; margin:1.1rem 0 0.9rem; max-width:18ch; }
.art-hero .dek{ color:var(--on-dark-muted); font-size:1.2rem; max-width:52ch; margin:0 0 1.75rem; line-height:1.55; }
.byline{ display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.byline-mark{ width:38px;height:38px;border-radius:50%; background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.24); color:#fff; display:flex;align-items:center;justify-content:center; font-family:'Poppins',sans-serif; font-weight:700; font-size:0.75rem; flex:0 0 auto; }
.byline-text{ font-family:'Inter',sans-serif; font-size:0.85rem; color:var(--on-dark-muted); line-height:1.5; }
.byline-text strong{ color:#fff; font-weight:700; }
.share-row{ display:flex; gap:0.5rem; margin-left:auto; }
.icon-btn{ width:36px;height:36px; border-radius:50%; border:1px solid rgba(255,255,255,0.22); display:flex;align-items:center;justify-content:center; color:#fff; background:rgba(255,255,255,0.08); text-decoration:none; cursor:pointer; }
.icon-btn:hover{ background:rgba(255,255,255,0.18); }
.icon-btn.onlight{ border-color:var(--border); color:var(--ink); background:var(--surface-tint); }
.icon-btn.onlight:hover{ background:#E7ECFA; }

.content-card{ position:relative; z-index:2; margin:-4rem auto 0; max-width:840px; background:#fff; border:1px solid var(--border); border-radius:var(--card-r); box-shadow:var(--shadow); padding:2.75rem clamp(1.5rem,4vw,3.75rem) 1rem; }
@media (max-width:600px){ .content-card{ margin-top:-2.25rem; padding:2rem 1.25rem 0.5rem; } }

.art-body{ font-size:1.08rem; line-height:1.78; color:#232B4D; max-width:680px; margin:0 auto; }
.art-body p{ margin:0 0 1.35rem; }
.art-body .question{ color:var(--muted); font-style:italic; }
.art-body .callout{
      background:var(--surface-tint); border-left:4px solid var(--accent-strong); border-radius:0 12px 12px 0;
      padding:1.25rem 1.5rem; margin:2rem 0; font-family:'Poppins',sans-serif; font-weight:700; font-size:1.2rem; color:var(--ink); line-height:1.4;
}
.notes{ max-width:680px; margin:2.5rem auto 0; padding:1.5rem 0 2rem; border-top:1px solid var(--border); }
.notes summary{ font-family:'Poppins',sans-serif; font-size:0.85rem; font-weight:700; color:var(--muted); cursor:pointer; margin-bottom:1rem; }
.notes ol{ padding-left:1.2rem; font-size:0.92rem; color:var(--muted); line-height:1.7; }
.notes a{ color:var(--accent-strong); }
.share-row-bottom{ max-width:680px; margin:0 auto; display:flex; align-items:center; gap:0.75rem; padding:1.5rem 0 2.5rem; font-family:'Inter',sans-serif; font-size:0.85rem; color:var(--muted); }
#copy-toast{ display:none; color:var(--accent-strong); font-weight:600; }

.companion-section{ background:var(--dark-1); padding:4rem 0; }
.companion-head{ max-width:680px; margin:0 auto 2rem; text-align:left; }
.companion-head h3{ color:#fff; font-size:1.7rem; font-weight:800; margin:0.9rem 0 0.6rem; }
.companion-head p{ color:var(--on-dark-muted); margin:0; max-width:56ch; line-height:1.6; }
.companion-grid{ max-width:840px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
@media (max-width:700px){ .companion-grid{ grid-template-columns:1fr; } }
.companion-card{ background:var(--card-dark); border:1px solid var(--card-dark-border); border-radius:var(--card-r); padding:1.75rem; }
.companion-card .icon-wrap{ width:44px;height:44px;border-radius:12px; background:rgba(46,143,168,0.18); display:flex;align-items:center;justify-content:center; color:#7FD9EC; margin-bottom:1.1rem; }
.companion-card h4{ color:#fff; font-size:1.1rem; font-weight:700; margin:0 0 0.4rem; }
.companion-card p{ color:var(--on-dark-muted); font-size:0.9rem; margin:0; line-height:1.55; }

.rise{ animation:riseIn 0.5s ease both; }
@keyframes riseIn{ from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);} }