/* narrower than the shared 62ch */
.hero-lead{max-width:54ch}
@media (max-width:960px){
  .hero{min-height:auto;align-items:center;padding:clamp(130px,17.5vh,172px) 0 clamp(40px,8vw,64px)}}

/* hero copy width for this page */
.hl2{max-width:62ch}
/* news: compact hero on the standard gradient */
/* news: light feed cards, dark subscribe band */
#latest .ncard{background:#fff;box-shadow:0 14px 34px -24px rgba(9,20,39,.25)}
#latest .ncard:hover{border-color:rgba(60,99,255,.55)}
#latest .ncard .ph{background:rgba(9,20,39,.045)}
#subscribe .sub input{background:rgba(9,20,39,.6);border:1px solid var(--border-strong);color:var(--fg)}
#subscribe .sub input::placeholder{color:var(--fg-subtle)}

/* very narrow: subscribe button collapses to a round arrow-only button, stays inline */
@media(max-width:480px){
  .sub{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .sub .btn.accent{width:52px;min-width:52px;padding:0;border-radius:50%;justify-content:center}
  .sub .btn.accent .sub-btn-t{display:none}
  .sub .btn.accent .i{margin:0}
}
/* Stay in the Loop: two columns (copy left, form right) with centered divider */
#subscribe .stay-grid{display:grid;grid-template-columns:1fr 1px 1fr;
  column-gap:clamp(20px,2.6vw,32px);align-items:start}
#subscribe .stay-grid::before{content:"";grid-column:2;grid-row:1;align-self:stretch;
  width:1px;min-height:100%;background:rgba(150,180,255,.2)}
#subscribe .stay-copy{grid-column:1}
#subscribe .stay-copy .lead{margin-top:16px;max-width:52ch}
#subscribe .stay-panel{grid-column:3;position:relative}
#subscribe .stay-sub{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  color:var(--volt-blue);margin-bottom:14px}
#subscribe .sub{margin-top:0;max-width:none}

@media(max-width:860px){
  #subscribe .stay-grid{grid-template-columns:1fr;gap:24px}
  #subscribe .stay-grid::before{display:none}
  #subscribe .stay-copy,#subscribe .stay-panel{grid-column:1}
}

/* ===== article page ===== */
/* ===== post-page-css ===== */
.post-head{max-width:760px;margin:0 auto;text-align:center}
.post-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px}
.post-back .i{transform:none}
.post-meta{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:18px;
  font-size:12.5px;letter-spacing:.06em;color:var(--fg-muted)}
.post-meta b{color:var(--accent-ink,var(--volt-blue));text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.post-meta span{position:relative;padding-left:14px}
.post-meta span::before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;
  transform:translateY(-50%);background:var(--border-strong)}
.post-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;line-height:1.08;
  font-size:clamp(1.9rem,4vw,3rem);margin:0 0 18px}
.post-lead{max-width:60ch;margin:0 auto 26px;color:var(--fg-muted);font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.6}
.post-body-sec{padding-top:clamp(40px,5vw,72px);background:#F4F8FC;color:#48546B}
.post-body-sec .post-article{color:#48546B}
.post-body-sec .post-article h2{color:#0A1120}
.post-body-sec .post-quote{color:#0A1120;border-left-color:var(--volt-blue)}
.post-body-sec .post-cover.ph{background:rgba(9,20,39,.045);border-color:rgba(9,20,39,.10);color:rgba(9,20,39,.4)}
.post-body-sec .post-article em{color:rgba(9,20,39,.55)}
.post-foot{border-top-color:rgba(9,20,39,.12)}
.post-cover{width:100%;max-width:900px;margin:0 auto clamp(30px,4vw,52px);aspect-ratio:16/8;border-radius:20px}
.post-article{max-width:720px;margin:0 auto;font-size:16.5px;line-height:1.75}
.post-article h2{margin:34px 0 12px}
.post-quote{margin:28px 0;padding:6px 0 6px 24px;border-left:3px solid var(--accent,var(--volt-blue));
  font-family:var(--font-display);font-weight:600;font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1.4;color:var(--fg)}
.post-foot{max-width:720px;margin:clamp(36px,5vw,64px) auto 0;display:flex;gap:14px;flex-wrap:nowrap;
  justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid var(--border)}
@media(max-width:350px){.post-foot{flex-direction:column;align-items:flex-start;gap:16px}}
.post-nav{display:inline-flex;align-items:center;gap:8px;color:var(--volt-blue);font-weight:600;
  font-size:15px;text-decoration:none;transition:gap .25s ease,color .25s ease}
.post-nav .i{width:18px;height:18px;transform:none}
.post-nav:hover{color:#0A1120}
.post-nav.post-nav-next:hover{gap:12px}

/* Placeholder notice. Deliberately loud: this content must not reach production
   by accident, so it should be impossible to mistake for finished copy. Delete
   this rule together with the .ph-notice markup once real articles are in. */
.ph-notice{margin:0 0 clamp(20px,3vw,30px);padding:14px 18px;border-radius:12px;
  border:1px dashed rgba(197,116,0,.5);background:rgba(255,196,84,.12);
  font-size:14.5px;line-height:1.6;color:#7A4B00}
.ph-notice b{font-weight:700}
.ph-notice code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  padding:1px 5px;border-radius:5px;background:rgba(122,75,0,.12)}