/* archive.css — 共通CSSへの追加分 */
/* Legacy archive content: original text and photographs, portal presentation. */
#main .archive-intro { margin: 0 0 22px; padding: 13px 15px; border-left: 4px solid #cc0000; background: #f5f5f5; line-height: 1.8; }
#main .archive-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
#main .archive-list a { display: block; min-height: 72px; padding: 14px; border: 1px solid #ccc; background: #fff; color: #1e4a8a; font-weight: 700; }
#main .archive-list a:hover { color: #cc0000; text-decoration: none; border-color: #cc0000; }
#main .legacy-content { color: #333; line-height: 1.9; }
#main .legacy-content > * { max-width: 100%; }
#main .legacy-content table { width: 100% !important; max-width: 100%; margin: 18px 0; }
#main .legacy-content td, #main .legacy-content th { overflow-wrap: anywhere; }
#main .legacy-content img { max-width: 100%; height: auto; margin: 7px 5px 7px 0; }
#main .legacy-content iframe { max-width: 100%; border: 0; }
#main .legacy-note { color: #666; font-size: 12px; }
#main .tester-entry { margin: 0 0 38px; padding: 0 0 24px; border-bottom: 1px solid #ccc; }
#main .tester-entry:last-child { border-bottom: 0; }
#main .tester-entry h3 { margin: 0 0 12px; padding: 8px 10px; border-left: 5px solid #cc0000; background: #f3f3f3; color: #222; font-size: 18px; }
#main .tester-entry .legacy-date { color: #777; font-size: 12px; }
@media (max-width: 640px) {
  #main .archive-list { grid-template-columns: 1fr; }
  #main .legacy-content table, #main .legacy-content tbody, #main .legacy-content tr, #main .legacy-content td { display: block; width: 100% !important; box-sizing: border-box; }
  #main .legacy-content td { border: 0; padding: 7px 0; }
  #main .legacy-content img { display: block; margin: 9px auto; }
  #main .legacy-content iframe { width: 100% !important; height: auto; min-height: 220px; }
}