/* KI Scrapbook modernization layer — preserves original page styling while improving modern-browser usability. */
html { box-sizing: border-box; -webkit-text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0 auto; padding: 1rem; max-width: 1400px; line-height: 1.45; overflow-wrap: anywhere; }
img { max-width: 100%; height: auto; }
table { max-width: 100%; }
iframe, video, object, embed { max-width: 100%; }
a { text-underline-offset: 0.15em; }
.clear, p.clear { clear: both; }
@media (max-width: 700px) {
  body { padding: 0.65rem; }
  h1 { font-size: clamp(1.8rem, 8vw, 2.6rem) !important; }
  h2 { font-size: clamp(1.35rem, 6vw, 2rem) !important; }
  div.img { float: none !important; display: inline-block !important; vertical-align: top; max-width: 48%; }
  div.desc, div.desccol { width: auto !important; max-width: 100%; }
  table { display: block; overflow-x: auto; }
}
@media print {
  body { max-width: none; background: #fff !important; color: #000 !important; }
  a { color: #000 !important; }
}