/* Published text and photographs fit the same 390px Pencil artboards. */
.live-clinic-list {display:flex;flex-direction:column;gap:16px;width:100%}
.live-map-panel {width:100%;box-sizing:border-box}
.live-map-surface {position:relative;height:186px;overflow:hidden;border-radius:8px;background:#f5f5f5}
#clinic-map-canvas {width:100%;height:100%}
.live-map-status {position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;background:#f5f5f5;color:#526158;font:13px/1.6 "Noto Sans KR",sans-serif;box-sizing:border-box}
.live-location-status {font:12px/1.6 "Noto Sans KR",sans-serif;color:#526158;margin:10px 0 0;overflow-wrap:anywhere}
.clinic-distance {font:700 12px/1.4 "Noto Sans KR",sans-serif;color:var(--green, #245440)}
.live-map-panel[hidden],.live-map-status[hidden],.clinic-distance[hidden] {display:none!important}
.clinic-card:focus-visible {outline:3px solid var(--orange, #F15A3B)!important;outline-offset:3px!important}
/* Device status bars belong to the design preview, not the website. */
.hs-status,
[data-pencil-id="R3ehU"],
[data-pencil-id="j0SHd0"],
[data-pencil-id="vYgz3"],
[data-pencil-id="f1Z4s"],
[data-pencil-id="DUnzW"],
[data-pencil-id="ZuN99"],
[data-pencil-id="xEZZq"],
[data-pencil-id="dmu7r"] { display:none!important; }
.live-detail,.live-article,.live-story,.live-empty,.live-map-link {
  box-sizing:border-box; color:var(--green, #245440); font-family:"Noto Sans KR","Malgun Gothic",sans-serif;
  word-break:keep-all; overflow-wrap:anywhere;
}
.live-empty {margin:.2em 0; background:#f3f6f3; border-radius:4px; padding:16px; font-size:14px}
.live-clinic-name {font-size:24px; line-height:32px; font-weight:800; color:var(--green, #245440)}
.live-tele-off {display:block; color:#56665c; background:#f0f3ef; font-size:14px; padding:11px 14px; width:100%; border-radius:3px; box-sizing:border-box}
.live-map-label {position:absolute; bottom:6px; left:6px; border-radius:3px; padding:1px 5px; background:#fff; color:#526158; font:11px/17px "Noto Sans KR",sans-serif}
.live-map-link {font-size:12px; margin:2px 0 0; line-height:1.55}
#clinic-map[hidden] + .live-map-link {display:none}
.live-map-link a {text-decoration:underline}
.live-detail {padding:24px 20px; width:100%}
.live-detail h1,.live-article h1 {font-weight:800; font-size:29px; letter-spacing:-1px; line-height:1.35; margin:.2em 0 .55em}
.live-detail h2,.live-article h2 {font-weight:800; font-size:22px; line-height:1.45; margin:.3em 0 .65em}
.live-detail dl {margin:12px 0 22px; border-top:1px solid #c2d0c6}
.live-detail dt {font-weight:700; padding-top:10px; font-size:13px}
.live-detail dd {font-size:15px; line-height:1.6; margin:0; padding:4px 0 10px; border-bottom:1px solid #d9e1db}
.live-detail dd a,.live-article a:not(.live-out) {text-decoration:underline; text-underline-offset:3px; color:var(--green, #245440)}
.live-out,.detail-pen-screen a.live-out {display:block; box-sizing:border-box; width:100%; margin:8px 0; background:var(--green, #245440); color:white; text-align:left; padding:12px 16px; border-radius:4px; font:700 15px/1.5 "Noto Sans KR",sans-serif}
.live-story {width:100%; min-height:85px; padding:12px 0; display:grid; grid-template-columns:68px minmax(0,1fr); align-items:center; gap:12px; text-decoration:none; border-bottom:1px solid #dce3dc}
.live-story img,.live-story .live-cover-placeholder {width:68px; height:68px; display:grid; object-fit:cover; border-radius:4px}
.live-story h2 {margin:0; font-size:16px; line-height:1.45; font-weight:700}
.live-story p,.hs-story p {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:5px 0 0; font-size:12px; line-height:1.6; color:#59635c}
.live-cover-placeholder {display:grid; place-items:center; background:#edf3ee; color:var(--green, #245440); font:700 11px/1.45 "Noto Sans KR",sans-serif}
.hs-story .live-cover-placeholder {width:100%; aspect-ratio:1; border-radius:6px; font-size:18px}
.live-article {display:grid; gap:25px; padding:24px 20px 32px}
.live-article header {padding-bottom:18px; border-bottom:2px solid var(--green, #245440)}
.live-article small,.live-detail>small {display:block; color:#ae432c; font-size:12px; font-weight:800; margin:0 0 7px}
.live-article p {color:#2f3832; line-height:1.8; font-size:15px; margin:.65em 0}
.live-article .live-summary {color:var(--green, #245440); font-size:16px; font-weight:600; white-space:pre-line}
.live-byline,.live-article .live-date {display:block; margin:.3em 0; color:#54665a; line-height:1.6; font-size:12px}
.live-article ol {padding-left:1.4em; line-height:1.7; font-size:14px}
.pen-viewport .live-sources {box-sizing:border-box; width:100%; padding:16px 20px; color:var(--green, #245440); font:14px/1.7 "Noto Sans KR",sans-serif}
.pen-viewport .live-sources ol {padding-left:1.3em}
.live-photo {margin:12px 0; max-width:100%}
.live-photo img {display:block; width:100%; height:auto; border-radius:4px}
.live-photo figcaption {margin:5px 0 0; font:12px/1.6 "Noto Sans KR",sans-serif; color:#5b655d}
.live-pen-photo {position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover}
.pen-viewport h2[data-pencil-id] {margin:0}
.live-seed-summary {width:100%; margin:0; color:#506356; font:500 15px/1.5 "Noto Sans KR",sans-serif}
.pen-viewport :is([data-pencil-id="V4WmNb"],[data-pencil-id="i5MwB"],[data-pencil-id="d2TEfA"],[data-pencil-id="P35cn"]) {
  white-space:pre-line!important; overflow-wrap:anywhere; height:auto!important; max-width:100%;
}
.detail-pen-screen [data-pencil-id="ylI4j"],.detail-pen-screen [data-pencil-id="Lox3C"],.detail-pen-screen [data-clinic-field] {
  white-space:pre-wrap!important; height:auto!important; overflow-wrap:anywhere;
}
.detail-pen-screen [data-pencil-id="DfciM"],.detail-pen-screen [data-pencil-id="tYpwr"] {height:auto!important; min-height:min-content}

/* Editable columns use the same C frame as the original illustrated article. */
.pen-viewport [data-pencil-id="V4WmNb"] {word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.pen-viewport [data-pencil-id="d2TEfA"] {word-break:keep-all;overflow-wrap:anywhere}
.hjc-article .hjc-section,.hjc-article .hjc-banners,.hjc-article .hjc-toc,.hjc-article .hjc-ending {width:100%;box-sizing:border-box}
.hjc-article .hjc-banners:empty {display:none}
.hjc-article .hjc-banners,.hjc-article .hjc-body-photos,.hjc-article .hjc-ending {padding:0 20px;box-sizing:border-box;width:100%}
.hjc-article .hjc-chapter {padding:0 20px;color:var(--ink, #24251F);font-family:"Noto Sans KR","Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:anywhere;box-sizing:border-box}
.hjc-article .hjc-chapter header {display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 8px 12px;text-align:center}
.hjc-article .hjc-divider {display:flex;align-items:center;gap:14px;width:100%;padding:0 58px;box-sizing:border-box;height:10px}
.hjc-article .hjc-divider:before,.hjc-article .hjc-divider:after {content:"";height:1px;flex:1;background:#c1cfc7}
.hjc-article .hjc-divider i {display:block;width:7px;height:7px;transform:rotate(45deg);background:var(--orange, #F15A3B)}
.hjc-article .hjc-number {font-size:42px;font-weight:800;line-height:50px;letter-spacing:-1px;color:var(--green, #245440)}
.hjc-article .hjc-chapter h2 {margin:0;font-size:24px;font-weight:800;line-height:34px;letter-spacing:-.6px;color:var(--green, #245440);white-space:pre-line}
.hjc-article .hjc-prose {font-size:15.5px;line-height:27px;letter-spacing:-.2px}
.hjc-article .hjc-prose p {margin:18px 0 0}
.hjc-article .hjc-key {padding:28px 20px;background:var(--green, #245440);color:#fff;font-family:"Noto Sans KR","Malgun Gothic",sans-serif;box-sizing:border-box;width:100%;overflow-wrap:anywhere}
.hjc-article .hjc-key h2 {margin:0 0 18px;font-size:23px;font-weight:800;line-height:32px}
.hjc-article .hjc-key ol {list-style:none;margin:0;padding:0;counter-reset:hjc-line}
.hjc-article .hjc-key li {display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #ffffff29;font-size:15px;font-weight:600;line-height:25px}
.hjc-article .hjc-key li:before {counter-increment:hjc-line;content:counter(hjc-line,decimal-leading-zero);font-size:11px;flex:0 0 20px}
.hjc-article .hjc-key li:last-child {border-bottom:0}
.hjc-article .hjc-toc {padding:0 20px;font-family:"Noto Sans KR","Malgun Gothic",sans-serif;color:var(--green, #245440)}
.hjc-article .hjc-toc button {display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #c1cfc7;padding:0 0 12px;font-size:14px;font-weight:700;line-height:22px;text-align:left}
.hjc-article .hjc-toc p {margin:10px 0 0;font-size:12px;line-height:20px;color:#62675f}
.hjc-article .hjc-toc nav {display:grid;gap:8px;margin-top:12px;font-size:14px;line-height:24px}
.hjc-article .hjc-body-photos .live-photo {margin:22px 0 0}