/* ============================================================
   Yogreet — dark-theme styles for bot-generated blog posts & news
   digests. Loaded AFTER site.css; reuses its tokens, and aliases the
   legacy variable names the generators still emit in inline styles.
   ============================================================ */

:root{
  /* legacy aliases -> dark-console values (used by inline var(--ink-soft) etc.) */
  --ink:#e9efe9;
  --ink-soft:#9aa89e;
  --ink-faint:#5b6b62;
  --paper:#0a0d0c;
  --paper-alt:#0d1110;
  --white:#111714;
  --line:rgba(255,255,255,.08);
  --blueprint:#c2f24a;
  --blueprint-dark:#d2ff5e;
  --blueprint-tint:rgba(194,242,74,.12);
  --signal:#e8623d;
  --efficient:#c2f24a;
  --radius:14px;
  --radius-sm:9px;
}

/* layout — generators wrap content in .container */
.container{max-width:1240px;margin:0 auto;padding:0 40px;}
main{display:block;}

/* article header / meta */
.page-head{padding:56px 0 8px;}
.article-wrap{max-width:820px;}
.breadcrumb{font-family:var(--mono);font-size:12px;color:var(--faint);display:flex;gap:8px;align-items:center;margin-bottom:18px;flex-wrap:wrap;}
.breadcrumb a{color:var(--muted);}
.breadcrumb a:hover{color:var(--text);}
.article-head{margin-bottom:8px;}
.article-head h1{font-size:clamp(30px,4.4vw,46px);line-height:1.08;letter-spacing:-1.2px;margin:10px 0 14px;}
.byline{font-family:var(--mono);font-size:12.5px;color:var(--faint);display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.byline .dot{width:3px;height:3px;border-radius:50%;background:var(--faint);display:inline-block;}
.post-hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:1px solid var(--line-2);margin:20px 0 10px;}

/* article body typography */
.article-wrap article h2{font-size:28px;letter-spacing:-.5px;margin:40px 0 16px;}
.article-wrap article h3{font-size:20px;margin:28px 0 12px;}
.article-wrap article p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 18px;}
.article-wrap article ul,.article-wrap article ol{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 18px;padding-left:22px;}
.article-wrap article li{margin-bottom:8px;}
.article-wrap article a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
.article-wrap article strong{color:var(--text);}
.article-wrap article blockquote{border-left:2px solid var(--accent);margin:0 0 18px;padding:4px 0 4px 18px;color:var(--text);}

/* key-takeaways box */
.takeaway-box{background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:24px 26px;margin:26px 0;}
.takeaway-box .tk-label{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;}
.takeaway-box ul{margin:0;padding-left:20px;color:var(--text);}
.takeaway-box li{margin-bottom:8px;line-height:1.55;font-size:15.5px;}

/* stat callout */
.stat-callout{display:flex;flex-wrap:wrap;gap:28px;background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:24px 26px;margin:24px 0 10px;}
.stat-callout .n{display:block;font-size:30px;font-weight:700;color:var(--accent);font-family:var(--sans);letter-spacing:-1px;}
.stat-callout .l{display:block;font-size:13px;color:var(--muted);margin-top:4px;}

/* CTA strip */
.cta-strip{background:var(--surface);border:1px solid var(--hover-border);border-radius:16px;padding:30px 32px;margin:36px 0;}
.cta-strip h3{font-size:22px;margin-bottom:10px;}
.cta-strip p{color:var(--muted);font-size:15.5px;line-height:1.6;margin-bottom:18px;}
.cta-strip a{color:var(--accent);}
.cta-strip .btn-primary{color:var(--on-accent);}

/* card grids (index + related) */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px;}
.post-card{display:block;background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:24px;transition:border-color .2s ease;}
.post-card:hover{border-color:var(--hover-border);}
.post-card h2,.post-card h3{font-size:18px;line-height:1.3;margin:8px 0 6px;color:var(--text);}
.post-card p{color:var(--muted);font-size:14px;line-height:1.55;margin:0;}
.post-card .btn-primary{color:var(--on-accent);}
.post-meta{font-family:var(--mono);font-size:11px;color:var(--faint);display:flex;gap:7px;align-items:center;flex-wrap:wrap;}
.post-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;}
.post-meta .dot,.post-meta .when{color:var(--faint);}

/* FAQ (details/summary) */
.faq-item{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);margin-bottom:12px;padding:0;}
.faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;font-size:16px;color:var(--text);display:flex;justify-content:space-between;gap:16px;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";color:var(--accent);font-size:20px;font-weight:400;}
.faq-item[open] summary::after{content:"–";}
.faq-item p{padding:0 22px 20px;color:var(--muted);font-size:15px;line-height:1.7;margin:0;}

/* ---- news digest specifics ---- */
.news-lede{font-size:18px;color:var(--muted);max-width:720px;margin:6px 0 14px;line-height:1.6;}
.news-meta{font-family:var(--mono);font-size:12.5px;color:var(--faint);}
.news-cat{font-size:13px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:8px;margin:38px 0 18px;}
.news-item{padding:18px 0;border-bottom:1px solid var(--line);}
.news-item h3{font-size:20px;margin:8px 0 6px;line-height:1.25;color:var(--text);}
.news-item p{color:var(--muted);font-size:15.5px;margin:0 0 10px;line-height:1.6;}
.news-src-link{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--accent);}
.news-src-link:hover{text-decoration:underline;}
.news-take{background:var(--panel);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:11px 15px;margin:0 0 12px;font-size:14.5px;line-height:1.55;color:var(--muted);}
.news-take-label{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-right:8px;}
.news-take-link{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap;}
.news-take-link:hover{text-decoration:underline;}
.news-help{background:var(--surface);border:1px solid var(--hover-border);border-radius:16px;padding:38px 34px;margin:48px 0 8px;}
.news-help .eyebrow{color:var(--accent);}
.news-help h2{font-size:26px;margin:6px 0 10px;max-width:640px;}
.news-help p{color:var(--muted);font-size:16px;max-width:680px;margin:0 0 20px;line-height:1.6;}
.news-help .btn-primary{color:var(--on-accent);}
.news-srclist{font-family:var(--mono);font-size:12px;color:var(--faint);margin-top:14px;}

@media (max-width:760px){
  .container{padding:0 20px;}
  .post-grid,.related-grid{grid-template-columns:1fr;}
}