.preview-ribbon { background: #fff2bd; color: #463d24; text-align: center; padding: 6px 12px; font-size: 12px; font-weight: 700; line-height: 1.45; }
.preview-ribbon a, .preview-caution a { color: #126296; text-decoration: underline; }
.mobile-preview-stage { display: none; }
.preview-detail { max-width: 720px; margin: 28px auto; padding: 0 20px 50px; }
.preview-detail h1 { color: #326c94; font-size: 26px; }
.preview-detail article { background: white; border: 2px solid #e2eaf0; border-radius: 20px; padding: 22px; margin: 20px 0; scroll-margin-top: 150px; }
.preview-detail article time { font-size: 13px; color: #667987; }
.preview-detail article h2 { margin: 6px 0; font-size: 20px; }
.preview-detail article p { margin: 8px 0 0; }
.preview-back { display: inline-block; color: #126296; text-decoration: underline; }
.preview-caution { font-size: 13px; margin-top: 26px; }
@media (max-width: 600px) {
  .firstvisit-stage { display: none; }
  .mobile-preview-stage { display: block; height: 234px; margin-bottom: 16px; border-radius: 18px; overflow: hidden; position: relative; box-shadow: 4px 4px 0 #c5dce4; }
  .preview-slides, .preview-slide { height: 100%; }
  .preview-slide { display: none; box-sizing: border-box; position: relative; padding: 16px 18px 42px; overflow: hidden; flex-direction: column; align-items: flex-start; }
  .preview-slide.is-active { display: flex; }
  .slide-news { background: linear-gradient(135deg,#eaf6ff,#cce8fa); color: #214c6b; }
  .slide-holiday { background: linear-gradient(135deg,#fff6e9,#f8dfcb); color: #6b4831; }
  .slide-firstvisit { background: linear-gradient(125deg,#e5f5e3,#bce0c5); color: #225a3b; }
  .preview-kicker { font-size: 12px; font-weight: 700; letter-spacing: .04em; }
  .preview-kicker span { background: #fff; padding: 2px 8px; border-radius: 20px; margin-left: 4px; }
  .preview-slide h2 { font-size: 22px; line-height: 1.3; margin: 5px 0 9px; }
  .preview-slide p { font-size: 13px; margin: 2px 0 0; max-width: 72%; line-height: 1.4; }
  .preview-news-rows { width: 100%; display: grid; gap: 4px; }
  .preview-news-rows a { display: flex; align-items: center; gap: 7px; background: rgba(255,255,255,.82); border-radius: 9px; padding: 5px 9px; min-height: 30px; box-sizing: border-box; }
  .preview-news-rows small { font-size: 10px; color: #51718a; white-space: nowrap; }
  .preview-news-rows strong { font-size: 12px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; }
  .preview-news-rows a span { color: #326c94; font-size: 20px; line-height: 1; }
  .preview-cta { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; background: #fff; color: #24567a; border-radius: 99px; padding: 5px 12px; font-size: 12px; font-weight: 700; min-height: 29px; box-sizing: border-box; box-shadow: 0 2px 5px #0001; position: relative; z-index: 2; }
  .slide-holiday .preview-cta { color: #80542f; }
  .slide-firstvisit .preview-cta { color: #206345; }
  .preview-nurse { position: absolute; height: 140px; width: auto; right: 7px; bottom: 29px; pointer-events: none; }
  .slide-photo { padding: 0; }
  .slide-photo img { width: 100%; height: 100%; object-fit: cover; }
  .slide-photo span { position: absolute; left: 15px; bottom: 45px; background: #132c28be; color: white; padding: 3px 12px; border-radius: 99px; font-size: 12px; }
  .preview-controls { position: absolute; bottom: 0; left: 0; right: 0; height: 34px; display: flex; justify-content: center; align-items: center; gap: 18px; background: #ffffffd9; color: #234b64; font-size: 11px; font-weight: 700; z-index: 3; }
  .preview-controls button { background: transparent; color: inherit; border: 0; font-size: 25px; line-height: 28px; min-width: 38px; cursor: pointer; }
  .preview-controls button:focus-visible, .preview-cta:focus-visible, .preview-news-rows a:focus-visible { outline: 2px solid #194b79; outline-offset: 2px; }
}