/* Issue 01 is the fixed digital design. This file styles only current controls
   and optional details that do not exist in the frozen component styles. */
@media screen {
  .digital-reader .topnav { justify-content:safe center; }
  .digital-reader .topnav .nav-desk { margin-left:0; }
  .digital-reader [hidden] { display:none!important; }
  .digital-reader .print-only,.digital-reader .print-media { display:none!important; }
  .digital-reader .source-note { font:11px/1.5 Inter,Arial,sans-serif;color:#5e5e64;margin:16px 0 0; }
  .digital-reader .editor-byline { display:block;font:11px/1.5 Inter,Arial,sans-serif;margin-top:12px; }
  .desk-detail { font:12px/1.5 Inter,Arial,sans-serif;margin:14px 0; }
  .desk-detail summary { cursor:pointer;text-decoration:underline; }
  .desk-detail p { font:15px/1.5 Georgia,serif;padding-top:12px; }
  .facts .secondary-deadline { margin-top:18px;color:inherit; }
  .facts .calendar-control { margin-top:12px;border-top:1px solid #ffffff55;padding-top:9px;color:var(--paper);font:12px/1.5 Inter,Arial,sans-serif; }
  .facts .calendar-control summary { cursor:pointer;font-weight:700;text-decoration:underline;padding:5px 0; }
  .facts .calendar-options { padding-top:12px; }
  .facts .calendar-event+.calendar-event { margin-top:15px;border-top:1px solid #ffffff44;padding-top:12px; }
  .facts .calendar-event p { font:12px/1.5 Inter,Arial,sans-serif;margin:0 0 8px; }
  .facts .calendar-links { display:flex;flex-wrap:wrap;gap:7px; }
  .facts .calendar-links a { background:var(--paper);color:var(--ink);font:650 11px/1.4 Inter,Arial,sans-serif;padding:8px 10px;text-decoration:none; }
  .facts .calendar-links a:hover { background:var(--lime); }
  .facts .rolling-control { font:12px/1.5 Inter,Arial,sans-serif; }
  .facts input[type=date] { display:block;max-width:100%;background:white;color:var(--ink);border:1px solid white;padding:9px;margin:10px 0;font:13px Inter,Arial,sans-serif; }
  .finer-details .supporting-diagram { margin:20px 0;max-width:760px; }
  .supporting-diagram img { display:block;width:100%;height:auto;object-fit:contain; }
  .supporting-diagram figcaption { font:11px/1.5 Inter,Arial,sans-serif;margin-top:8px; }
  .supporting-diagram a { display:inline-block;font:650 12px/1.5 Inter,Arial,sans-serif;margin-top:10px; }
  .reader-story-picker { max-height:calc(100dvh - 24px);overflow:auto; }
  .reader-picker-utilities { display:flex;flex-wrap:wrap;gap:8px 14px;margin:16px 0;padding-top:14px;border-top:1px solid var(--rule); }
  .reader-picker-utilities a { font:600 12px/1.5 Inter,Arial,sans-serif;text-underline-offset:3px; }
  .reader-diagram-dialog { box-sizing:border-box;width:min(1080px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);overflow:auto; }
  .reader-diagram-dialog::backdrop { background:#171b2388; }
  .reader-diagram-toolbar { display:flex;justify-content:space-between;align-items:center;gap:16px; }
  .reader-diagram-toolbar h2 { font:500 30px/1.15 Georgia,serif;margin:0; }
  .reader-diagram-toolbar button { flex:none;font:650 13px/1.4 Inter,Arial,sans-serif;min-height:44px;padding:10px 14px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer; }
  .reader-diagram-dialog>p { font:12px/1.5 Inter,Arial,sans-serif;margin:15px 0; }
  .reader-diagram-scroll { max-width:100%;overflow:auto;border:1px solid var(--rule); }
  .reader-diagram-scroll img { display:block;width:960px;max-width:none;height:auto; }
  .reader-diagram-dialog :focus-visible { outline:3px solid #075ec5;outline-offset:3px; }
  .facts .deadline-countdown { margin-top:8px; }
  .digital-reader .vs-art img { width:100%;height:auto;object-fit:contain; }
  .digital-reader footer.publication-footer { max-width:1240px;margin:auto;padding:25px 38px 90px;font:12px/1.6 Inter,Arial,sans-serif; }
}
@media screen and (max-width:620px){
  .reader-diagram-dialog { padding:16px; }
  .reader-diagram-toolbar { align-items:flex-start;flex-wrap:wrap;gap:12px; }
  .reader-diagram-toolbar h2 { font-size:26px; }
  .digital-reader .topnav { position:relative; }
  .digital-reader .topnav .nav-menu { margin-left:auto; }
}
@media(prefers-reduced-motion:reduce){ .digital-reader *{scroll-behavior:auto!important;} }