/* Reference-style flat navigation, scoped to the shared HangeulBondhu header. */
.hb-header{gap:24px;padding:10px 22px}
.hb-header #hb-menu{gap:20px;flex-wrap:nowrap}
.hb-header #hb-menu>a{padding:8px 14px;border-radius:999px;font-size:15px;font-weight:500;line-height:1.5;white-space:nowrap;background:transparent;color:#435c61}
.hb-header #hb-menu>a[aria-current=page]{background:#e5f3ed;color:#087563;font-weight:700}
.hb-header #hb-menu>a.hb-nav-cta{padding:11px 22px;background:#087e70;color:#fff;box-shadow:0 4px 12px #087e7024;font-size:15px;font-weight:600}
.hb-header #hb-menu>a:hover{background:#edf7f2;box-shadow:none}
.hb-header #hb-menu>a.hb-nav-cta:hover{background:#076c60;color:#fff}
.hb-header #hb-menu .hb-account-actions{flex:0 0 auto;margin:0;padding:0;display:flex;align-items:center;border:0;background:none;box-shadow:none}
.hb-header #hb-menu .hb-account-logout{min-height:42px;padding:8px 0;margin:0;background:transparent;color:#435c61;border:0;border-radius:0;box-shadow:none;font:inherit;font-size:15px;line-height:1.5;font-weight:500;white-space:nowrap;cursor:pointer}
.hb-header #hb-menu .hb-account-logout:hover{background:transparent;color:#087563;text-decoration:underline;text-underline-offset:5px}
.hb-header #hb-menu .hb-account-logout:focus-visible{outline:3px solid #c48421;outline-offset:4px;border-radius:6px}
@media(max-width:1120px){.hb-header{gap:14px;padding-inline:18px}.hb-header #hb-menu{gap:8px}.hb-header #hb-menu>a{padding-inline:10px;font-size:14px}.hb-header #hb-menu>a.hb-nav-cta{padding-inline:16px;font-size:14px}.hb-header #hb-menu .hb-account-logout{font-size:14px}.hb-header .hb-brand>span{font-size:16px}.hb-header .hb-brand img{width:48px;height:48px}}
@media(min-width:721px) and (max-width:1120px){.hb-header{flex-wrap:wrap;border-radius:24px;justify-content:center}.hb-header #hb-menu{width:100%;justify-content:center;gap:10px}}
@media(max-width:720px){.hb-header{justify-content:space-between;border-radius:22px}.hb-header #hb-menu{flex-direction:column;align-items:stretch;gap:5px;flex-wrap:nowrap;padding-top:12px}.hb-header #hb-menu>a{flex:0 0 auto;min-height:44px;padding:10px 16px;text-align:left;font-size:15px}.hb-header #hb-menu>a.hb-nav-cta{margin-block:3px;text-align:center;padding:11px 18px;font-size:15px}.hb-header #hb-menu .hb-account-actions{flex:0 0 auto;justify-content:center;padding:4px 0}.hb-header #hb-menu .hb-account-logout{font-size:15px;min-height:44px;padding:8px 16px}}
/* Four study links stay balanced after adding My Page/payment. */
.hb-study-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.hb-study-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.hb-study-shortcuts{grid-template-columns:1fr}}