/* Web wrapper: desktop mirrors the printed page; mobile reflows the same components. */
body.web{background:#eef1f4;margin:0}
.wbar{position:sticky;top:0;z-index:5;background:#0A1931;color:#fff;font-family:Oswald;letter-spacing:.12em;text-transform:uppercase;font-size:12px;display:flex;gap:16px;align-items:center;padding:10px 16px;flex-wrap:wrap}
.wbar a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.5);padding:5px 10px;border-radius:3px}
.wbar a.pri{background:#F1C558;color:#0A1931;border-color:#F1C558}
.wpage{display:flex;justify-content:center;padding:24px 16px}
.wpage .page{box-shadow:0 2px 14px rgba(10,25,49,.16)}
@media (max-width: 860px){
  .wpage{padding:0}
  .wpage .page{width:100%;height:auto;box-shadow:none}
  .wpage .live{position:static;padding:16px}
  .wpage h1,.wpage .h1p{font-size:24px}
  .wpage .kp{grid-template-columns:1fr 1fr;row-gap:10px}
  .wpage .kp>div:nth-child(3){border-left:none;padding-left:0}
  .wpage .ptw{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .wpage table.pt{min-width:520px}
  .wpage table.pt .m,.wpage table.pt .tr,.wpage table.pt th:nth-child(4){display:none}
  .wpage .sckey{gap:8px}
  .wpage .foot{margin-top:16px}
}
/* index */
.idx{max-width:1100px;margin:0 auto;padding:24px 16px;font-family:Josefin,sans-serif;color:#0A1931}
.idx h1{font-size:34px}
.flt{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.flt select{font:inherit;padding:6px 8px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.card{background:#fff;padding:14px;border:1px solid #dcd8d8;text-decoration:none;color:inherit;display:block}
.card .lbl{font-size:11px}.card b{font-family:Righteous;font-size:20px;font-weight:400;display:block;margin-top:4px}
.card .pend{display:inline-block;margin-top:6px;font-family:Oswald;font-size:11px;letter-spacing:.12em;border:1px dashed #8a96a8;padding:1px 6px}