/* =====================================================================
   v57 — Editorial post layout + clean article metadata
   Keeps the v54 mobile header/menu untouched. This file only styles
   article previews, post pages and sharing blocks.
   ===================================================================== */
:root{--ea-ink:#06100c;--ea-muted:#4a5852;--ea-line:#dfe5e0;--ea-soft:#f7f8f5;--ea-green:#075a36;--ea-dark:#020806;}
.post-author-line{display:flex;align-items:center;gap:12px;margin:0 0 18px;}
.post-avatar{width:42px;height:42px;border-radius:12px;flex:0 0 auto;background:#020806;border:1px solid rgba(7,90,54,.22);box-shadow:0 10px 22px rgba(5,20,12,.08);}
.post-author-line strong{display:block;color:var(--ea-ink);font-size:14px;line-height:1.1;font-weight:850;letter-spacing:.01em;}
.post-author-line span{display:block;color:#64706a;font-size:13px;line-height:1.35;margin-top:3px;}
.post-category{display:block;color:var(--ea-green);font-size:12px;line-height:1.2;font-weight:900;text-transform:uppercase;letter-spacing:.20em;margin:8px 0 12px;}
.post-list{display:grid;gap:22px;margin-top:28px;border-top:1px solid var(--ea-line);}
.post-card{border-bottom:1px solid var(--ea-line);background:transparent;}
.post-card-link{display:block;padding:28px 0;color:inherit;text-decoration:none;}
.post-card-link:hover h3{color:var(--ea-green);}
.post-card h3{margin:0 0 12px;color:var(--ea-ink);font-size:clamp(28px,3.2vw,42px);line-height:1.04;letter-spacing:-.045em;font-weight:900;transition:color .18s ease;}
.post-card p{max-width:920px;margin:0;color:#26312d;font-size:18px;line-height:1.62;}
.post-card-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid rgba(6,16,12,.08);color:#53605b;font-size:13px;font-weight:750;}
.post-card-read{margin-left:auto;color:var(--ea-green);font-size:14px;font-weight:900;letter-spacing:.02em;}
.post-like{color:#0b5b37;font-weight:900;}
.home-post-preview{margin-top:28px;padding:32px;border:1px solid var(--ea-line);background:#fff;box-shadow:0 18px 44px rgba(6,16,12,.05);}
.home-post-preview h3{max-width:980px;margin:0 0 14px;color:var(--ea-ink);font-size:clamp(30px,3.3vw,46px);line-height:1.03;letter-spacing:-.05em;font-weight:950;}
.home-post-preview p{max-width:960px;color:#26312d !important;font-size:18px;line-height:1.62;}
.home-post-preview .post-card-footer{margin-top:24px;}
.article-detail-page .article-head.post-detail-head{max-width:980px;padding-bottom:8px;}
.post-back{display:inline-flex;margin:0 0 28px;color:var(--ea-green);font-size:13px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;text-decoration:none;}
.article-detail-page .post-detail-head h1{max-width:980px;margin-top:8px;font-size:clamp(42px,6vw,84px);line-height:.96;letter-spacing:-.062em;color:var(--ea-ink);}
.article-detail-page .post-detail-head .lead{max-width:900px;color:#27332f;font-size:clamp(19px,2vw,25px);line-height:1.55;}
.post-detail-stats{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid var(--ea-line);color:#52605a;font-size:13px;font-weight:800;}
.article-detail-page .article-body{max-width:840px;margin-left:0;}
.article-detail-page .article-body h2{margin-top:42px;color:var(--ea-ink);font-size:clamp(28px,3.2vw,42px);letter-spacing:-.045em;}
.article-detail-page .article-body p,.article-detail-page .article-body li{color:#202b27;font-size:19px;line-height:1.74;}
.article-end-cta{margin:54px 0 26px;padding:30px;border:1px solid var(--ea-line);background:linear-gradient(180deg,#ffffff,#f7f8f5);box-shadow:0 16px 42px rgba(6,16,12,.05);}
.article-end-cta p{margin:0 0 20px !important;color:#17231e !important;font-size:18px !important;line-height:1.65 !important;}
.article-end-cta em{font-style:italic;}
.article-end-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:var(--ea-green);color:#fff !important;text-decoration:none;font-size:14px;font-weight:900;letter-spacing:.01em;}
.post-share-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 8px;padding:18px 0;border-top:1px solid var(--ea-line);border-bottom:1px solid var(--ea-line);}
.post-share-bar span{color:#66726c;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;margin-right:6px;}
.post-share-bar a,.post-share-bar button{appearance:none;border:0;background:transparent;color:var(--ea-green);font:inherit;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer;padding:6px 4px;}
.post-share-bar a:hover,.post-share-bar button:hover{text-decoration:underline;}
.post-share-bar button.is-copied{color:#111827;}
.article-detail-note{margin-top:28px;}
@media(max-width:780px){
  .home-post-preview{padding:24px 0;border-left:0;border-right:0;box-shadow:none;background:transparent;}
  .post-author-line{gap:10px;margin-bottom:16px;}
  .post-avatar{width:38px;height:38px;border-radius:10px;}
  .post-card-link{padding:26px 0;}
  .post-card h3,.home-post-preview h3{font-size:31px;line-height:1.06;letter-spacing:-.045em;}
  .post-card p,.home-post-preview p{font-size:17px;line-height:1.58;}
  .post-card-footer{gap:14px;}
  .post-card-read{width:100%;margin-left:0;}
  .article-detail-page .post-detail-head h1{font-size:42px;line-height:1.02;letter-spacing:-.052em;}
  .article-detail-page .post-detail-head .lead{font-size:19px;line-height:1.52;}
  .article-detail-page .article-body p,.article-detail-page .article-body li{font-size:18px;line-height:1.68;}
  .article-end-cta{padding:24px 20px;}
}


/* =====================================================================
   v57 — Clean editorial metadata
   No fake counters, no static likes. Homepage gains a blog CTA and
   article pages always keep a path to other articles.
   ===================================================================== */
.post-like,.post-detail-stats{display:none!important;}
.post-card-footer{justify-content:flex-start;gap:0;border-top:0;padding-top:4px;margin-top:22px;}
.post-card-footer .post-card-read{margin-left:0;display:inline-flex;align-items:center;color:var(--ea-green);font-size:15px;font-weight:950;text-decoration:none;}
.home-blog-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:22px;padding:0 22px;border-radius:999px;background:var(--ea-green);color:#fff!important;text-decoration:none;font-size:14px;font-weight:950;letter-spacing:.01em;}
.home-blog-cta:hover{filter:brightness(.96);}
.related-articles{margin:42px 0 26px;padding:30px 0;border-top:1px solid var(--ea-line);border-bottom:1px solid var(--ea-line);}
.related-articles>h2{margin:0 0 18px!important;color:var(--ea-ink);font-size:clamp(28px,3.2vw,42px)!important;letter-spacing:-.045em;}
.related-articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.related-article-card{display:block;padding:22px;border:1px solid var(--ea-line);background:#fff;color:inherit;text-decoration:none;box-shadow:0 14px 32px rgba(6,16,12,.045);transition:transform .18s ease,border-color .18s ease;}
.related-article-card:hover{transform:translateY(-2px);border-color:rgba(7,90,54,.35);}
.related-article-card h3{margin:0 0 10px!important;color:var(--ea-ink);font-size:24px!important;line-height:1.12!important;letter-spacing:-.035em!important;}
.related-article-card p{margin:0 0 16px!important;color:#31403a!important;font-size:15px!important;line-height:1.55!important;}
.related-article-card strong{color:var(--ea-green);font-size:14px;font-weight:950;}
@media(max-width:780px){
  .related-articles{margin-top:34px;padding:26px 0;}
  .related-articles-grid{grid-template-columns:1fr;}
  .related-article-card{padding:20px;}
  .home-blog-cta{width:100%;}
}


/* =====================================================================
   v58 — Final homepage CTA + platform-logo cleanup
   ===================================================================== */
.home-blog-cta{display:none!important;}
.home-article-actions{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  margin-top:24px!important;
}
.home-article-action,
.home-article-action:visited{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  padding:0 22px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
  text-indent:0!important;
}
.home-article-action span{
  display:inline!important;
  color:inherit!important;
  opacity:1!important;
  visibility:visible!important;
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-indent:0!important;
}
.home-article-action-primary,
.home-article-action-primary:visited{
  background:var(--ea-green)!important;
  border:1px solid var(--ea-green)!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(7,90,54,.16)!important;
}
.home-article-action-secondary,
.home-article-action-secondary:visited{
  background:#fff!important;
  border:1px solid rgba(7,90,54,.28)!important;
  color:var(--ea-green)!important;
}
.home-article-action:hover{transform:translateY(-1px);}
.platform-logo-item img[src*="platform-python-final"],
.platform-ticker-item img[src*="platform-python-final"]{
  object-fit:contain!important;
}
.mobile-top-menu-link{display:none;}
@media(max-width:780px){
  .home-article-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .home-article-action{width:100%!important;min-height:52px!important;font-size:16px!important;}
  .mobile-top-menu-link{
    display:inline-flex!important;
    position:fixed!important;
    right:16px!important;
    bottom:calc(18px + env(safe-area-inset-bottom))!important;
    z-index:80!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    background:#020806!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
  }
}
@media(max-width:420px){
  .mobile-top-menu-link{right:14px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;}
}