/* The Korea Hub – language switch, notifications, report dialog, action menu */

/* language switch */
.langsw{display:inline-flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 4px 3px 10px;font-size:13px;font-weight:700}
.langsw span{margin-right:4px}
.langsw a{padding:5px 11px;border-radius:999px;color:var(--muted)}
.langsw a.on{background:var(--navy);color:#fff}
.langsw a:not(.on):hover{color:var(--red)}
.site-footer .langsw{font-size:12px}
.menu-lang{display:none;list-style:none;padding-top:8px}
.lang-chip{background:var(--cream);color:var(--muted);border:1px solid var(--line);margin-right:6px}

/* notifications */
.bell-wrap{position:relative}
.bell{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:19px;cursor:pointer;display:grid;place-items:center;transition:transform .15s}
.bell:hover{transform:translateY(-1px)}
.badge{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid var(--cream);line-height:1}
.badge[hidden]{display:none}
.bell-panel{position:absolute;right:0;top:54px;width:360px;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 50px rgba(35,53,107,.2);z-index:80}
.bell-panel[hidden]{display:none}
.bp-head{padding:16px 20px 10px;font-size:17px}
.bp-empty{padding:18px 20px 26px;color:var(--muted);font-size:14px}
.bp-item{display:flex;gap:12px;padding:13px 20px;border-top:1px solid var(--line);align-items:flex-start;transition:background .15s}
.bp-item:hover{background:var(--cream)}
.bp-item.unread{background:#FFF4EA}
.bp-item.unread .bx{font-weight:700}
.bi{font-size:20px;line-height:1.3}
.bt{display:block;min-width:0}.bx{display:block;font-size:14px;line-height:1.45}.bt small{color:var(--muted);font-size:12px}
.toasts{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}
.toast{pointer-events:auto;display:flex;gap:12px;align-items:flex-start;max-width:380px;background:var(--ink);color:#fff;padding:14px 18px;border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.3);font-size:14px;line-height:1.45;opacity:0;transform:translateY(16px);transition:all .35s}
.toast.in{opacity:1;transform:none}
.toast .ti{font-size:20px}
a.toast:hover{background:var(--navy2)}

/* report dialog + action menu */
.rdlg{border:0;border-radius:26px;padding:28px;max-width:460px;width:calc(100% - 32px);box-shadow:0 30px 80px rgba(0,0,0,.35);color:var(--ink);background:#fff}
.rdlg::backdrop{background:rgba(22,34,80,.45)}
.rdlg h3{font-size:22px;margin-bottom:6px}
.reasons{display:grid;gap:8px;margin:16px 0 12px}
.reasons label{cursor:pointer}
.reasons input{position:absolute;opacity:0;pointer-events:none}
.reasons span{display:block;border:1.5px solid var(--line);border-radius:14px;padding:11px 16px;font-size:14px;font-weight:600;background:var(--cream)}
.reasons input:checked+span{border-color:var(--red);background:var(--blush);color:var(--red2)}
.rd-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
.more-menu{position:relative;display:inline-block}
.more-menu summary{list-style:none;cursor:pointer;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:20px;color:var(--muted);line-height:1}
.more-menu summary::-webkit-details-marker{display:none}
.more-menu summary:hover,.more-menu[open] summary{background:var(--cream)}
.mm{position:absolute;right:0;top:38px;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 34px rgba(35,53,107,.18);padding:6px;z-index:30}
.mm button{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 14px;border-radius:10px;font:inherit;font-size:14px;cursor:pointer;color:var(--ink)}
.mm button:hover{background:var(--cream)}
.foot .r{align-items:center}
.reply.blocked{padding:12px 0}
.blocked-reply summary{cursor:pointer;color:var(--muted);font-size:14px;list-style:none}
.blocked-reply summary span{color:var(--navy);font-weight:700;margin-left:6px}
.blocked-reply[open]{background:var(--cream);border-radius:16px;padding:12px 16px}
.blocked-list{margin-top:36px;padding-top:26px;border-top:1px dashed var(--line)}
.blocked-list h2{font-size:24px;margin-bottom:6px}
.small-btn{padding:7px 16px;font-size:13px;margin-left:auto}

@media(max-width:900px){
 .nav-actions .langsw.hdr{display:none}
 .menu-lang{display:block}
 .menu-lang .langsw{display:inline-flex}
}
@media(max-width:640px){
 .bell-panel{position:fixed;left:12px;right:12px;top:78px;width:auto}
 .toasts{left:12px;right:12px;top:12px;bottom:auto;align-items:stretch}
 .toast{max-width:none}
 .bell{width:40px;height:40px}
}

/* Korean pages: headings in a bold sans instead of Georgia's thin serif fallback */
html[lang^="ko"] .serif,html[lang^="ko"] h1,html[lang^="ko"] h2,html[lang^="ko"] h3,html[lang^="ko"] h4,html[lang^="ko"] h5{font-family:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-weight:800;letter-spacing:-.02em}
html[lang^="ko"] .hero h1 em{font-style:normal}
html[lang^="ko"] .logo .serif{font-family:Georgia,"Times New Roman",serif;letter-spacing:0;font-weight:700}

/* header: keep everything on one line, tighten on smaller screens */
.nav{gap:12px}
.main-menu,.main-menu a{white-space:nowrap}
.langsw a{white-space:nowrap}
.menu-extra{display:none;list-style:none;padding-top:6px}
@media(max-width:1260px){
 .main-menu{gap:18px;font-size:15px}
 .langsw span{display:none}
 .langsw{padding-left:4px}
 .nav-actions .btn{padding:10px 18px}
}
@media(max-width:1100px){
 .me span:not(.av){display:none}
 .me{padding:4px}
}
@media(max-width:640px){
 .logout-btn{display:none}
 .menu-extra{display:block}
 .menu-extra .btn{display:block;text-align:center}
}