/* 운정홈페이지 방에서 더한 것: 공지사항 · 알약 링크 (2026-10-30) */
html.rl-print #app .rl-story-kicker a{text-decoration:none}
html.rl-print #app .rl-story-kicker a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
html.rl-print #app .ac-name{display:block;margin:0 0 12px;font:600 15px/1.5 var(--rl-font);letter-spacing:-.01em;color:var(--rl-print-blue)}
html.rl-print #app .ac-meta{grid-column:2;grid-row:4;margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font:500 13.5px/1.4 var(--rl-font);color:var(--rl-print-blue)}
html.rl-print #app .ac-meta>span+span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 14px 3px 0;border-radius:50%;background:currentColor;vertical-align:middle}
html.rl-print #app .ac-share{height:36px;padding:0 16px;border:1px solid var(--rl-print-blue);border-radius:999px;background:transparent;font:500 13.5px/1 var(--rl-font);color:var(--rl-print-blue);cursor:pointer;transition:background-color .3s,color .3s}
html.rl-print #app .ac-share:hover{background:var(--rl-print-blue);color:#fff}
html.rl-print #app .rl-ch-body.ac-wide{grid-column:2 / span 2}
html.rl-print #app .rl-ch-body.ac-wide>p{max-width:38em}
html.rl-print #app .ac-arrow,html.rl-print #app .ac-tarrow{display:grid;place-items:center;width:40px;height:40px;box-sizing:border-box;border:1px solid var(--rl-print-blue);border-radius:50%;background:#f6f8fae6;color:var(--rl-print-blue);transition:background-color .35s,color .35s,transform .45s cubic-bezier(.2,.7,.1,1)}
html.rl-print #app .ac-arrow svg,html.rl-print #app .ac-tarrow svg{width:16px;height:16px}
/* 공지사항 시안 — 지금 사이트 부품에 없던 것만. 색·글꼴은 사이트 토큰, 휴진 빨강은 디자인 시스템 color/closed-red */
.rl-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.rl-print #app{--ac-off:#e0443a}

/* 이달의 휴진 강조 */
html.rl-print #app .ac-callout{grid-column:2 / span 2;grid-row:5;display:grid;gap:6px;margin-top:30px;padding:20px 24px;border:1px solid var(--rl-print-blue);border-radius:var(--rl-print-r-photo,10px);background:#ffffff99;max-width:640px}
html.rl-print #app .ac-callout-tag{font:600 12.5px/1.5 var(--rl-font);color:var(--ac-off)}
html.rl-print #app .ac-callout b{font:700 24px/1.4 var(--rl-font-serif);letter-spacing:-.02em;color:var(--rl-print-blue)}
html.rl-print #app .ac-callout>span:last-child{font-size:15px;line-height:1.7;color:var(--rl-print-charcoal)}

/* 달력 */
html.rl-print #app .ac-cal-wrap{margin-top:8px}
html.rl-print #app .ac-cal{width:100%;border-collapse:collapse;table-layout:fixed;border-top:1px solid var(--rl-print-line);font-variant-numeric:tabular-nums}
html.rl-print #app .ac-cal th{padding:16px 0 14px;border-bottom:1px solid var(--rl-print-line-soft);text-align:center;font-weight:400}
html.rl-print #app .ac-cal th b{display:block;font:300 20px/1.2 var(--rl-font-latin-light);color:var(--rl-print-blue)}
html.rl-print #app .ac-cal th span{display:block;margin-top:6px;font:500 12px/1.3 var(--rl-font);color:var(--rl-print-charcoal);opacity:.75}
html.rl-print #app .ac-cal th.off b,html.rl-print #app .ac-cal th.off span{color:var(--ac-off);opacity:1}
html.rl-print #app .ac-cal th.late span,html.rl-print #app .ac-cal th.sat span{opacity:1;font-weight:700}
html.rl-print #app .ac-cal td{height:auto;padding:18px 0 14px;border-bottom:1px solid var(--rl-print-line-soft);text-align:center;vertical-align:top}
html.rl-print #app .ac-cal td b{position:relative;display:flex;align-items:center;justify-content:center;height:58px;font:300 40px/1 var(--rl-font-latin-light);letter-spacing:-.02em;color:var(--rl-print-charcoal)}
html.rl-print #app .ac-cal td span{display:block;height:16px;margin-top:6px;font:500 11.5px/16px var(--rl-font);color:var(--rl-print-charcoal);opacity:.7}
html.rl-print #app .ac-cal td.off b{color:var(--ac-off)}
html.rl-print #app .ac-cal td.late b{font-weight:400;color:#173652}
html.rl-print #app .ac-cal td.sat b{color:#5d7186}
html.rl-print #app .ac-cal td.extra span{color:var(--ac-off);opacity:1;font-weight:700}
html.rl-print #app .ac-cal td.extra b:after{content:"";position:absolute;left:50%;top:50%;width:56px;height:56px;border:1.5px solid var(--ac-off);border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box}
html.rl-print #app .ac-cal td.next b{color:#c3ccd6}
html.rl-print #app .ac-cal td.next span{opacity:.55}
html.rl-print #app .ac-cal-legend{display:flex;flex-wrap:wrap;gap:8px 28px;margin:18px 0 0;font:600 14px/1.5 var(--rl-font);color:var(--rl-print-charcoal)}
html.rl-print #app .ac-cal-legend .off{color:var(--ac-off)}

