/* The archive uses ShareCode's original public theme, with these read-only adapters. */
html { font-family: Verdana, Geneva, sans-serif; }
body { color:#333; }
#top, #main-container { width:985px; max-width:calc(100% - 24px); }
#top { padding-top:0; }
#header { position:relative; }
.logo-link { position:absolute; inset:0 auto auto 0; width:310px; height:63px; }
#nav::after, #page-content::after { content:""; display:table; clear:both; }
#nav > ul > li { padding-top:12px; }
#nav form { display:inline; }
#nav form button { display:inline-block; border:0; background:none; color:#c5c5c5; font:11px Verdana,Geneva,sans-serif; padding:7px 15px 8px; cursor:pointer; }
#nav form button:hover { color:#fff; background:url(legacy/images/topnav_hoverbg.jpg) repeat-x; }
#nav .submenu { z-index:10; }
#nav .has-sub:hover .submenu, #nav .has-sub:focus-within .submenu { display:block; }
#top-title { font-size:26px; line-height:1.2; }
#header #top-box { white-space:nowrap; }
#header #top-box input { width:96px; }
#header #top-box button { border:0; border-radius:3px; padding:3px 7px; margin-left:3px; font:12px Tahoma,sans-serif; cursor:pointer; background:url(legacy/images/topnav_hoverbg.jpg) repeat-x; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#page-content { padding-bottom:22px; }
.notice { margin:0 5px 18px; padding:10px 13px; background:#fff8e5; border:1px solid #dfc793; color:#5b4730; font:12px/1.55 Verdana,Geneva,sans-serif; }
.notice strong { color:#9b3020; }
#footer span { display:block; width:985px; max-width:calc(100% - 24px); margin:0 auto; padding-top:26px; font:11px Verdana,Geneva,sans-serif; color:#bbb; }
.card { box-sizing:border-box; border:1px solid #bbb; box-shadow:-2px -2px 0 #bbb; margin:5px 5px 18px; background:#f4f4f4; padding:11px; font:13px/1.55 Verdana,Geneva,sans-serif; }
.card h1, .card h2, .card h3 { font-family:Verdana,Geneva,sans-serif; }
.card h1 { font-size:22px; font-weight:normal; margin:3px 0 14px; }
.card h2 { font-size:16px; margin:19px 0 7px; }
.card p { margin:8px 0; }
.card a, #page-content > p a, #page-content > h2 a, .pagination a { color:#c00; }
#page-content > h1 { font:normal 22px Verdana,Geneva,sans-serif; margin:0 5px 14px; }
#page-content > h2 { font:normal 19px Verdana,Geneva,sans-serif; margin:20px 5px 8px; }
#page-content > p { margin:5px 5px 14px; font:12px Verdana,Geneva,sans-serif; }
.meta { color:#666; font-size:11px; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.grid .card { margin-bottom:8px; }
.link-card { display:block; text-decoration:none; color:#333; }
.link-card:hover { background:#eee; }
.link-card h2 { font-weight:normal; font-size:20px; margin:0 0 5px; }
.link-card p { color:#555; font-size:12px; margin:0; }
.list { padding:0; }
.list > a, .list > div { display:flex; align-items:center; gap:12px; min-height:31px; padding:6px 8px; border-bottom:1px solid #ddd; color:#242424; text-decoration:none; font:12px Verdana,Geneva,sans-serif; }
.list > a:nth-child(even), .list > div:nth-child(even) { background:#fafafa; }
.list > a:hover { background:#eee; }
.list > a:last-child, .list > div:last-child { border:0; }
.list span:nth-child(2) { flex:1; }
.list strong { font-size:11px; }
.list small { display:block; color:#777; }
.code { min-width:58px; font:11px Monaco,Consolas,monospace; color:#444; }
.table-wrap { overflow:auto; }
table.list { width:100%; font-size:11px; }
table.list th, table.list td { padding:6px 8px; text-align:left; }
table.list thead th { color:#222; }
table.list tbody th { font-weight:normal; }
#problem-list-table thead th:nth-child(2) { text-align:center; }
#problem-list-table tbody td > a, #problem-list-table tbody .ratio a { display:inline; height:auto; }
#problem-list-table tbody .ratio { float:right; margin-left:10px; text-align:right; font-size:10px; }
table.list a { color:#242424; }
table.list tbody a:hover { color:#c00; text-decoration:underline; }
#problem-list-table tbody th { width:8%; }
#contests-list-table tbody td.status { color:#030; font-weight:bold; }
.archive-home .shadowed .inner-box .content { min-height:112px; }
.archive-home #home_news .content { min-height:0; }
.archive-home .thumbnail img { width:80px; height:80px; }
.archive-home #home_news li { margin:7px 0; }
.archive-home #home_news li:first-child { color:#b00; }
.article { max-width:none; }
.article #info { margin-bottom:17px; }
.article img { max-width:100%; height:auto; }
.article pre, .source { max-width:100%; padding:10px; overflow:auto; border:1px solid #ddd; background:#f7f7f9; font:12px/1.45 Monaco,Consolas,monospace; white-space:pre-wrap; }
.article table { max-width:100%; display:block; overflow:auto; border-collapse:collapse; }
.article table td, .article table th { border:1px solid #bbb; padding:5px; }
.closed { margin:18px 0 4px !important; border:1px solid #d3ab99; background:#fff8ee; padding:11px; color:#8f3020; font-weight:bold; }
.narrow { max-width:470px; margin:5px auto 18px; }
.narrow label { display:block; margin:11px 0; font-size:12px; }
.narrow input:not([type=hidden]) { display:block; width:100%; max-width:340px; margin-top:4px; padding:6px; border:1px solid #888; border-radius:2px; font:12px Tahoma,sans-serif; }
button, .button { cursor:pointer; }
.narrow button { border:1px solid #888; padding:7px 20px; border-radius:3px; background:url(legacy/images/submit_bg.jpg) repeat-x top; font:12px Verdana,Geneva,sans-serif; }
.error { color:#c00; font-size:11px; }
.pagination { display:flex; justify-content:space-between; margin:8px 5px 18px; font:10px Verdana,Geneva,sans-serif; }
.pagination a { display:block; padding:5px 8px; border:1px solid #b4b4b4; text-decoration:none; background:#f0f0f0 url(legacy/images/paging_bg.jpg) repeat-x; color:#333; }
.pagination a:hover { text-decoration:underline; }
.standings { overflow:auto; }
.standings table { border-collapse:collapse; min-width:100%; font-size:10px; }
.standings th, .standings td { padding:7px; border-bottom:1px solid #ddd; text-align:center; white-space:nowrap; }
.standings th:nth-child(2), .standings td:nth-child(2) { text-align:left; }
#profile_img img { max-width:100%; height:auto; }
#profile_rank { line-height:1.75; }
.discussion-post { max-width:none; }
.discussion-post > p:first-child { border-bottom:1px solid #ccc; padding-bottom:5px; color:#666; }
.clarification { padding:10px 0; border-top:1px solid #ddd; }
.clarification h3 { margin:0 0 9px; font-size:13px; }
.clarification .answer { margin-top:9px; background:#eee; padding:8px; }
@media (max-width:900px) {
  .archive-home #home_contests, .archive-home #home_problemset { width:calc(100% - 10px); float:none; box-sizing:border-box; }
}
@media (max-width:750px) {
  #header { min-height:102px; background-position:left top; }
  #header #top-box { position:absolute; left:0; top:68px; float:none; margin:0; max-width:100%; box-sizing:border-box; }
  #nav { height:auto; min-height:51px; margin-bottom:12px; }
  #nav > ul > li { float:none; display:inline-block; padding:1px 0; }
  #nav > ul > li > a, #nav form button { padding:7px 9px; }
  #top-title { clear:both; font-size:23px; margin-bottom:12px; }
  #main { margin-top:8px; }
  #page-tabs-container { height:12px; }
  .archive-home #home_contests, .archive-home #home_problemset { width:calc(100% - 10px); float:none; }
  .grid { grid-template-columns:1fr; }
  .card { overflow:auto; }
  #profile_img, #profile_name, #profile_rank, #profile_acc { width:calc(100% - 10px); float:none; }
}