/* ══════════════════════════════════════════════════════════
   오브의원 · 부작용 치료 — 페이지 전용
   접두사 se- 만 쓴다. site.css 는 건드리지 않는다(전 페이지 공유).
   톤: 신중·안심. 장식은 있되 크게 웃지 않는다.
   ══════════════════════════════════════════════════════════ */

/* ── 히어로 — 모바일은 세로 컷을 따로 쓴다 ── */
.se-hero__d{display:none}
.se-hero__m{display:block; --phero-pos:50% 40%}
@media (min-width:760px){
  .se-hero__d{display:block; --phero-pos:55% 42%}
  .se-hero__m{display:none}
}

/* ── 02 증상 카드 — 병렬 항목이라 아이콘으로 간다(대표를 크게 두지 않는다) ── */
.se-sym{
  display:grid; gap:.75rem;
  margin-top:clamp(1.9rem, 1.2rem + 2.6vw, 3rem);
}
@media (min-width:640px){.se-sym{grid-template-columns:1fr 1fr; gap:1rem}}
@media (min-width:1000px){.se-sym{grid-template-columns:repeat(4,1fr)}}
.se-sym li{
  display:flex; flex-direction:column; gap:.4rem;
  padding:clamp(1.2rem, 1rem + 1vw, 1.6rem);
  background:#fff; border:1px solid var(--line); border-radius:var(--r-card);
}
.se-sym b{color:var(--ink); font-size:var(--f-body); margin-top:.35rem; line-height:1.5}
.se-sym span{font-size:var(--f-sub); color:var(--muted); line-height:1.65}

/* ── 03 시기 타임라인 — 반쪽 칸 안에 들어가므로 2열로 벌리지 않는다 ── */
@media (min-width:860px){
  .se-tl{
    grid-template-columns:1fr; column-gap:0;
    border-left:1px solid var(--line); padding-left:1.4rem;
  }
  .se-tl .tl__i{padding-left:0; border-left:0}
  .se-tl .tl__i::before{left:calc(-1.4rem - 5px)}
}
.se-tl .tl__y{color:var(--accent); font-family:var(--serif); font-weight:700; font-size:var(--f-sub); letter-spacing:.04em}

/* ── 04 상담 사진 ── */
.se-fig img{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:var(--r-card)}

/* ── 07 먼저 알아 두실 것 ── */
.se-notes{
  display:grid; gap:.75rem;
  margin-top:clamp(1.9rem, 1.2rem + 2.6vw, 3rem);
}
@media (min-width:860px){.se-notes{grid-template-columns:1fr 1fr; gap:1rem}}
.se-notes li{
  display:grid; grid-template-columns:auto 1fr; column-gap:1rem; row-gap:.35rem;
  padding:clamp(1.2rem, 1rem + 1vw, 1.7rem);
  background:var(--soft); border:1px solid var(--line); border-radius:var(--r-card);
}
.se-notes__n{
  grid-row:span 2; align-self:start;
  display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; height:26px; padding-inline:.4rem;
  font-family:var(--serif); font-size:var(--f-sub); font-weight:700;
  color:var(--accent); letter-spacing:.08em;
  border:1px solid var(--line); border-radius:var(--r-pill); background:#fff;
}
.se-notes b{color:var(--ink); font-size:var(--f-body); line-height:1.5}
.se-notes span:last-child{grid-column:2; font-size:var(--f-sub); color:var(--muted); line-height:1.65}

/* ── 09 마무리 ── */
.se-next{margin-top:clamp(1.9rem, 1.2rem + 2.6vw, 3rem)}
@media (min-width:900px){.se-next{align-items:start}}