/* UI-HDR public home (/) header + opening notice: nothing may overlap at any width. Layout only; text, links, gold fanfare untouched.
   Order of giving way as the window narrows:
   1) <=1099px  the opening notice leaves the hero (becomes a strip under the header)
   2) <=900px   '베테랑스 토플' text hides (TOEFL badge stays) and the two login pills drop to a second full-width row (same as phones)
   3) menu button never shrinks: icon and label keep a fixed gap */
html body .hn-page.h5-home .hd .hd__in{min-width:0}
html body .hn-page.h5-home .hd .hd__logo{flex:0 0 auto;min-width:0}
html body .hn-page.h5-home .hd .hd__toefl{flex:0 0 auto}
html body .hn-page.h5-home .hd .hd__toefl b{flex:0 0 auto}
html body .hn-page.h5-home .hd .hd__menu{flex:0 0 auto}
html body .hn-page.h5-home .hd .hd__menu summary{flex:0 0 auto;gap:10px;box-sizing:border-box}
html body .hn-page.h5-home .hd .hd__menu summary .bars{flex:0 0 16px;box-sizing:content-box;margin:0}
@media(max-width:900px){
  html body .hn-page.h5-home .hd .hd__toefl{font-size:0;gap:0}
  html body .hn-page.h5-home .hd .hd__toefl b{font-size:11px}
  html body .hn-page.h5-home .hd .hd__in{flex-wrap:wrap;height:auto!important;min-height:var(--hd-h);row-gap:8px;padding-top:8px;padding-bottom:10px;justify-content:space-between}
  html body .hn-page.h5-home .hd .hd__entry{order:5;flex:0 0 100%;width:100%;margin:0;display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  html body .hn-page.h5-home .hd a.entry{font-size:13px;padding:0 6px;min-height:40px;min-width:0}
}
@media(min-width:761px) and (max-width:1099px){
  html body .hn-page.hn-home.h5-home .h5-notice{height:auto}
  html body .hn-page.hn-home.h5-home .home-notice-pair{position:relative;top:auto;right:auto;left:auto;width:auto!important;max-width:560px;margin:16px auto 0;z-index:12}
}