*{box-sizing:border-box}body{margin:0;background:#eaf9fe;color:#163943;font:16px/1.5 system-ui,sans-serif}main{max-width:520px;margin:auto;padding:20px 14px}header{display:flex;gap:12px;align-items:center}header img{width:80px}section{background:white;padding:20px;border:1px solid #b5eafa;border-radius:20px;margin-top:16px}h1{font-size:25px;margin:0 0 16px}.tabs,.boards{display:flex;gap:8px;margin:8px 0}.boards button{font-size:13px;padding:10px 4px}.tabs button:disabled{opacity:.45}.tabs button,.boards button{flex:1;background:#edf8fb;color:#087f9c}.tabs button[aria-pressed=true],.boards button[aria-pressed=true]{background:#087f9c;color:white}button{border:0;border-radius:10px;padding:12px;font:inherit;font-weight:bold;cursor:pointer}#rank-note,#rank-status{font-size:13px;color:#52727b}ol{list-style:none;margin:12px 0;padding:0}li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:14px 2px;border-bottom:1px solid #eaf9fe}li span{overflow-wrap:anywhere}li b{font-size:13px;font-variant-numeric:tabular-nums}li[data-own=true],#own{background:#eaf9fe;border-radius:10px}#own{padding:12px;font-weight:bold;font-size:14px;overflow-wrap:anywhere}#own:empty{display:none}#refresh{width:100%;background:#087f9c;color:white;margin:12px 0}a{display:block;text-align:center;color:#087f9c;text-decoration:none;font-size:14px}

/* Keep each destination a single wrapping item, independent of the footer link. */
.ranking-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.ranking-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid #b5eafa;border-radius:10px;background:#edf8fb;white-space:nowrap}
.ranking-navigation a:hover{background:#d6f0f7}
a:focus-visible,button:focus-visible{outline:3px solid #163943;outline-offset:3px}