/* 공지 목록 */
html.rl-print #app .ac-nlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--rl-print-line)}
html.rl-print #app .ac-nlist>li{border-bottom:1px solid var(--rl-print-line-soft)}
html.rl-print #app .ac-ncard{display:grid;grid-template-columns:150px minmax(0,1fr) 40px;gap:24px;align-items:center;padding:24px 0 24px 16px;text-decoration:none;color:inherit}
html.rl-print #app .ac-ndate{font:300 15px/1.4 var(--rl-font-latin-light),var(--rl-font);color:var(--rl-print-blue);font-variant-numeric:tabular-nums}
html.rl-print #app .is-pinned .ac-ndate{font:600 13px/1.4 var(--rl-font)}
html.rl-print #app .ac-nbody{display:grid;gap:5px;min-width:0}
html.rl-print #app .ac-ntag{font:500 12.5px/1.5 var(--rl-font);color:var(--rl-print-blue)}
html.rl-print #app .ac-nnew{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--ac-off);color:#fff;font:600 11px/1.6 var(--rl-font);font-style:normal;vertical-align:1px}
html.rl-print #app .ac-nbody b{font:700 20px/1.45 var(--rl-font-serif);letter-spacing:-.02em;color:var(--rl-print-blue)}
html.rl-print #app .ac-ncard:hover .ac-nbody b{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
html.rl-print #app .ac-nsum{font-size:14.5px;line-height:1.7;color:var(--rl-print-charcoal)}
html.rl-print #app .is-pinned{background:linear-gradient(90deg,#e6eef580,transparent 70%)}
html.rl-print #app .rl-story-note a{color:var(--rl-print-blue)}

/* 알약 링크 — 첫 화면 공지 띠, 진료시간·오시는 길의 지도 바로가기 */
html.rl-print #app .rl-pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px 0 5px;border-radius:999px;background:#ffffffeb;color:var(--rl-print-blue,#0662d9);font:500 14px/1 var(--rl-font);letter-spacing:-.01em;text-decoration:none;box-shadow:0 6px 18px rgba(10,42,76,.16);transition:background-color .3s,color .3s}
html.rl-print #app .rl-pill b{padding:7px 11px;border-radius:999px;background:var(--rl-print-blue,#0662d9);color:#fff;font-size:12.5px;font-weight:600}
html.rl-print #app .rl-pill i{font-style:normal;font-size:14px}
html.rl-print #app .rl-pill:hover{background:var(--rl-print-blue,#0662d9);color:#fff}
html.rl-print #app .rl-pill:hover b{background:#fff;color:var(--rl-print-blue,#0662d9)}
html.rl-print #app .rl-pill:focus-visible{outline:2px solid var(--rl-print-blue,#0662d9);outline-offset:3px}
html.rl-print #app .rl-hero-notice{margin:0 0 18px}
html.rl-print #app .rl-story-cover>.rl-cover-pill{grid-column:2;grid-row:1;justify-self:start;margin:0 0 30px;box-shadow:0 4px 14px rgba(10,42,76,.10),0 0 0 1px rgba(6,98,217,.16)}

@media (max-width:1100px){
  html.rl-print #app .rl-story-cover>.rl-cover-pill{grid-column:1;margin:0 0 22px}
  html.rl-print #app .ac-callout{grid-column:1;grid-row:auto;order:6}
}
@media (max-width:700px){
  html.rl-print #app .ac-callout b{font-size:21px}
  html.rl-print #app .ac-cal th{padding:12px 0 10px}
  html.rl-print #app .ac-cal th b{font-size:16px}
  html.rl-print #app .ac-cal th span{font-size:9.5px;letter-spacing:-.04em}
  html.rl-print #app .ac-cal td{padding:12px 0 10px}
  html.rl-print #app .ac-cal td b{height:38px;font-size:24px}
  html.rl-print #app .ac-cal td span{height:14px;margin-top:4px;font-size:10px;line-height:14px;letter-spacing:-.03em}
  html.rl-print #app .ac-cal td.extra b:after{width:36px;height:36px}
  html.rl-print #app .ac-cal-legend{gap:6px 16px;font-size:13px}
  html.rl-print #app .ac-ncard{grid-template-columns:minmax(0,1fr);gap:6px;padding:20px 0 20px 12px}
  html.rl-print #app .ac-ncard .ac-tarrow{display:none}
  html.rl-print #app .ac-nbody b{font-size:18px}
  html.rl-print #app .rl-pill{height:36px;font-size:13px;gap:8px}
}

@media (max-width:1100px){html.rl-print #app .rl-ch-body.ac-wide{grid-column:1}html.rl-print #app .ac-meta{grid-column:1;grid-row:auto;order:5;margin-top:24px}}