/* Оформление архива: повторяет привычный вид форума, но легче и быстрее */
:root{--bg:#f4f4f4;--panel:#fff;--line:#d3d3d3;--head:#2e4d6b;--head2:#3b628a;
      --link:#1d4f7c;--muted:#777;--alt:#f8f9fb}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#111;font:14px/1.5 Verdana,Arial,sans-serif}
a{color:var(--link)}
.wrap{max-width:1000px;margin:0 auto;padding:0 10px}
.arch{background:#fffbe6;border-bottom:1px solid #e0d48a;padding:8px 0;font-size:12px;color:#5b5326}
.arch .wrap{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}
h1.site{background:var(--head);color:#fff;margin:0;padding:14px 0;font-size:20px}
h1.site a{color:#fff;text-decoration:none}
h1.site .wrap{display:flex;justify-content:space-between;align-items:center;gap:10px}
h1.site a.nav{font-size:13px;font-weight:normal;border:1px solid rgba(255,255,255,.5);
  padding:4px 10px;border-radius:3px}
#q{width:100%;padding:9px 10px;font-size:15px;border:1px solid var(--line)}
#res li{padding:6px 0;border-bottom:1px solid #eee;list-style:none}
#res{padding:0;margin:10px 0}
#res .f{color:var(--muted);font-size:12px}
.crumbs{font-size:12px;padding:8px 0;color:var(--muted)}
.box{background:var(--panel);border:1px solid var(--line);margin:10px 0}
.box h2{margin:0;padding:7px 10px;background:var(--head2);color:#fff;font-size:14px}
table.list{width:100%;border-collapse:collapse}
table.list th{background:var(--alt);text-align:left;font-size:12px;color:var(--muted);
  padding:6px 10px;border-bottom:1px solid var(--line);font-weight:normal}
table.list td{padding:7px 10px;border-bottom:1px solid #eee;vertical-align:top}
table.list td.num{width:90px;text-align:center;color:var(--muted);font-size:12px}
table.list td.last{width:200px;color:var(--muted);font-size:12px}
.post{background:var(--panel);border:1px solid var(--line);margin:10px 0}
.post .head{display:flex;justify-content:space-between;background:var(--alt);
  border-bottom:1px solid var(--line);padding:5px 10px;font-size:12px;color:var(--muted)}
.post .body{display:flex;gap:14px;padding:12px}
.post .who{width:170px;flex:none;font-size:12px;color:#333}
.post .who .nick{font-weight:bold;font-size:13px;margin-bottom:4px}
.post .who img{max-width:100px;border:1px solid var(--line);margin-top:6px}
.post .text{flex:1;min-width:0;overflow-wrap:anywhere}
.post .text img{max-width:100%;height:auto}
.quote-box,.code-box{background:var(--alt);border:1px solid var(--line);
  border-left:3px solid var(--head2);margin:8px 0;padding:8px 10px;font-size:13px}
.quote-box cite{display:block;color:var(--muted);font-style:normal;margin-bottom:4px}
.lost{display:inline-block;background:#eee;border:1px dashed #bbb;color:#888;
  padding:6px 10px;font-size:12px;margin:4px 0}
a.dead{color:#888;text-decoration:none;cursor:default}
.pager{margin:10px 0;font-size:13px}
.pager a,.pager strong{display:inline-block;padding:3px 8px;margin-right:3px;
  border:1px solid var(--line);background:#fff;text-decoration:none}
.pager strong{background:var(--head2);color:#fff;border-color:var(--head2)}
.foot{color:var(--muted);font-size:12px;padding:18px 0}
@media(max-width:700px){.post .body{display:block}.post .who{width:auto;margin-bottom:8px}
  table.list td.last{display:none}}