/* Forty-eight days: long-form story page. Builds on ../series.css. */
.stat-row { display:flex; flex-wrap:wrap; gap:10px; margin:26px 0; }
.stat { flex:1 1 120px; border:1px solid #23262e; border-radius:8px; background:#0d0f14; padding:13px 15px; }
.stat b { display:block; font-family:'JetBrains Mono',monospace; font-size:22px; color:#a3e635; }
.stat span { font-size:12px; color:#7b828f; letter-spacing:.04em; }

.figure { margin:30px 0; }
.figure img { width:100%; height:auto; border-radius:8px; border:1px solid #23262e; display:block; }
.figure figcaption { font-size:13px; color:#7b828f; margin-top:8px; font-style:italic; }
.figure--wide { margin-left:-40px; margin-right:-40px; }
.figure--pair { display:grid; grid-template-columns: 1.6fr 1fr; gap:10px; align-items:start; }
.figure--pair img { height:100%; max-height:420px; object-fit:cover; }
.figure--pair figcaption { grid-column: 1 / -1; }

.big-quote { border-left:3px solid #a3e635; background:#0f140b; border-radius:5px; padding:16px 19px; margin:26px 0;
        color:#e7f5d0; font-size:20px; line-height:1.5; font-weight:600; }

.toc { border:1px solid #23262e; border-radius:8px; background:#0d0f14; padding:14px 18px; margin:26px 0; }
.toc b { display:block; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#7b828f; margin-bottom:6px; }
.toc ol { margin:0; padding-left:20px; }
.toc li { margin:3px 0; }

.tl { position:relative; margin:28px 0; padding-left:26px; border-left:2px solid #23262e; }
.tl-item { position:relative; margin:0 0 24px; }
.tl-item::before { content:""; position:absolute; left:-33px; top:6px; width:12px; height:12px; border-radius:50%;
                   background:#0a0a0a; border:2px solid #a3e635; }
.tl-item--now::before { background:#a3e635; box-shadow:0 0 12px rgba(163,230,53,.6); }
.tl-date { font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:#a3e635; }
.tl-item h3 { margin:4px 0 6px; font-size:18px; color:#eef1f5; }
.tl-item p { margin:0; }

.anim-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:28px -40px; }
.anim-grid figure { margin:0; border:1px solid #23262e; border-radius:8px; overflow:hidden; background:#070a0f; }
.anim-grid img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.anim-grid figcaption { padding:8px 11px 10px; font-size:12.5px; color:#8a92a0; }

.ledger { width:100%; border-collapse:collapse; margin:22px 0; font-size:14.5px; }
.ledger th, .ledger td { border:1px solid #23262e; padding:9px 12px; text-align:left; vertical-align:top; }
.ledger th { background:#0d0f14; color:#a0a0a0; font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.ledger td b { color:#a3e635; font-family:'JetBrains Mono',monospace; }

.next-list { padding-left:20px; }
.next-list li { margin:8px 0; }

.qa { border-top:1px solid #23262e; padding-top:18px; margin-top:34px; }
.qa h3 { font-size:17px; color:#e8eaee; margin:18px 0 8px; }
.qa p { font-size:15px; line-height:1.7; color:#b6bdc9; margin:0 0 12px; }

@media (max-width: 860px) {
  .figure--wide, .anim-grid { margin-left:0; margin-right:0; }
  .anim-grid { grid-template-columns:1fr; }
  .figure--pair { grid-template-columns:1fr; }
}