/* Trang /vinh-danh: theo sắc theme thekey.edu.vn — phông Montserrat (tự phục vụ, không CDN), đỏ/vàng thương hiệu.
   Màu dùng biến của style.css (nạp trước tệp này). */
@font-face{font-family:"Montserrat";font-weight:400;font-display:swap;src:url("/static/fonts/Montserrat-Regular.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-weight:600;font-display:swap;src:url("/static/fonts/Montserrat-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-weight:700;font-display:swap;src:url("/static/fonts/Montserrat-Bold.woff2") format("woff2")}
body.honor{font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px}
.honor .hero h1{color:var(--gold);letter-spacing:.02em}
.honor .slogan{margin:4px 0 0;color:var(--on-red-soft);font-weight:600;font-size:16px}
.tabs{display:flex;gap:8px;max-width:640px;margin:14px auto 0;padding:0 16px}
.tabs a{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;font-weight:700;text-decoration:none;
  background:var(--paper);color:var(--red);border:2px solid var(--red)}
.tabs a.on{background:var(--red);color:var(--on-red)}
.status{display:block;margin:12px auto 0;max-width:608px;padding:10px 14px;border-radius:12px;background:var(--gold-bg);color:var(--on-gold);
  font-weight:700;text-align:center}
.preview-band{max-width:608px;margin:12px auto 0;padding:10px 14px;border-radius:12px;background:var(--bad-bg);color:var(--bad-ink);font-weight:700;text-align:center}
.days{display:flex;flex-wrap:wrap;gap:8px;max-width:640px;margin:12px auto 0;padding:0 16px}
.days a{display:inline-flex;align-items:center;min-height:48px;padding:0 14px;border-radius:24px;font-size:16px;text-decoration:none;
  background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.days a.on{background:var(--red-dark);color:var(--on-red);border-color:var(--red-dark)}
.board h2{margin:0 0 4px;color:var(--red)}
.board .hint{margin:0 0 10px}
.rank-list{list-style:none;margin:0;padding:0}
.rank-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.rank-list li:last-child{border-bottom:0}
.medal{flex:0 0 44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;
  background:var(--red);color:var(--on-red)}
.medal.m1,.medal.m2,.medal.m3{background:var(--gold);color:var(--on-gold)}
.who-line{flex:1;min-width:0}
.who-line b{display:block;font-size:18px;overflow-wrap:anywhere}
.who-line span{display:block;font-size:16px;color:var(--muted);overflow-wrap:anywhere}
.val{flex:0 0 auto;text-align:right;font-weight:700;color:var(--red);font-size:16px;max-width:40%}
.val small{font-size:16px;font-weight:600;color:var(--muted)}
.more{margin:8px 0 0;font-weight:600;color:var(--muted)}
.dl .btn{font-size:16px}
.rules{font-size:16px}