/* V12: shared, live launch milestones. Uses its own top-level shell, not page views. */
.launch-strip {
  position:relative; z-index:2; isolation:isolate;
  display:grid; grid-template-columns: 1fr 1fr; gap:0;
  min-height:78px; padding:0 29px;
  background:linear-gradient(110deg,rgba(68,19,13,.95),rgba(27,12,10,.98) 48%,rgba(49,20,12,.98)),
    url('../assets/ember-stone.webp') center/cover;
  border-bottom:1px solid #8e3b23;
  box-shadow:inset 0 1px 0 #f2a1581c,0 5px 15px #0006;
}
.launch-milestone {
  min-width:0;display:flex;align-items:center;gap:17px;
  padding:11px 22px 12px 8px;
}
.launch-milestone + .launch-milestone {border-left:1px solid #7e3726;padding-left:24px;}
.milestone-icon {color:#f1a757;line-height:1;font-size:25px;flex:none;text-shadow:0 0 14px #c8362373}
.milestone-copy {flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.milestone-title {font:700 10px/1.2 var(--font);letter-spacing:1.65px;color:#f4bd7a;text-transform:uppercase}
.milestone-date {font:12px/1.35 var(--font);color:#d4b6a4}
.milestone-count {
  flex:none;text-align:right;color:#ffddb1;
  font:700 clamp(16px,1.6vw,23px)/1.14 var(--head);
  letter-spacing:.2px;white-space:nowrap;font-variant-numeric:tabular-nums;
}
.milestone-sub {color:#c9a590;font:10px/1.35 var(--font);letter-spacing:.15px;text-align:right;white-space:nowrap;margin-top:4px}
.launch-milestone.is-active .milestone-count {color:#8dd99c}
.launch-milestone.is-complete .milestone-count {color:#d4bfb1;font-size:17px}
@media (max-width:1500px){.launch-strip{padding:0 22px}.launch-milestone{gap:11px}.launch-milestone + .launch-milestone{padding-left:18px}.milestone-count{font-size:17px}}
@media (max-width:1130px){
  .launch-strip{grid-template-columns:1fr;padding:5px 22px}
  .launch-milestone{padding:9px 0}
  .launch-milestone + .launch-milestone{border-left:0;border-top:1px solid #713722;padding-left:0}
  .milestone-count{font-size:18px}
}
@media (max-width:570px){
  .launch-strip{padding:4px 15px}.launch-milestone{gap:10px;padding:8px 0}
  .milestone-icon{font-size:18px}.milestone-title{letter-spacing:1px;font-size:9px}
  .milestone-date{font-size:10px}.milestone-count{font-size:16px}.milestone-sub{font-size:9px}
}
@media (max-width:375px){.launch-milestone{flex-wrap:wrap}.milestone-count{text-align:left;margin-left:27px}.milestone-sub{text-align:left}}

/* V12: all six article thumbnails are exactly 480 × 260; show all pixels. */
.feed-card .feed-thumb,.resource .feed-thumb {
  width:163px;height:auto;aspect-ratio:24 / 13;
  object-fit:contain;object-position:center;
  align-self:center;flex:0 0 auto;
  background:#130907;border:1px solid #80513a;border-radius:6px;
  box-shadow:0 2px 8px #0004;
}
.resource .feed-thumb {width:142px}
@media (max-width:1350px){.feed-card .feed-thumb{width:133px}.resource .feed-thumb{width:110px}}
@media (max-width:1070px){.feed-card .feed-thumb{width:142px}.resource .feed-thumb{width:135px}}
@media (max-width:570px){.feed-card .feed-thumb{width:105px}.resource .feed-thumb{width:100px}}