/* R8rly — nav country switch (flag-only button + quiet dropdown). Uses page tokens: --card, --card-border, --text, --text-3, --teal. */
.r8c{position:relative;display:inline-flex}
.r8c-btn{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:1px solid var(--card-border,#dfe6e2);border-radius:8px;background:var(--card,#fff);cursor:pointer}
.r8c-btn:hover,.r8c-btn[aria-expanded="true"]{border-color:var(--teal,#00bcd4)}
.r8c-btn:focus-visible,.r8c-menu button:focus-visible,.r8c-menu a:focus-visible{outline:2px solid var(--teal,#00bcd4);outline-offset:2px}
.r8c-flag{display:block;width:20px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);object-fit:cover}
.r8c-code{font-size:11px;font-weight:700;color:var(--text-3,#7d8b83)}
.r8c-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:200;min-width:180px;margin:0;padding:6px;list-style:none;background:var(--card,#fff);border:1px solid var(--card-border,#dfe6e2);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.r8c-menu[hidden]{display:none}
.r8c-menu li{margin:0}
.r8c-menu button,.r8c-menu a{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:6px;background:none;color:var(--text,#15201b);font:inherit;font-size:14px;font-weight:500;text-align:left;text-decoration:none;cursor:pointer}
.r8c-menu button:hover,.r8c-menu a:hover{background:var(--teal-xl,rgba(0,188,212,.1))}
.r8c-menu button[aria-current="true"]{font-weight:700}
.r8c-soon{padding:8px 10px 4px;font-size:12px;color:var(--text-3,#7d8b83)}
.r8c-menu a{font-size:13px;color:var(--teal-d,#0097a7);font-weight:600;border-top:1px solid var(--card-border,#dfe6e2);border-radius:0 0 6px 6px;margin-top:4px}