.detail-pen-screen {
  max-width: 390px;
  margin: 0 auto;
  font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
  line-height: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}
.detail-pen-screen h1,.detail-pen-screen h2 { margin: 0; }
/* Match Pencil's Korean word spacing so line endings stay on the design grid. */
.detail-pen-screen [style*="Noto Sans KR"] { word-spacing: -.055em; }
.detail-pen-screen [data-pencil-id="P3kMxC"] { word-spacing: -.06em; }
.detail-pen-screen a,.detail-pen-screen button { color: inherit; text-decoration: none; }
.detail-pen-screen button,.detail-pen-screen input { font: inherit; border: 0; padding: 0; background: transparent; }
.detail-pen-screen button { cursor: pointer; }
.detail-pen-screen input { min-width: 0; width: 100%; }
.detail-pen-screen a:focus-visible,.detail-pen-screen button:focus-visible,.detail-pen-screen input:focus-visible {
  outline: 3px solid var(--orange, #F15A3B) !important;
  outline-offset: 2px !important;
}
.detail-pen-screen .detail-icon-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  line-height: 0;
}
.detail-icon-control::after { content: ""; position: absolute; inset: -8px; }
.detail-pen-screen [data-detail-topic][hidden] { display: none !important; }
.detail-pen-screen [data-pencil-id="J2Caj"] { min-width: 0; }
.detail-pen-screen [data-pencil-id="FTWo9"] { width: 100% !important; }
[id="clinic-map"] { scroll-margin-block: 12px; }
.detail-feedback {
  position: fixed;
  z-index: 10;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  background: var(--green, #245440);
  color: #fff;
  text-align: center;
  padding: 12px 18px;
  width: max-content;
  max-width: min(350px, 90vw);
  border-radius: 6px;
  box-shadow: 0 2px 12px #0002;
  font: 500 14px/1.6 "Noto Sans KR",sans-serif;
}
@media (max-width: 389px) {
  .detail-pen-screen [style*="flex: 1 1 0"] { min-width: 0; }
  .detail-pen-screen [data-pencil-id="wGlfo"] { left: auto !important; right: 12px; }
  .detail-pen-screen [data-pencil-id="pPGXX"] { left: calc(50% - 27px) !important; }
}
@media (min-width: 391px) {
  body:has(.detail-pen-screen) { background: #f3f4f2; }
}
.detail-pen-screen .detail-search-empty { margin: 4px 0; width: 100%; padding: 22px 12px; border-block: 1px solid #dedbd2; font: 500 14px/1.6 "Noto Sans KR",sans-serif; color: var(--green, #245440); }
.detail-pen-screen .clinic-official-link { color: var(--green, #245440); text-decoration: underline; }