/* Editorial release journal. Loaded after the base component sheet. */
.timeline-head { border-bottom:3px double var(--ink); }
.timeline-brand { min-height:92px; grid-template-columns:240px 1fr auto; }
.timeline-brand > strong { justify-self:center; font:11px Arial; letter-spacing:.2em; color:var(--muted); }
.timeline-nav { min-height:42px; display:flex; align-items:center; justify-content:center; gap:44px; border-top:1px solid var(--line); }
.timeline-nav a { font-size:12px; text-decoration:none; }
.timeline-nav a:hover { color:var(--blue); }
.timeline-hero { width:min(1180px,calc(100% - 40px)); padding:64px 0 78px; display:grid; grid-template-columns:155px minmax(0,1fr); gap:0 54px; align-items:start; }
.hero-date { grid-row:1/3; min-height:460px; padding:8px 28px 0 0; border-right:1px solid var(--ink); display:flex; flex-direction:column; align-items:flex-start; }
.hero-date strong { font:110px/.82 Georgia,serif; color:var(--orange); }
.hero-date span { margin-top:14px; font:bold 11px Arial; letter-spacing:.18em; }
.hero-date em { margin-top:auto; font:10px Arial; letter-spacing:.16em; color:var(--muted); writing-mode:vertical-rl; }
.hero-text { max-width:850px; padding:8px 0 42px; }
.hero-text h1 { max-width:850px; font:700 clamp(44px,5vw,68px)/1.08 Georgia,"Songti SC",serif; }
.hero-text p:not(.eyebrow) { max-width:760px; }
.release-visual { margin:0; position:relative; height:250px; overflow:hidden; border-block:1px solid var(--ink); }
.release-visual img { width:100%; height:100%; object-fit:cover; filter:saturate(.75) contrast(1.05); }
.release-visual figcaption { position:absolute; right:0; bottom:0; width:min(360px,65%); padding:15px 18px; background:var(--paper); border-left:1px solid var(--ink); display:grid; gap:3px; }
.release-visual figcaption b { color:var(--blue); }
.release-visual figcaption span { font-size:11px; color:var(--muted); }
.release-ledger { padding:54px max(20px,calc((100vw - 1180px)/2)); display:grid; grid-template-columns:220px 1fr; gap:56px; background:var(--blue); color:#fff; }
.release-ledger > header { border-right:1px solid rgba(255,255,255,.35); }
.release-ledger > header span { font:42px Georgia,serif; color:#ffb085; }
.release-ledger > header h2 { max-width:120px; margin:15px 0 0; font:26px/1.25 Georgia,"Songti SC",serif; }
.milestone-list { display:grid; grid-template-columns:repeat(2,1fr); border:0; counter-reset:release; }
.milestone-list a { position:relative; min-height:135px; padding:14px 28px 20px 60px; border:0; border-bottom:1px solid rgba(255,255,255,.28); counter-increment:release; }
.milestone-list a:nth-child(odd) { border-right:1px solid rgba(255,255,255,.28); }
.milestone-list a::before { content:"0" counter(release); position:absolute; left:16px; top:17px; color:#ffb085; font:bold 11px Arial; }
.milestone-list a:hover { background:rgba(255,255,255,.08); }
.milestone-list small { color:#d9e2ff; }
.timeline-section { width:min(920px,calc(100% - 40px)); padding:100px 0; }
.timeline-section header { grid-template-columns:1fr; gap:8px; margin-left:130px; }
.timeline-section header p:last-child { max-width:650px; color:var(--muted); }
.timeline-list { padding-left:130px; }
.timeline-list::before { left:50px; }
.timeline-event { grid-template-columns:145px 1fr auto; min-height:122px; }
.timeline-event b,.timeline-event small { display:block; }
.timeline-event small { margin-top:4px; }
.timeline-event::before { left:-87px; width:17px; height:17px; background:var(--orange); border:4px solid var(--paper); box-shadow:0 0 0 2px var(--blue); }
.timeline-footer { border-top:3px double #fff; }
.journal-library,.journal-register,.journal-columns { padding:96px max(24px,calc((100vw - 1180px)/2)); }
.journal-library { border-top:3px double var(--ink); }
.journal-library > header { display:grid; grid-template-columns:210px minmax(0,1fr); gap:52px; margin-bottom:40px; }
.journal-library > header > span { font:58px Georgia,serif; color:var(--orange); border-right:1px solid var(--ink); }
.journal-library h2,.journal-register h2,.journal-columns h2 { margin:0; font:34px/1.25 Georgia,"Songti SC",serif; }
.journal-library header p:last-child,.journal-register header p:last-child,.journal-columns header p:last-child { max-width:740px; color:var(--muted); }
.journal-library-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 34px; }
.journal-note { min-height:220px; display:grid; grid-template-columns:175px minmax(0,1fr); border-top:1px solid var(--ink); padding-top:18px; }
.journal-note .ranking-media { height:165px; overflow:hidden; }
.journal-note img { width:100%; height:100%; object-fit:cover; }
.journal-note > div { padding-left:20px; }
.journal-note span { color:var(--blue); font:bold 10px Arial; }
.journal-note h3 { margin:10px 0 8px; font-size:16px; line-height:1.45; }
.journal-note h3 a { text-decoration:none; }
.journal-note p { margin:0; color:var(--muted); font-size:11px; }
.journal-register { background:#edf1fb; }
.journal-register > header,.journal-columns > header { max-width:800px; margin-bottom:38px; }
.journal-register-list { border-top:2px solid var(--ink); }
.journal-register-row { min-height:100px; padding:19px 42px 19px 0; display:grid; grid-template-columns:70px 1fr 1.15fr auto; gap:20px; align-items:center; border-bottom:1px solid #c7cbd5; text-decoration:none; }
.journal-register-row span { color:var(--orange); font:bold 11px Arial; }
.journal-register-row b { font-size:13px; }
.journal-register-row small { color:var(--muted); font-size:10px; }
.journal-register-row i { color:var(--orange); font-style:normal; }
.journal-columns { background:#fffdf8; border-top:3px double var(--ink); }
.journal-columns-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--ink); }
.journal-column { padding:28px 24px; border-right:1px solid var(--line); }
.journal-column:last-child { border-right:0; }
.journal-column h3 { margin:0; font:21px Georgia,"Songti SC",serif; }
.journal-column h3 a { text-decoration:none; }
.journal-column header p { min-height:92px; color:var(--muted); font-size:10px; }
.journal-column ul { margin:18px 0 0; padding:0; list-style:none; }
.journal-column li { padding:13px 0; border-top:1px solid var(--line); }
.journal-column li a { font-size:11px; text-decoration:none; }
@media (max-width:850px) {
  .timeline-brand { grid-template-columns:1fr auto; }
  .timeline-brand > strong,.timeline-nav { display:none; }
  .timeline-hero { grid-template-columns:110px 1fr; gap:0 28px; }
  .hero-date { min-height:380px; }
  .hero-date strong { font-size:78px; }
  .release-ledger { grid-template-columns:1fr; gap:25px; }
  .release-ledger > header { border:0; border-bottom:1px solid rgba(255,255,255,.35); padding-bottom:20px; }
  .release-ledger > header h2 { max-width:none; }
  .journal-library > header { grid-template-columns:140px 1fr; gap:30px; }
  .journal-columns-grid { grid-template-columns:repeat(2,1fr); }
  .journal-column:nth-child(2) { border-right:0; }
  .journal-column:nth-child(-n+2) { border-bottom:1px solid var(--ink); }
}
@media (max-width:560px) {
  .timeline-brand { min-height:72px; }
  .timeline-hero { width:100%; padding:0 0 48px; display:flex; flex-direction:column; }
  .hero-date { width:100%; min-height:0; padding:22px 14px; border:0; border-bottom:1px solid var(--ink); display:grid; grid-template-columns:auto 1fr auto; align-items:end; gap:12px; }
  .hero-date strong { font-size:58px; }
  .hero-date span { margin:0 0 5px; }
  .hero-date em { margin:0 0 5px; writing-mode:horizontal-tb; }
  .hero-text { padding:36px 14px 30px; }
  .hero-text h1 { font-size:38px; }
  .release-visual { height:210px; margin:0 14px; }
  .release-visual figcaption { width:82%; }
  .release-ledger { padding:38px 14px; }
  .milestone-list { grid-template-columns:1fr; }
  .milestone-list a,.milestone-list a:nth-child(odd) { border-right:0; }
  .timeline-section { width:calc(100% - 28px); padding:64px 0; }
  .timeline-section header { margin-left:44px; }
  .timeline-list { padding-left:44px; }
  .timeline-list::before { left:12px; }
  .timeline-event::before { left:-39px; }
  .journal-library,.journal-register,.journal-columns { padding:62px 14px; }
  .journal-library > header { grid-template-columns:1fr; gap:15px; }
  .journal-library > header > span { border-right:0; border-bottom:1px solid var(--ink); padding-bottom:12px; font-size:44px; }
  .journal-library h2,.journal-register h2,.journal-columns h2 { font-size:28px; }
  .journal-library-grid { grid-template-columns:1fr; }
  .journal-note { grid-template-columns:125px 1fr; }
  .journal-note .ranking-media { height:150px; }
  .journal-register-row { grid-template-columns:42px 1fr auto; gap:10px; }
  .journal-register-row small { grid-column:2/4; }
  .journal-columns-grid { grid-template-columns:1fr; }
  .journal-column,.journal-column:nth-child(2) { border-right:0; border-bottom:1px solid var(--ink); }
  .journal-column:last-child { border-bottom:0; }
  .journal-column header p { min-height:0; }
}
