/* Ctrl+P (there is no print button, docs/22 FEATURES-25). What is really printed is the 신구대비, so it gets the care:
   two columns, the changed numbers, 부칙 and the disclaimers. Linked with media="print" at the end of <body>, after the
   app's CSS, and the layout rules carry !important: an A4 page is ~718 CSS px wide, so the app's own ≤767px (phone)
   rules and its grid shell also apply while printing, and they must lose. */
@media print {
  @page { size: A4; margin: 12mm 14mm; }
  :root, :root[data-theme='dark'] {
    --bg: #fff; --surface: #fff; --surface-2: #f3f3f3; --side: #fff; --ink: #000; --ink-2: #444; --line: #bbb; --line-strong: #666;
    --accent: #b8392e; color-scheme: light;
  }
  html, body, .page, .maincol, main { background: #fff !important; box-shadow: none !important; }
  body { font-size: 9.5pt; line-height: 1.4; }
  .rail, .tabbar, .topbar, .band, .toast-region, .skip, .scrim, .selfline, .phonebar, .acts, .actwrap, .lc-bar, .lc-mini, .todayband,
  .secmeta, .btn, .tech, .signal, .picker, .d-links { display: none !important; }
  .shell, .shell-split { display: block !important; padding: 0 !important; }
  .maincol, .shell-split .maincol { display: block !important; width: auto !important; height: auto !important; grid-column: 1 / -1 !important; }
  .page, .page.today { padding: 0 !important; margin: 0 !important; max-width: none !important; }
  .sechead { margin-bottom: 3px; }
  .deadrail li, .filtered li, .item-head { padding: 1px 0; }
  .deadrail li { grid-template-columns: 70px 14px 96px minmax(0, 1fr) auto !important; }
  .deadrail li > .shape, .deadrail .raildate { display: inline-block !important; }
  .srow { grid-template-columns: minmax(0, 1fr) 34% !important; }
  a { color: inherit; text-decoration: none !important; }
  .article, .srow { break-inside: avoid; }
  .grade.g-S, del, ins, .calcdate { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .inbox { display: block !important; height: auto !important; }
  .inbox-list { display: none !important; }
  .inbox-detail { overflow: visible !important; }
  .detail { padding: 0 !important; max-width: none !important; }
  .cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
  .numstrip.big li, .pair { font-size: 12pt !important; }
}
