.ri-a-bn,.ri-a-bnsheet{display:none}
@media (max-width:820px){
  /* 바에 가려 마지막 줄이 안 읽히지 않게 — «실제 바 높이»(JS 가 재서 넣는다) + 아이폰 아래 여백.
     🚨 2026-09-23 실측 : 320px 영어판에서 라벨이 두 줄로 접혀 바가 88px 이 됐는데
        여백은 68px 고정이라 본문 아래 20px 이 가려졌다. 그래서 고정값을 버리고 변수로 묶었다. */
  body{padding-bottom:calc(var(--ri-bnav-h,64px) + 4px + env(safe-area-inset-bottom,0px)) !important}
  .ri-a-bn{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9500;
    background:#ffffff;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);
    border-top:1px solid #e5e7eb;box-shadow:0 -6px 18px -14px rgba(15,23,42,.5);
    padding-bottom:env(safe-area-inset-bottom,0px)}
  .ri-a-bn__g{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;max-width:560px;margin:0 auto}
  /* 🚨 font 축약을 쓰면 안 된다 — `font:600 11px/1.25 inherit` 은 글꼴 자리에 inherit 가 올 수 없어
     브라우저가 «선언 전체»를 버린다. 2026-09-23 실측에서 11px·600 이 15px·400 으로 나오고 있었다. */
  .ri-a-bn a,.ri-a-bn button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    min-height:58px;padding:7px 2px 6px;background:none;border:0;cursor:pointer;
    font-family:inherit;font-weight:600;font-size:11px;line-height:1.25;
    color:#000;text-decoration:none;-webkit-tap-highlight-color:transparent}
  /* 라벨은 한 줄로 — 영어 Rankings·Courses 가 접혀 바가 88px 로 커지던 것을 막는다 */
  .ri-a-bn a>span,.ri-a-bn button>span{white-space:nowrap;letter-spacing:-.2px}
  .ri-a-bn svg{width:23px;height:23px;display:block;stroke:currentColor;stroke-width:1.7;fill:none;
    stroke-linecap:round;stroke-linejoin:round}
  .ri-a-bn .is-on{color:#000}   /* 사장님 「완전 진한 블랙」 — 남색이었다 */
  .ri-a-bn .is-on svg{stroke-width:2.1}
  .ri-a-bn a:active,.ri-a-bn button:active{background:#f4f4f4}
  /* 「전체」 서랍 */
  .ri-a-bnsheet{display:block;position:fixed;inset:0;z-index:9600;visibility:hidden;pointer-events:none}
  .ri-a-bnsheet.is-open{visibility:visible;pointer-events:auto}
  .ri-a-bnsheet__b{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .22s ease}
  .ri-a-bnsheet.is-open .ri-a-bnsheet__b{opacity:1}
  .ri-a-bnsheet__p{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:0;
    padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(102%);
    transition:transform .26s cubic-bezier(.2,.8,.2,1);max-height:78vh;overflow:auto;overscroll-behavior:contain}
  .ri-a-bnsheet.is-open .ri-a-bnsheet__p{transform:none}
  .ri-a-bnsheet__h{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 12px}
  .ri-a-bnsheet__h b{font-size:16px;color:#000}
  .ri-a-bnsheet__x{border:0;background:#f4f4f4;border-radius:0;width:32px;height:32px;font-size:16px;color:#000;cursor:pointer}
  .ri-a-bnsheet__g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ri-a-bnsheet__g a{display:flex;align-items:center;min-height:48px;padding:0 14px;border:1px solid #000;border-radius:0;
    font-family:inherit;font-weight:600;font-size:14px;line-height:1.3;
    color:#0f172a;text-decoration:none;background:#fff}
  .ri-a-bnsheet__g a:active{background:#f4f4f4}
  .ri-a-bn a:focus-visible,.ri-a-bn button:focus-visible,
  .ri-a-bnsheet__g a:focus-visible,.ri-a-bnsheet__x:focus-visible{outline:2px solid #000;outline-offset:-2px;border-radius:0}
  /* 떠 있는 단추들이 바에 겹치지 않게 올려 둔다 (C·B 님 것 — 자리만 옮긴다) */
  .riwc-reg{bottom:calc(var(--ri-bnav-h,64px) + 8px + env(safe-area-inset-bottom,0px)) !important}
  .ri-top-btn,.ri-gotop,#ri-top{bottom:calc(var(--ri-bnav-h,64px) + 8px + env(safe-area-inset-bottom,0px)) !important}
}
/* 좁은 폰(갤럭시 폴드 접은 상태·아이폰SE)에서 영어 라벨이 칸을 넘지 않게 */
@media (max-width:360px){ .ri-a-bn a,.ri-a-bn button{font-size:10px} }
@media (max-width:330px){ .ri-a-bn a,.ri-a-bn button{font-size:9.5px} .ri-a-bn svg{width:21px;height:21px} }
@media print{.ri-a-bn,.ri-a-bnsheet{display:none !important}body{padding-bottom:0 !important}}