/* Optional STstudio SVG identity. The shared viewer styles stay unchanged. */
.editorial-web > .editorial-web-wordmarks {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.editorial-web-wordmarks .editorial-web-wordmark {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: max-content;
  height: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  font-family: var(--ko);
  font-size: var(--text-title);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  vertical-align: baseline;
  color: transparent;
  cursor: text;
  pointer-events: auto;
  touch-action: auto;
  -webkit-user-select: text;
  user-select: text;
  transform-origin: 0 0;
}
.editorial-web-wordmarks .editorial-web-wordmark::after { display: none; }
.editorial-web-wordmarks .editorial-web-wordmark .studio-wordmark-text {
  position: static;
  display: block;
  width: max-content;
  height: auto;
  font: inherit;
  letter-spacing: 0;
  color: transparent;
  opacity: 1;
  -webkit-user-select: text;
  user-select: text;
}
.editorial-web-wordmarks .studio-wordmark-text::selection {
  background: var(--accent);
  color: transparent;
}
.editorial-web-wordmarks .editorial-web-wordmark.is-wordmark-failed .studio-wordmark-text { color: var(--text-color, #f0f0f0); }

/* Phones: the shared rule (css/editorial-web.css, ≤768px) anchors the hint by its
   right edge only, so once its text wraps the box runs to x = 0 and the first
   words touch the screen edge. Cap its width to leave the same --space-8 the
   panel and the Back pill keep. Here, not there: that file stays line-for-line
   with withok.kr. */
@media only screen and (max-width: 768px) {
  .editorial-web-hint { max-width: calc(100% - 2 * var(--space-8) - 4.6rem); }
}