.header-top > .header-note { text-align: left; }
.header-top > .brand { grid-column: 2; grid-row: 1; }
.header-tools {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}
.header-tools .header-note { font-size: 10px; text-align: right; }
.language-switch { position: relative; z-index: 5; }
.language-switch > summary {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 48px;
  min-height: 32px;
  padding: 3px 0 3px 8px;
  list-style: none;
  cursor: pointer;
  font-size: 11px;
  letter-spacing: .12em;
}
.language-switch > summary::-webkit-details-marker { display: none; }
.language-switch[open] > summary svg { transform: rotate(180deg); }
.language-options {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  min-width: 148px;
  padding: 6px;
  background: var(--paper);
  border: 1px solid var(--line);
  box-shadow: 0 8px 24px #29282412;
}
.language-options a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 8px 12px;
  font-size: 13px;
  letter-spacing: .02em;
}
.language-options a:hover,
.language-options a:focus-visible { background: #eae7df; }
.language-options a[aria-current="page"]::after { content: '✓'; font-size: 12px; }
html[lang="ko"] .intro-copy,
html[lang="ko"] .copy-text,
html[lang="ko"] .detail-description,
html[lang="ko"] .principle p,
html[lang="ko"] .care-answer { word-break: keep-all; overflow-wrap: break-word; }
html[lang="ko"] .hero-content > .line-link { margin-top: 0; }
html[lang="ko"] .thumb-label { font-size: 13px; letter-spacing: .02em; }
@media (max-width: 760px) {
  .header-tools { align-self: center; }
  .language-switch > summary { min-height: 44px; min-width: 48px; font-size: 11px; }
  .language-options { top: calc(100% + 8px); }
}