/* Reading pages for the 1996 publisher site. Shared identity/navigation belong
   to studio-1996.css; this sheet has no showroom or player selectors. */
html.studio-1996 body.studio-document-page {
  margin: 0;
  background: #141414 !important;
  color: #d9ccb0;
  color-scheme: dark;
  font: 17px/1.45 'Times New Roman', Times, serif;
}
html.studio-1996 .studio-document-page *,
html.studio-1996 .studio-document-page *::before,
html.studio-1996 .studio-document-page *::after { box-sizing: border-box; }
html.studio-1996 .studio-document-page [hidden] { display: none !important; }
html.studio-1996 .studio-document-page .studio-document {
  width: min(1180px, calc(100% - 32px));
  margin: 12px auto 28px;
  padding: 0 24px 20px;
  background: #141414;
  border: 1px solid #514b3e;
  box-shadow: 0 12px 30px #0009, inset 1px 0 #8b806332, inset -1px 0 #8b806332;
}
html.studio-1996 .studio-document-page a { color: #e1c78c; text-decoration: underline; text-underline-offset: 3px; }
html.studio-1996 .studio-document-page a:visited { color: #cab88e; }
html.studio-1996 .studio-document-page a:hover { color: #fff0c5; }
html.studio-1996 .studio-document-page :is(a,button,input,select,summary):focus-visible { outline: 2px solid #e6a330 !important; outline-offset: 3px !important; }
html.studio-1996 .studio-document-page .studio-document-skip { position: absolute; left: 8px; top: 8px; z-index: 100; padding: 8px 12px; background: #181715; transform: translateY(-160%); }
html.studio-1996 .studio-document-page .studio-document-skip:focus { transform: none; }
html.studio-1996 .studio-document-page .studio-news-archive {
  width: 100%; max-width: none; margin: 23px 0; padding: 0;
  border: 0; background: transparent; box-shadow: none; color: #d9ccb0; color-scheme: dark;
}
html.studio-1996 .studio-document-page .studio-document-heading { margin: 0 0 17px; padding: 0 0 13px; border-bottom: 3px double #655a43; }
html.studio-1996 .studio-document-page .studio-news-archive h1 { margin: 0 0 5px; font: bold 29px/1.2 'Times New Roman',Times,serif; color: #e1c78c; letter-spacing: 0; text-shadow: 0 2px #000; }
html.studio-1996 .studio-document-page .studio-news-archive :is(h2,h3) { margin: 0 0 9px; font: bold 22px/1.2 'Times New Roman',Times,serif; color: #41291f; letter-spacing: 0; }
html.studio-1996 .studio-document-page .studio-news-archive :is(p,li) { font: 17px/1.5 'Times New Roman',Times,serif; }
html.studio-1996 .studio-document-page .studio-news-archive p { margin: 0 0 12px; max-width: 72ch; }
html.studio-1996 .studio-document-page .studio-document-heading p { margin: 0; color: #bbad90; }
html.studio-1996 .studio-document-page figure { margin: 0; min-width: 0; }
html.studio-1996 .studio-document-page figure img { display: block; width: 100%; max-width: 100%; height: auto; filter: none; border: 2px solid #514532; box-shadow: 1px 2px 3px #0004; }
html.studio-1996 .studio-document-page figcaption { margin-top: 7px; color: #504331; font: 12px/1.45 Arial,Helvetica,sans-serif; }
/* Paper belongs to the individual record. The stone-dark gaps keep the archive
   from becoming a single empty cream sheet. */
html.studio-1996 .studio-document-page :is(.studio-news-issue,.studio-about-introduction,.studio-drawing-note,.studio-document-credits) {
  padding: 22px 25px;
  border: 1px solid #998766;
  border-top-color: #e1d1ad;
  border-left: 5px solid #6e5836;
  background: #c8b993;
  color: #28241c;
  color-scheme: light;
  box-shadow: inset 0 0 0 3px #e9daba26, 0 4px 8px #0005;
}
html.studio-1996 .studio-document-page :is(.studio-news-issue,.studio-about-introduction,.studio-drawing-note,.studio-document-credits) a { color: #5b2820; }
html.studio-1996 .studio-document-page :is(.studio-news-issue,.studio-about-introduction,.studio-drawing-note,.studio-document-credits) a:visited { color: #493344; }
html.studio-1996 .studio-document-page :is(.studio-news-issue,.studio-about-introduction,.studio-drawing-note,.studio-document-credits) a:hover { color: #802711; }
html.studio-1996 .studio-document-page .studio-news-issue {
  display: flow-root; margin: 0 0 18px; scroll-margin-top: 16px;
}
html.studio-1996 .studio-document-page .studio-news-issue .studio-issue-date,
html.studio-1996 .studio-document-page .studio-news-issue .studio-issue-date time { margin: 0 0 6px; font: 12px/1.45 Arial,Helvetica,sans-serif; color: #51402d; letter-spacing: 0; }
html.studio-1996 .studio-document-page .studio-issue-date > span { margin-left: 12px; }
html.studio-1996 .studio-document-page .studio-issue-copy > a { display: inline-block; padding: 7px 0; font: 14px/1.4 Arial,Helvetica,sans-serif; }
/* Short dispatches wrap around their illustrations. Picture features place
   the image beneath a complete-width heading; unillustrated notices stay plain. */
html.studio-1996 .studio-document-page .studio-bulletin-archive .studio-issue-illustration { float: right; width: 34%; max-width: 270px; margin: 2px 0 12px 24px; }
html.studio-1996 .studio-document-page .studio-bulletin-archive .studio-news-issue:nth-of-type(3n+2) .studio-issue-illustration { float: left; margin: 2px 24px 12px 0; }
html.studio-1996 .studio-document-page .studio-bulletin-archive .studio-news-image { width: 100%; height: auto; max-height: 240px; object-fit: contain; margin: 0; background: transparent; }
html.studio-1996 .studio-document-page .studio-bulletin-archive .studio-issue-art .studio-issue-illustration { float: none; width: min(100%,620px); max-width: none; margin: 2px 0 15px; }
html.studio-1996 .studio-document-page .studio-bulletin-archive .studio-issue-art .studio-news-image { max-height: 340px; object-position: left center; }
html.studio-1996 .studio-document-page .studio-bulletin-archive .studio-issue-garalina { max-width: 78ch; border-left-color: #73473a; margin: 15px 0 18px; }
html.studio-1996 .studio-document-page .studio-document-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 12px; margin: 12px 0 17px; padding: 8px 0; color: #d5c6a6; }
html.studio-1996 .studio-document-page .studio-document-filter label { font: 14px/1.4 Arial,Helvetica,sans-serif; }
html.studio-1996 .studio-document-page :is(select,input,button) { font: 14px/1.4 Arial,Helvetica,sans-serif; }
html.studio-1996 .studio-document-page .studio-document-filter select { max-width: 100%; min-height: 40px; padding: 5px 28px 5px 8px; color: #eadab5; background: #292720; border: 2px solid; border-color: #8b7956 #393125 #171612 #6a5b40; border-radius: 0; }
html.studio-1996 .studio-document-page .studio-bulletin-archive { min-height: 120px; }
/* The studio record is chronological, with separately captioned source plates.
   March stays text-only: no surviving picture is claimed to date from it. */
html.studio-1996 .studio-document-page .studio-history-months { display: flex; flex-wrap: wrap; gap: 0 22px; margin: 0 0 15px; padding-bottom: 5px; font: 14px/1.4 Arial,Helvetica,sans-serif; }
html.studio-1996 .studio-document-page .studio-history-months:empty { display: none; }
html.studio-1996 .studio-document-page .studio-history-months a { display: inline-flex; align-items: center; min-height: 40px; }
html.studio-1996 .studio-document-page .studio-history-timeline { list-style: none; margin: 0; padding: 0; border: 0; }
html.studio-1996 .studio-document-page .studio-history-timeline > li { margin: 0; padding: 0; }
html.studio-1996 .studio-document-page .studio-history-entry { padding: 23px 25px; }
html.studio-1996 .studio-document-page .studio-history-entry:not(:has(.studio-history-plates)) { max-width: 82ch; }
html.studio-1996 .studio-document-page .studio-history-entry:has(.studio-history-plates) { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.06fr); gap: 25px; align-items: start; }
html.studio-1996 .studio-document-page .studio-history-entry .studio-issue-date { font-weight: bold; color: #5b2820; }
html.studio-1996 .studio-document-page .studio-history-games { font: 14px/1.5 Arial,Helvetica,sans-serif; }
html.studio-1996 .studio-document-page .studio-history-plates { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; width: 100%; margin-top: 0; align-items: start; }
html.studio-1996 .studio-document-page .studio-history-plates:has(> :only-child) { display: block; max-width: 480px; }
html.studio-1996 .studio-document-page .studio-history-illustration img { width: 100%; height: auto; max-height: 290px; object-fit: contain; object-position: left center; background: transparent; }
html.studio-1996 .studio-document-page .studio-document-next { margin: 20px 0; }
/* About opens with a picture and flowing text, then a broad original notebook. */
html.studio-1996 .studio-document-page .studio-about-introduction { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 25px; align-items: start; }
html.studio-1996 .studio-document-page .studio-about-picture { width: 100%; max-width: none; margin: 0; }
html.studio-1996 .studio-document-page .studio-drawing-note { clear: both; display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 24px; align-items: start; margin: 20px 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
html.studio-1996 .studio-document-page .studio-drawing-note > div { max-width: 72ch; padding: 22px 25px; border: 1px solid #998766; border-top-color: #e1d1ad; border-left: 5px solid #6e5836; background: #c8b993; box-shadow: inset 0 0 0 3px #e9daba26, 0 4px 8px #0005; }
html.studio-1996 .studio-document-page .studio-drawing-note figcaption { color: #bbad90; }
html.studio-1996 .studio-document-page .studio-notebook-picture { max-width: 670px; margin-top: 0; }
html.studio-1996 .studio-document-page .studio-notebook-picture img { max-height: 480px; object-fit: contain; object-position: left center; border: 0; }
html.studio-1996 .studio-document-page .studio-document-credits { margin: 20px 0; }
html.studio-1996 .studio-document-page .studio-document-credits p { font-size: 15px; }
html.studio-1996 .studio-document-page .studio-document-credits details { margin: 7px 0; max-width: 72ch; }
html.studio-1996 .studio-document-page :is(.studio-document-credits,.studio-editorial-controls) summary { padding: 10px 0; width: fit-content; color: #5b2820; cursor: pointer; font: 14px/1.5 Arial,Helvetica,sans-serif; text-decoration: underline; }
html.studio-1996 .studio-document-page .studio-editorial-controls { margin: 26px 0 0; padding-top: 7px; border-top: 1px dotted #70634a; }
html.studio-1996 .studio-document-page .studio-editorial-controls summary { color: #e1c78c; }
html.studio-1996 .studio-document-page .studio-editorial-controls :is(p,li) { font: 13px/1.45 Arial,Helvetica,sans-serif; }
html.studio-1996 .studio-document-page .studio-editorial-controls [data-studio-issue-count] { margin: 8px 0; padding: 0; border: 0; }
html.studio-1996 .studio-document-page .studio-editorial-note { margin: 0; padding: 9px 0; border-bottom: 1px solid #655b47; }
html.studio-1996 .studio-document-page .studio-editorial-note p { margin-top: 6px; padding: 0; border: 0; }
html.studio-1996 .studio-document-page .studio-preview-toolbar { width: 100%; max-width: 100%; margin: 12px 0; color: #c8b993; border-top-color: #655b47; }
html.studio-1996 .studio-document-page .archive-footer { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 18px; margin: 0; padding: 12px 0 0; border-top: 1px solid #655b47; color: #bbad90 !important; }
html.studio-1996 .studio-document-page .archive-footer p { margin: 0; font: 14px/1.4 'Times New Roman',Times,serif; }
html.studio-1996 .studio-document-page .archive-footer nav { display: flex; flex-wrap: wrap; gap: 3px 15px; font: 13px/1.4 Arial,Helvetica,sans-serif; }
html.studio-1996 .studio-document-page .archive-footer nav a { display: inline-flex; align-items: center; min-height: 40px; }
html.studio-1996 .studio-document-page .archive-footer a { color: #d6bf8d !important; }
@media(max-width:800px) {
  html.studio-1996 .studio-document-page .studio-history-entry:has(.studio-history-plates),
  html.studio-1996 .studio-document-page .studio-drawing-note { grid-template-columns: minmax(0,1fr); gap: 18px; }
}
@media(max-width:600px) {
  html.studio-1996 .studio-document-page .studio-document { width: calc(100% - 12px); margin-top: 6px; padding: 0 10px 14px; }
  html.studio-1996 .studio-document-page .studio-news-archive { margin-top: 16px; }
  html.studio-1996 .studio-document-page .studio-news-archive h1 { font-size: 26px; }
  html.studio-1996 .studio-document-page .studio-news-archive :is(h2,h3) { font-size: 22px; }
  html.studio-1996 .studio-document-page .studio-issue-date > span { display: block; margin: 2px 0 0; }
  html.studio-1996 .studio-document-page .studio-bulletin-archive .studio-issue-illustration,
  html.studio-1996 .studio-document-page .studio-bulletin-archive .studio-news-issue:nth-of-type(3n+2) .studio-issue-illustration { float: none; width: 100%; max-width: 390px; margin: 8px 0 14px; }
  html.studio-1996 .studio-document-page .studio-bulletin-archive .studio-news-image { max-height: 280px; object-position: left center; }
  html.studio-1996 .studio-document-page .studio-history-plates { grid-template-columns: minmax(0,1fr); gap: 17px; }
  html.studio-1996 .studio-document-page .studio-about-introduction { grid-template-columns: minmax(0,1fr); gap: 0; }
  html.studio-1996 .studio-document-page .studio-about-picture { float: none; width: 100%; max-width: 420px; margin: 0 0 16px; }
  html.studio-1996 .studio-document-page .studio-document-filter select { width: 100%; }
  html.studio-1996 .studio-document-page :is(.studio-news-issue,.studio-history-entry,.studio-about-introduction,.studio-drawing-note,.studio-document-credits) { padding: 17px 13px; border-left-width: 3px; overflow-wrap: anywhere; }
  html.studio-1996 .studio-document-page .studio-drawing-note { padding: 0; border: 0; }
  html.studio-1996 .studio-document-page .studio-drawing-note > div { padding: 17px 13px; border-left-width: 3px; }
}
@media(prefers-reduced-motion:reduce) { html.studio-1996 .studio-document-page * { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }