/* Decade Files pages (/decades/<decade>/). Built by tools/decades/build_decade_page.py on top of /cases/tartaria/case.css. */
.dc-head h1 em { font-style: normal; color: var(--amber); }
.dc-stats .tz-stat span { display: block; }
.tz-stats.dc-stats { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 900px) { .tz-stats.dc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tz-stats.dc-stats .tz-stat:last-child { grid-column: 1 / -1; } }
.dc-ref { font-size: 0.68rem; color: var(--amber); text-decoration: none; margin-left: 3px; vertical-align: super; line-height: 0; white-space: nowrap; }
.dc-ref:hover { text-decoration: underline; }
.dc-d { display: block; font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--amber); margin-bottom: 3px; }

/* the decade in 60 seconds: one card per year */
.dc-years { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 16px; margin-top: 24px; }
.dc-year { border: 1px solid var(--line); background: var(--ink); padding: 18px 18px 14px; border-top: 4px solid var(--amber-fill); }
.dc-year h3 { font-family: "Archivo Black", sans-serif; font-weight: 400; font-size: 2rem; line-height: 1; color: var(--bone); margin-bottom: 12px; }
.dc-year ol { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.dc-year li { font-size: 0.9rem; color: var(--bone-dim); line-height: 1.5; padding-top: 10px; border-top: 1px dashed var(--line); }
.dc-year li:first-child { border-top: 0; padding-top: 0; }
.dc-year li b { color: var(--bone); font-weight: 600; }

/* what it brought / what went away */
.dc-facts { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 14px; margin-top: 22px; }
.dc-facts li { position: relative; border: 1px solid var(--line); background: var(--ink); padding: 16px 18px 14px 52px; }
.dc-facts li::before { position: absolute; left: 16px; top: 16px; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 0.95rem; color: #fff; }
.dc-plus li::before { content: "+"; background: var(--tz-confirmed); }
.dc-minus li::before { content: "−"; background: var(--tz-refutes); }
.dc-rec li::before, .dc-fut li::before { content: "§"; background: var(--amber-fill); color: var(--on-amber); font-size: 0.8rem; }
.dc-facts b { color: var(--bone); display: block; margin-bottom: 4px; }
.dc-facts p { font-size: 0.9rem; color: var(--bone-dim); line-height: 1.5; }

/* who we lost */
.dc-people { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 12px; margin-top: 22px; }
.dc-person { border: 1px solid var(--line); background: var(--ink); padding: 14px 16px; display: flex; flex-direction: column; gap: 3px; }
.dc-person b { color: var(--bone); font-size: 1.02rem; }
.dc-person > .mono { font-size: 0.75rem; color: var(--amber); letter-spacing: 0.08em; }
.dc-person p { font-size: 0.85rem; color: var(--bone-dim); }
.dc-died { font-size: 0.68rem; color: var(--bone-dim); margin-top: auto; padding-top: 6px; letter-spacing: 0.04em; }

/* what it cost */
.dc-prices { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 12px; margin-top: 22px; }
.dc-price { border: 1px solid var(--line); background: var(--ink); padding: 16px 18px; display: flex; flex-direction: column; gap: 10px; }
.dc-price > b { color: var(--bone); font-size: 0.98rem; }
.dc-pv { display: flex; align-items: flex-end; gap: 12px; }
.dc-pv span { display: flex; flex-direction: column; font-family: "Archivo Black", sans-serif; font-size: 1.45rem; line-height: 1.1; color: var(--bone); }
.dc-pv span:last-child { color: var(--amber); }
.dc-pv small { font-family: inherit; font-size: 0.62rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--bone-dim); margin-bottom: 4px; font-weight: 400; }
.dc-pv i { font-style: normal; color: var(--bone-dim); padding-bottom: 3px; }
.dc-price p { font-size: 0.82rem; color: var(--bone-dim); }

/* pictures, records, questions */
.dc-wall { margin-top: 20px; }
.dc-wall figcaption .mono { color: var(--amber); }
.dc-credit { display: block; margin-top: 4px; font-size: 0.75rem; color: var(--bone-dim); }
.dc-rec-sec { background: var(--ink-2); }
.dc-sub { margin-top: 34px; font-size: 1.1rem; color: var(--bone); }
.dc-qs { margin: 22px 0 0; padding-left: 0; list-style: none; counter-reset: q; display: grid; gap: 12px; max-width: 820px; }
.dc-qs li { counter-increment: q; position: relative; padding: 14px 18px 14px 58px; border: 1px solid var(--line); background: var(--ink); font-size: 1.05rem; color: var(--bone); }
.dc-qs li::before { content: counter(q, decimal-leading-zero); position: absolute; left: 18px; top: 14px; font-family: "Archivo Black", sans-serif; color: var(--amber); }
.dc-cta { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: center; justify-content: space-between; padding: 18px 22px; border: 1px solid var(--line); border-left: 4px solid var(--amber-fill); background: var(--ink-2); }
.dc-cta b { color: var(--bone); font-size: 1.05rem; }
.dc-cta p { color: var(--bone-dim); font-size: 0.92rem; margin-top: 2px; max-width: 560px; }
.dc-cta-b { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; }

/* sources and series navigation */
.dc-srcs { list-style: none; columns: 2; column-gap: 34px; margin-top: 18px; font-size: 0.85rem; }
.dc-srcs li { break-inside: avoid; margin-bottom: 8px; color: var(--bone-dim); overflow-wrap: anywhere; scroll-margin-top: calc(var(--tz-top) + 70px); }
.dc-srcs li .mono { color: var(--amber); }
.dc-srcs a { color: var(--bone); text-decoration: underline; text-decoration-color: rgba(212, 160, 23, 0.5); text-underline-offset: 3px; }
.dc-next { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: baseline; padding-top: 18px; border-top: 1px solid var(--line); }
.dc-next .mono { font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--amber); }
.dc-next span:last-child { color: var(--bone); }

@media (max-width: 760px) { .dc-srcs { columns: 1; } }

/* the hub (/decades/) */
.dh-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: 12px; margin-top: 24px; }
.dh-card { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 16px 16px 14px; border: 1px solid var(--line); background: var(--ink); color: var(--bone-dim); text-decoration: none; min-height: 118px; }
.dh-card b { font-family: "Archivo Black", sans-serif; font-weight: 400; font-size: 1.35rem; line-height: 1.1; color: var(--bone-dim); }
.dh-no { font-size: 0.66rem; letter-spacing: 0.12em; color: var(--bone-dim); }
.dh-soon { margin-top: auto; font-size: 0.66rem; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.7; }
.dh-card.is-live { grid-column: span 2; grid-row: span 3; border-color: var(--amber-fill); border-top: 4px solid var(--amber-fill); color: var(--bone); }
.dh-card.is-live b { color: var(--bone); font-size: 1.9rem; }
.dh-card.is-live .dh-no { color: var(--amber); }
.dh-card.is-live img { width: 100%; height: 150px; object-fit: cover; margin-bottom: 6px; }
.dh-card.is-live p { font-size: 0.88rem; color: var(--bone-dim); }
.dh-go { margin-top: auto; color: var(--amber); font-weight: 600; font-size: 0.9rem; }
.dh-card.is-live:hover { background: var(--ink-2); }
.dh-before { grid-column: span 2; border-style: dashed; }
.dh-before p { font-size: 0.85rem; }
.dh-inside li { font-size: 0.98rem; }
@media (max-width: 520px) { .dh-card.is-live, .dh-before { grid-column: auto; grid-row: auto; } }