.clinical-layout { --care-mint:#edf5f0; --care-line:#d6e5dc; --care-green:#163b35; }
.clinical-layout .clinical-icon { width:38px; height:38px; flex:none; color:#357a69; }
.clinical-layout .clinical-kicker { display:block; color:#467b6c; font-size:15px; letter-spacing:.025em; font-weight:650; margin-bottom:12px; }
.clinical-layout .clinical-heading h2,.clinical-layout .clinical-section-intro h2 { font-size:clamp(30px,3vw,40px); white-space:pre-line; margin:0 0 20px; line-height:1.45; }
.clinical-layout .clinical-heading { margin-bottom:32px; }
.clinical-layout .clinical-section-intro { margin:64px 0 36px; }.clinical-layout .clinical-section-intro:first-child { margin-top:0; }
.clinical-layout .clinical-sign-grid { list-style:none;padding:0;margin:0 0 64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.clinical-layout .clinical-sign-grid li { padding:26px 22px;background:var(--care-mint);border:1px solid var(--care-line);border-radius:14px;display:flex;align-items:flex-start;gap:16px;font-size:20px;line-height:1.6;color:var(--care-green);font-weight:600; }
.clinical-layout .clinical-sign-grid .clinical-icon { width:30px;height:30px;margin-top:2px; }
.clinical-layout .clinical-treatment { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding:40px 0;border-top:1px solid var(--care-line);scroll-margin-top:30px; }
.clinical-layout .clinical-treatment-head>.clinical-icon { margin-bottom:18px; }
.clinical-layout .clinical-treatment h2 { font-size:29px;margin:0 0 18px; }
.clinical-layout .clinical-summary { font-size:20px;color:#3b5950;margin:0;line-height:1.7;max-width:450px; }
.clinical-layout .clinical-treatment dl { margin:0; }
.clinical-layout .clinical-treatment dl>div { padding:12px 0 16px;display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px; }
.clinical-layout .clinical-treatment dt { font-size:16px;font-weight:650;color:#467b6c; }
.clinical-layout .clinical-treatment dd { margin:0;font-size:19px;line-height:1.75;color:#23483f; }
.clinical-layout .clinical-detail { margin-top:18px;border-top:1px solid var(--care-line);font-size:17px; }
.clinical-layout .clinical-detail summary { padding:16px 0;color:#376f5f;font-weight:600;cursor:pointer; }
.clinical-layout .clinical-detail>div { background:#f6f9f7;border-radius:12px;padding:20px;margin-bottom:8px;line-height:1.85; }
.clinical-layout .clinical-detail p:last-child { margin-bottom:0; }
.clinical-layout .clinical-preparing { display:flex;align-items:flex-start;gap:22px;padding:30px;background:var(--care-mint);border-radius:16px;margin:22px 0; }
.clinical-layout .clinical-preparing h2 { margin:0 0 14px;font-size:27px; }
.clinical-layout .clinical-preparing p { font-size:18px;margin:0; }
.clinical-layout .clinical-aftercare { padding-top:44px;border-top:1px solid var(--care-line);margin-top:20px; }
.clinical-layout .clinical-checks { padding:0;list-style:none;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 32px; }
.clinical-layout .clinical-checks li { display:flex;align-items:flex-start;gap:14px;font-size:19px;line-height:1.75; }
.clinical-layout .clinical-checks .clinical-icon { width:25px;height:25px;margin-top:4px; }
.clinical-layout .clinical-urgent { display:flex;gap:22px;background:#f4f2eb;border-left:3px solid #a78c4f;padding:28px;margin:34px 0; }
.clinical-layout .clinical-urgent>.clinical-icon { color:#957b45; }
.clinical-layout .clinical-urgent h2 { font-size:24px;margin:0 0 12px; }
.clinical-layout .clinical-urgent p { margin:0;font-size:18px; }
.clinical-layout .clinical-urgent .plain-list { background:transparent;margin:0;padding:0 0 0 20px;font-size:18px;border-radius:0; }
.clinical-layout .clinical-caveat { border-top:1px solid var(--care-line);margin:48px 0 0;padding-top:24px;color:#61716a; }
.clinical-layout .clinical-caveat h2 { font-size:17px;margin:0 0 10px;color:#61716a; }
.clinical-layout .clinical-caveat p { font-size:16px;line-height:1.85;margin:0; }
.clinical-layout .clinical-line-options { display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px; }
.clinical-layout .clinical-line-options .clinical-treatment { display:block;border:1px solid var(--care-line);border-radius:16px;padding:30px; }
.clinical-layout .clinical-line-options .clinical-treatment-content { margin-top:24px; }
.clinical-layout .clinical-line-options .clinical-treatment dl>div { display:block; }
.clinical-layout .clinical-line-options .clinical-treatment dt { margin-bottom:7px; }
@media(max-width:800px) { .clinical-layout .clinical-sign-grid { grid-template-columns:1fr 1fr; }.clinical-layout .clinical-treatment { grid-template-columns:1fr;gap:24px; }.clinical-layout .clinical-line-options,.clinical-layout .clinical-checks { grid-template-columns:1fr; } }
@media(max-width:480px) { .clinical-layout .clinical-sign-grid { grid-template-columns:1fr; }.clinical-layout .clinical-urgent,.clinical-layout .clinical-preparing { padding:22px;gap:15px; } }

/* 모바일 진료 안내: 증상은 짧은 행, 검사·치료는 구분된 설명으로 읽습니다. */
@media (max-width:800px) {
  .clinical-layout .clinical-heading { margin-bottom:24px; }
  .clinical-layout .clinical-heading h2,
  .clinical-layout .clinical-section-intro h2 { font-size:28px; line-height:1.4; margin-bottom:16px; }
  .clinical-layout .clinical-section-intro { margin:36px 0 24px; }
  .clinical-layout .clinical-sign-grid { grid-template-columns:1fr; gap:10px; margin-bottom:36px; }
  .clinical-layout .clinical-sign-grid li { padding:18px; align-items:center; gap:14px; font-size:19px; line-height:1.55; }
  .clinical-layout .clinical-sign-grid .clinical-icon { width:28px; height:28px; margin-top:0; }
  .clinical-layout .clinical-treatment { gap:20px; padding:30px 0; scroll-margin-top:90px; }
  .clinical-layout .clinical-treatment-head >.clinical-icon { width:32px; height:32px; margin-bottom:14px; }
  .clinical-layout .clinical-treatment h2 { font-size:26px; margin-bottom:12px; }
  .clinical-layout .clinical-summary { font-size:19px; line-height:1.7; }
  .clinical-layout .clinical-treatment dl { border-radius:14px; background:#f2f7f4; padding:6px 18px; }
  .clinical-layout .clinical-treatment dl>div { display:block; padding:14px 0; border-bottom:1px solid var(--care-line); }
  .clinical-layout .clinical-treatment dl>div:last-child { border:0; }
  .clinical-layout .clinical-treatment dt { font-size:16px; margin-bottom:6px; }
  .clinical-layout .clinical-treatment dd { font-size:18px; line-height:1.7; }
  .clinical-layout .clinical-detail { margin-top:16px; font-size:18px; }
  .clinical-layout .clinical-detail summary { min-height:48px; box-sizing:border-box; padding:14px 0; line-height:1.55; }
  .clinical-layout .clinical-detail>div { padding:18px; line-height:1.75; }
  .clinical-layout .clinical-preparing,
  .clinical-layout .clinical-urgent { display:block; padding:22px; margin:24px 0; }
  .clinical-layout .clinical-preparing>.clinical-icon,
  .clinical-layout .clinical-urgent>.clinical-icon { width:30px; height:30px; margin-bottom:14px; }
  .clinical-layout .clinical-preparing h2 { font-size:25px; }
  .clinical-layout .clinical-urgent h2 { font-size:23px; }
  .clinical-layout .clinical-aftercare { padding-top:30px; margin-top:12px; }
  .clinical-layout .clinical-checks { gap:0; }
  .clinical-layout .clinical-checks li { padding:16px 0; border-bottom:1px solid var(--care-line); font-size:18px; }
  .clinical-layout .clinical-checks li:last-child { border-bottom:0; }
  .clinical-layout .clinical-caveat { margin-top:32px; padding-top:20px; }
  .clinical-layout .clinical-caveat p { font-size:17px; line-height:1.75; }
  .clinical-layout .clinical-line-options { gap:20px; }
  .clinical-layout .clinical-line-options .clinical-treatment { padding:22px; }
  .clinical-layout .clinical-line-options .clinical-treatment-content { margin-top:20px; }
}
