/* A single-line title with its own space above the help link on phones. */
.site-footer .creator-credit{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;border-top:1px dashed var(--ink);margin-top:20px;padding-top:16px;font-size:12px;color:var(--ink)}
.creator-credit strong{font-weight:900}
.creator-credit a{font-weight:700;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.creator-credit a:hover{color:var(--blue)}
.creator-credit a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.site-header .brand{min-width:0;gap:15px}
.site-header .brand-mark{flex-shrink:0;letter-spacing:-1px}
.site-header .brand-mark span{color:var(--orange);padding:0}
.site-header .brand-label{display:block;white-space:nowrap;font-size:clamp(18px,2.1vw,26px);font-weight:900;line-height:1.3;letter-spacing:0}
html:lang(en) .site-header .brand-label{font-size:clamp(13px,1.7vw,22px)}
html:lang(ko) .site-header .brand-label{font-size:clamp(16px,2vw,25px)}
@media(max-width:850px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:20px 0 12px;min-height:0}
  .site-header .brand{gap:12px}
  .site-header .brand-label{font-size:clamp(12px,3.9vw,24px)}
  .site-header .header-right{justify-self:end}
  html:lang(en) .site-header .brand-label{font-size:clamp(10px,2.8vw,19px)}
  html:lang(ko) .site-header .brand-label{font-size:clamp(13px,3.7vw,23px)}
}