/* Image Everything · shared site chrome v1
 * One header and one hero eyebrow style across EN/KO home, tools, guides and legal pages.
 * All navigation is static HTML so crawlers and no-JS users can see it. */
body.brand-relaunch .shell,
body.relaunch-tool-page .shell,
body.standalone-page .shell,
body.site-guide-page .shell{
  width:min(1180px,calc(100% - 40px));
  max-width:none;
}
body .topbar.site-header {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  grid-template-areas:"brand links language";
  align-items:center;
  column-gap:32px;
  row-gap:0;
  min-height:82px;
  margin:0;
  padding:19px 0;
  border:0;
  border-bottom:1px solid #E6EAF3;
  background:#fff;
}
body .topbar.site-header .brand{
  grid-area:brand;
  justify-self:start;
  min-width:0;
  margin:0;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.07em;
  line-height:1.15;
  color:#191B21;
  white-space:nowrap;
  text-decoration:none;
}
body .topbar.site-header .brand span{color:#315BFF}
body .topbar.site-header .site-nav{
  grid-area:links;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:30px;
  min-width:0;
  margin:0;
  padding:0;
}
body .topbar.site-header .site-nav a{
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  font-size:14px;
  font-weight:740;
  letter-spacing:-.015em;
  line-height:1.4;
  color:#454B56;
  padding:9px 0;
  text-decoration:none;
  white-space:nowrap;
  border:0;
  background:none;
}
body .topbar.site-header .site-nav a:hover,
body .topbar.site-header .site-nav a[aria-current="page"]{color:#244AE5}
body .topbar.site-header .site-nav a[aria-current="page"]{font-weight:850}
body .topbar.site-header .site-lang-switch{
  grid-area:language;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  min-width:45px;
  height:36px;
  margin:0;
  padding:0 12px;
  border:1px solid #DCE6F7;
  border-radius:999px;
  background:#fff;
  color:#244AE5;
  font-family:inherit;
  font-size:12px;
  font-weight:820;
  letter-spacing:.01em;
  text-decoration:none;
}
body .topbar.site-header .site-lang-switch:hover{border-color:#92AEFF;background:#EDF3FF}
body .topbar.site-header :is(.brand,.site-nav a,.site-lang-switch):focus-visible{
  outline:3px solid #315BFF;
  outline-offset:3px;
  border-radius:4px;
}
.site-eyebrow,
body .relaunch-hero .site-eyebrow,
body .tool-head .site-eyebrow,
body .guide-index-head .site-eyebrow,
body .guide-hero .site-eyebrow,
body .standalone-main .site-eyebrow{
  display:block;
  width:fit-content;
  max-width:100%;
  margin:0 0 18px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#244AE5;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:12px;
  font-weight:850;
  letter-spacing:.12em;
  line-height:1.6;
  text-transform:uppercase;
  white-space:normal;
}
html[lang="ko"] .site-eyebrow{letter-spacing:.045em}
body .relaunch-hero .site-eyebrow + h1,
body .tool-head .site-eyebrow + h1,
body .guide-hero .site-eyebrow + h1,
body .guide-index-head .site-eyebrow + h1,
body .standalone-main .site-eyebrow + h1{margin-top:0}
body .tool-head .site-eyebrow{margin-bottom:18px}
body .guide-index-head .site-eyebrow,
body .guide-hero .site-eyebrow{margin-bottom:18px}
body .standalone-main .site-eyebrow{margin-bottom:18px}
@media(max-width:760px){
  body.brand-relaunch .shell,
  body.relaunch-tool-page .shell,
  body.standalone-page .shell,
  body.site-guide-page .shell{width:calc(100% - 30px)}
  body .topbar.site-header {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"brand language" "links links";
    column-gap:12px;
    row-gap:12px;
    min-height:0;
    padding:16px 0 13px;
  }
  body .topbar.site-header .brand{font-size:20px}
  body .topbar.site-header .site-nav{
    justify-content:flex-start;
    gap:24px;
    width:100%;
  }
  body .topbar.site-header .site-nav a{
    display:inline-flex!important;
    font-size:13px;
    padding:5px 0;
  }
  body .topbar.site-header .site-lang-switch{height:33px;min-width:40px}
  .site-eyebrow,
  body .relaunch-hero .site-eyebrow,
  body .tool-head .site-eyebrow,
  body .guide-index-head .site-eyebrow,
  body .guide-hero .site-eyebrow,
  body .standalone-main .site-eyebrow{font-size:12px;margin-bottom:16px}
}
@media(max-width:380px){
  body .topbar.site-header .brand{font-size:18px}
  body .topbar.site-header .site-nav{gap:18px}
  body .topbar.site-header .site-nav a{font-size:13px}
}


/* Guide breadcrumbs: the same sans-serif, scale and spacing across every article. */
body.site-guide-page nav.guide-crumb{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:10px;
 margin:8px 0 28px;
 padding:0;
 font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 font-size:13px;
 font-weight:700;
 line-height:1.6;
 letter-spacing:-.01em;
 color:#697385;
}
body.site-guide-page nav.guide-crumb a{
 display:inline-flex;
 align-items:center;
 font:inherit;
 color:#485466;
 text-decoration:none;
 word-break:normal;
}
body.site-guide-page nav.guide-crumb a:hover{color:#244AE5}
body.site-guide-page nav.guide-crumb a:focus-visible{outline:3px solid #315BFF;outline-offset:3px;border-radius:3px}
body.site-guide-page nav.guide-crumb .crumb-separator{color:#A8B0BF;font-size:13px;font-weight:500}
body.site-guide-page nav.guide-crumb [aria-current="page"]{color:#191B21;font-weight:800}
@media(max-width:650px){body.site-guide-page nav.guide-crumb{gap:8px;margin:8px 0 22px;font-size:13px}}