body {background:#c0d8ff url('stars.gif') repeat; font-family:Verdana,Arial,sans-serif; font-size:14px; margin:0; padding:0;}
    .container {max-width:1000px;margin:20px auto;border:2px solid #004080;background:#fff;}
    .header {background:#2b66b2;color:#fff;padding:12px;font-weight:bold;font-size:20px;text-align:center;}
    .table-wrapper {width:100%;overflow-x:auto;}
    table.list {width:100%;border-collapse:collapse;min-width:600px;}
    table.list th {background:#e6f0ff;border-bottom:2px solid #99bbff;padding:8px;text-align:left;font-size:14px;}
    table.list td {padding:10px;border-bottom:1px dashed #ccc;font-size:13px;word-break:break-word;}
    .favicon {width:32px;height:32px;border:1px solid #999;background:#eef;text-align:center;line-height:32px;font-weight:bold;margin-right:8px;flex-shrink:0;}
    .footer {background:#e6f0ff;padding:8px;text-align:center;font-size:12px;}
    a.rowlink {display:block;color:inherit;text-decoration:none;width:100%;height:100%;}
    a.rowlink:hover {background:#f0f8ff;}
    @media (max-width:600px){
      body{font-size:13px;}
      .header{font-size:18px;padding:10px;}
      table.list th,table.list td{padding:6px;font-size:12px;}
      .favicon{width:24px;height:24px;line-height:24px;font-size:12px;}
    }
    .retro-links {margin:15px;text-align:center;}
    .retro-links a {margin:0 10px;color:#004080;text-decoration:none;font-weight:bold;}
    .retro-links a:hover {text-decoration:underline;}
    .search-box {text-align:center;padding:10px;background:#f0f8ff;}
    .search-box input[type="text"] {padding:6px;width:200px;}
    .search-box input[type="submit"] {padding:6px 12px;}