/* Journal styles are separate from collection presentation. */
.nav a[href="#journal"][aria-current="page"] { color:var(--gold-light); border-color:var(--gold); }
.journal-heading { padding-bottom:36px; border-bottom:1px solid var(--line); margin-bottom:32px; }
.journal-heading h1 { font:clamp(48px,6vw,82px)/1.05 var(--serif); color:var(--gold-light); letter-spacing:-.025em; margin:17px 0 18px; }
.journal-heading > p:last-child { max-width:650px; font-size:17px; line-height:1.7; color:var(--muted); }
.journal-series { display:flex; flex-wrap:wrap; gap:10px 26px; margin:0 0 25px; }
.journal-series button,.journal-series a { border:0; border-bottom:1px solid transparent; padding:8px 0; background:none; color:var(--muted); font:14px/1.5 var(--sans); }
.journal-series a:hover { color:var(--gold-light); border-color:var(--gold); }
.journal-series button[aria-pressed="true"] { color:var(--gold-light); border-color:var(--gold); }
.journal-filters { display:grid; grid-template-columns:minmax(180px,1.6fr) 1fr 1fr auto; gap:18px; align-items:end; }
.journal-field label { display:block; color:var(--muted); font-size:11px; margin-bottom:8px; }
.journal-field input,.journal-field select { width:100%; min-width:0; height:46px; padding:10px 13px; border:1px solid var(--line); background:var(--panel); color:var(--white); font:13px var(--sans); }
.journal-field input:focus-visible,.journal-field select:focus-visible { outline:2px solid var(--gold-light); outline-offset:3px; }
.journal-filters > button { min-height:46px; padding:10px 18px; border:1px solid var(--line); color:var(--gold-light); background:none; font:13px var(--sans); }
.journal-result-status { margin:20px 0; color:var(--muted); font-size:12px; }
.journal-card { border:1px solid var(--line); display:grid; overflow:hidden; background:#0e100e; transition:border-color .2s; }
.journal-card:hover { border-color:var(--gold); }
.journal-featured { grid-template-columns:1.3fr 1fr; }
.journal-card-art { background:#681349; display:flex; min-width:0; }
.journal-card-art img { display:block; width:100%; height:100%; object-fit:contain; }
.journal-card-copy { padding:38px; display:flex; flex-direction:column; justify-content:center; min-width:0; }
.journal-meta { display:flex; flex-wrap:wrap; gap:8px 20px; color:var(--gold); font:11px/1.6 var(--sans); }
.journal-meta span { text-transform:uppercase; letter-spacing:.12em; }
.journal-meta time { color:var(--muted); }
.journal-card h2 { font:clamp(34px,4vw,55px)/1.08 var(--serif); color:var(--gold-light); letter-spacing:-.02em; margin:20px 0; }
.journal-card-description { color:var(--muted); font-size:15px; line-height:1.75; max-width:480px; }
.journal-card-foot { display:flex; flex-wrap:wrap; gap:15px 25px; align-items:center; justify-content:space-between; margin-top:30px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
.journal-read { font-size:13px; color:var(--gold-light); }
.journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:28px; }
.journal-grid .journal-card-copy { padding:24px; }
.journal-grid h2 { font-size:32px; }
.journal-empty { padding:55px 30px; border:1px solid var(--line); text-align:center; }
.journal-empty h2 { font:32px/1.2 var(--serif); color:var(--gold-light); margin-bottom:14px; }
.journal-empty p { color:var(--muted); font-size:15px; }
.home-journal { border-top:1px solid var(--line); }
.home-journal .section-head { align-items:end; }
.home-journal .section-head > a { flex-shrink:0; }
.journal-compact { grid-template-columns:360px minmax(0,1fr); }
.journal-compact h3 { font:38px/1.12 var(--serif); color:var(--gold-light); margin:15px 0; }
.journal-compact .journal-card-copy { padding:28px 36px; }
.journal-compact .journal-card-foot { margin-top:22px; padding-top:15px; }
.journal-story-header { max-width:900px; margin-bottom:36px; }
.journal-story-header h1 { font:clamp(48px,6.2vw,80px)/1.05 var(--serif); letter-spacing:-.025em; color:var(--gold-light); margin:18px 0 22px; }
.journal-story-deck { max-width:700px; font:21px/1.6 var(--serif); color:var(--white); }
.journal-story-date { display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:24px; font:12px/1.6 var(--sans); color:var(--muted); }
.journal-story-actions { display:flex; flex-wrap:wrap; gap:18px; margin-top:25px; }
.journal-story-actions button { padding:11px 18px; border:1px solid var(--line); background:none; color:var(--gold-light); font:13px var(--sans); }
.journal-story-actions button:hover { border-color:var(--gold); }
.journal-film { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:60px; align-items:center; padding:40px 0 65px; border-top:1px solid var(--line); }
.journal-film figure,.journal-slide-gallery figure { margin:0; min-width:0; }
.journal-video { display:block; width:100%; height:auto; aspect-ratio:1; border:1px solid var(--line); background:#15121d; object-fit:contain; }
.journal-video-caption { color:var(--muted); font-size:11px; margin-top:12px; }
.journal-section-title { font:clamp(32px,3.4vw,46px)/1.15 var(--serif); color:var(--gold-light); margin:13px 0 22px; scroll-margin-top:28px; }
.journal-prose p { font:16px/1.9 var(--sans); color:#c1c2ba; margin-bottom:20px; }
.journal-prose h3 { font:27px/1.25 var(--serif); color:var(--gold-light); margin:30px 0 14px; }
.journal-slides-section { border-top:1px solid var(--line); padding:48px 0 60px; }
.journal-slides-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:65px; align-items:start; }
.journal-slide-gallery { min-width:0; }
.journal-slide-gallery .photo-enlarge { width:100%; padding:16px; background:#101210; border:1px solid var(--line); display:block; touch-action:pan-y; }
.journal-slide-gallery .photo-enlarge img { display:block; width:100%; height:auto; max-height:none; object-fit:contain; }
.journal-slide-gallery .photo-enlarge > span { display:flex; justify-content:space-between; color:var(--gold-light); font:11px/1.5 var(--sans); padding-top:12px; }
.journal-slide-gallery figcaption { font-size:12px; color:var(--muted); margin-top:11px; }
.journal-slide-navigation { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:18px 0; }
.journal-slide-navigation button { width:46px; height:42px; border:1px solid var(--line); background:none; color:var(--gold-light); font-size:21px; }
.journal-slide-navigation button:disabled { opacity:.3; cursor:default; }
.journal-slide-navigation output { font-size:12px; color:var(--muted); }
.journal-slide-gallery .photo-choices { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; }
.journal-slide-gallery .photo-choice { padding:5px; min-width:0; }
.journal-slide-gallery .photo-choice img { width:100%; height:auto; aspect-ratio:4/5; object-fit:contain; }
.journal-slide-gallery .photo-choice span { font-size:10px; line-height:1.5; padding-top:5px; }
.journal-slide-help { color:var(--muted); font-size:11px; line-height:1.7; margin-top:15px; }
.journal-collectors-file { border-left:2px solid var(--gold); padding:3px 0 3px 24px; margin-top:35px; }
.journal-collectors-file .eyebrow { font-size:10px; }
.journal-collectors-file h3 { margin-top:12px; }
.journal-collectors-file p:last-child { margin-bottom:0; }
.journal-sources { border-top:1px solid var(--line); padding:35px 0; }
.journal-sources summary { color:var(--gold-light); font:24px var(--serif); cursor:pointer; }
.journal-sources ul { padding-left:20px; margin-top:22px; }
.journal-sources li { margin-bottom:12px; color:var(--muted); font-size:13px; }
.journal-sources a { text-decoration:underline; text-underline-offset:4px; color:var(--gold-light); }
.journal-return { display:inline-block; margin-top:25px; }
.journal-page [tabindex="-1"]:focus,.journal-story [tabindex="-1"]:focus,.wanted-page [tabindex="-1"]:focus { outline:none; }
.wanted-heading { max-width:950px; }
.wanted-intro { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; }
.wanted-intro .journal-result-status { margin:0; }
.wanted-card + .wanted-card { margin-top:28px; }
.wanted-status { display:inline-flex; align-self:flex-start; padding:7px 12px; border:1px solid var(--gold); color:var(--gold-light); font:11px/1.4 var(--sans); letter-spacing:.08em; text-transform:uppercase; }
.wanted-card { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); max-width:1050px; }
.wanted-card-art { padding:22px; background:#131117; }
.wanted-card-art img { display:block; width:100%; height:auto; object-fit:contain; }
.wanted-card-copy { min-width:0; }
.wanted-subject { margin-top:22px; color:var(--muted); font-size:12px; }
.wanted-layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1fr); gap:65px; align-items:start; padding:32px 0 60px; border-top:1px solid var(--line); }
.wanted-layout .journal-slide-gallery { position:sticky; top:30px; }
.wanted-copy h2 { font:32px/1.2 var(--serif); color:var(--gold-light); margin:0 0 17px; }
.wanted-copy section + section { margin-top:32px; padding-top:28px; border-top:1px solid var(--line); }
.wanted-checklist { list-style:none; padding:0; margin:24px 0; }
.wanted-checklist li { border-bottom:1px solid var(--line); padding:13px 0; color:#c1c2ba; font:14px/1.65 var(--sans); }
.wanted-checklist strong { display:block; color:var(--gold-light); font-weight:normal; }
.wanted-related { margin-top:30px; padding:25px; border:1px solid var(--line); background:var(--panel); }
.wanted-related .eyebrow { font-size:10px; }
.wanted-related a { display:block; margin:12px 0; font:26px/1.2 var(--serif); color:var(--gold-light); }
.wanted-related p:last-child { margin-bottom:0; font-size:13px; }
.wanted-page .journal-story-header { max-width:950px; }
.wanted-page .journal-story-deck { max-width:730px; }
.wanted-page .wanted-status { margin-top:23px; }
.wanted-card .wanted-status { margin-top:0; }
@media(min-width:901px) { .nav { gap:24px; } }
@media(min-width:901px) and (max-width:1180px) { .nav { gap:17px; } .nav a { font-size:13px; } .nav .nav-special { display:none; } }
@media(max-width:1000px) { .journal-card-copy { padding:28px; } .journal-film,.journal-slides-grid { gap:35px; } .journal-compact { grid-template-columns:300px minmax(0,1fr); } }
@media(max-width:760px) {
  .journal-heading { padding-bottom:25px; margin-bottom:20px; }
  .journal-heading h1 { font-size:48px; }
  .journal-heading > p:last-child { font-size:15px; }
  .journal-series { gap:8px 20px; margin-bottom:20px; }
  .journal-series button,.journal-series a { font-size:12px; }
  .journal-filters { grid-template-columns:1fr 1fr; gap:15px; }
  .journal-field-search { grid-column:1/-1; }
  .journal-filters > button { grid-column:1/-1; min-height:40px; }
  .journal-featured,.journal-compact,.journal-film,.journal-slides-grid { grid-template-columns:minmax(0,1fr); }
  .journal-card-copy,.journal-compact .journal-card-copy { padding:25px; }
  .journal-card h2 { font-size:39px; margin:16px 0; }
  .journal-card-description { font-size:14px; }
  .journal-card-foot { margin-top:23px; }
  .journal-grid { grid-template-columns:minmax(0,1fr); }
  .home-journal .section-head { align-items:start; }
  .journal-compact h3 { font-size:33px; }
  .journal-story-header h1 { font-size:49px; }
  .journal-story-deck { font-size:20px; }
  .journal-film { gap:32px; padding:28px 0 35px; }
  .journal-slides-section { padding:30px 0 40px; }
  .journal-slides-grid { gap:30px; }
  .journal-section-title { font-size:35px; }
  .journal-slide-gallery .photo-enlarge { padding:9px; }
  .journal-prose p { font-size:15px; }
  .journal-collectors-file { padding-left:18px; }
  .journal-meta { gap:8px 15px; font-size:10px; }
  .wanted-card,.wanted-layout { grid-template-columns:minmax(0,1fr); }
  .wanted-card-art { padding:14px; }
  .wanted-layout { gap:30px; padding:24px 0 35px; }
  .wanted-layout .journal-slide-gallery { position:static; }
  .wanted-copy h2 { font-size:30px; }
  .wanted-related { padding:22px; }
  .wanted-page .journal-story-header { margin-bottom:22px; }
  .wanted-page .journal-story-header h1 { font-size:42px; margin:13px 0 16px; }
  .wanted-page .journal-story-deck { font-size:18px; line-height:1.55; }
  .wanted-page .wanted-status { margin-top:16px; }
}
@media(max-width:380px) { .journal-heading h1 { font-size:41px; } .journal-story-header h1 { font-size:42px; } .journal-card-copy { padding:21px; } .journal-slide-gallery .photo-choices { gap:5px; } .journal-slide-gallery .photo-choice { padding:3px; } }

/* The original SNES film keeps its 4:5 portrait frame. */
.journal-video-portrait { aspect-ratio:4/5; }
[data-view="journal/super-nintendo-35"] .photo-choices { grid-template-columns:repeat(4,minmax(0,1fr)); }