/* ══════════════════════════════════════════════════════════════════
   올림픽파크365의원 — 브랜드 오버라이드 레이어
   원칙: 토스(TDS) 디자인 시스템 그대로 두고, adaptive 토큰만 병원 값으로 덮는다.
   vendor/*.css 원본 불변 · 이 파일을 마지막에 로드해 우선순위 확보.
   PDF 공식값: 강조 #1d5b9b · 포인트 #bf4848 · 본문 #383838 · 따뜻한 베이지 베이스.
   ══════════════════════════════════════════════════════════════════ */

/* ══ 라이트 고정 (버킷06) — OS 다크 무력화 ═══════════════════════════════
   vendor/style.css 의 @media(prefers-color-scheme:dark) 는 data-theme 와 무관하게
   OS 가 다크면 전 토큰을 덮는다. html 은 항상 data-theme="light" 이므로, 더 높은
   특정성 :root[data-theme=light] 로 vendor 라이트 토큰 전체를 재확정해 OS 다크에서도
   라이트로 못박는다. 이 블록은 아래 병원 오버라이드보다 먼저 와야 병원 블루가 이긴다. */
:root[data-theme="light"] {
  --adaptiveOpacity50:rgba(0,23,51,0.02);--adaptiveOpacity100:rgba(2,32,71,0.05);--adaptiveOpacity200:rgba(0,27,55,0.1);--adaptiveOpacity300:rgba(0,29,58,0.18);--adaptiveOpacity400:rgba(0,25,54,0.31);--adaptiveOpacity500:rgba(3,24,50,0.46);--adaptiveOpacity600:rgba(0,19,43,0.58);--adaptiveOpacity700:rgba(3,18,40,0.7);--adaptiveOpacity800:rgba(0,12,30,0.8);--adaptiveOpacity900:rgba(2,9,19,0.91);--adaptiveDisabledBlue500:#c9e2ff;--adaptiveBackground:#ffffff;--adaptiveLayeredBackground:#ffffff;--adaptiveFloatBackground:#ffffff;--adaptiveDimmedBackground:rgba(0,0,0,0.2);--adaptiveHairlineBorder:#e5e8eb;--adaptiveGreyBackground:#f2f4f6;--adaptivePcScreenBg:#f6f7f9;--adaptiveGrey50:#f9fafb;--adaptiveGrey100:#f2f4f6;--adaptiveGrey200:#e5e8eb;--adaptiveGrey300:#d1d6db;--adaptiveGrey400:#b0b8c1;--adaptiveGrey500:#8b95a1;--adaptiveGrey600:#6b7684;--adaptiveGrey700:#4e5968;--adaptiveGrey800:#333d4b;--adaptiveGrey900:#191f28;--adaptiveGreyOpacity50:rgba(0,23,51,0.02);--adaptiveGreyOpacity100:rgba(2,32,71,0.05);--adaptiveGreyOpacity200:rgba(0,27,55,0.1);--adaptiveGreyOpacity300:rgba(0,29,58,0.18);--adaptiveGreyOpacity400:rgba(0,25,54,0.31);--adaptiveGreyOpacity500:rgba(3,24,50,0.46);--adaptiveGreyOpacity600:rgba(0,19,43,0.58);--adaptiveGreyOpacity700:rgba(3,18,40,0.7);--adaptiveGreyOpacity800:rgba(0,12,30,0.8);--adaptiveGreyOpacity900:rgba(2,9,19,0.91);--adaptiveBlue50:#e8f3ff;--adaptiveBlue100:#c9e2ff;--adaptiveBlue200:#90c2ff;--adaptiveBlue300:#64a8ff;--adaptiveBlue400:#4593fc;--adaptiveBlue500:#3182f6;--adaptiveBlue600:#2272eb;--adaptiveBlue700:#1b64da;--adaptiveBlue800:#1957c2;--adaptiveBlue900:#194aa6;--adaptiveRed50:#ffeeee;--adaptiveRed100:#ffd4d6;--adaptiveRed200:#feafb4;--adaptiveRed300:#fb8890;--adaptiveRed400:#f66570;--adaptiveRed500:#f04452;--adaptiveRed600:#e42939;--adaptiveRed700:#d22030;--adaptiveRed800:#bc1b2a;--adaptiveRed900:#a51926;--adaptiveOrange50:#fff3e0;--adaptiveOrange100:#ffe0b0;--adaptiveOrange200:#ffcd80;--adaptiveOrange300:#ffbd51;--adaptiveOrange400:#ffa927;--adaptiveOrange500:#fe9800;--adaptiveOrange600:#fb8800;--adaptiveOrange700:#f57800;--adaptiveOrange800:#ed6700;--adaptiveOrange900:#e45600;--adaptiveYellow50:#fff9e7;--adaptiveYellow100:#ffefbf;--adaptiveYellow200:#ffe69b;--adaptiveYellow300:#ffdd78;--adaptiveYellow400:#ffd158;--adaptiveYellow500:#ffc342;--adaptiveYellow600:#ffb331;--adaptiveYellow700:#faa131;--adaptiveYellow800:#ee8f11;--adaptiveYellow900:#dd7d02;--adaptiveGreen50:#f0faf6;--adaptiveGreen100:#aeefd5;--adaptiveGreen200:#76e4b8;--adaptiveGreen300:#3fd599;--adaptiveGreen400:#15c47e;--adaptiveGreen500:#03b26c;--adaptiveGreen600:#02a262;--adaptiveGreen700:#029359;--adaptiveGreen800:#028450;--adaptiveGreen900:#027648;--adaptiveTeal50:#edf8f8;--adaptiveTeal100:#bce9e9;--adaptiveTeal200:#89d8d8;--adaptiveTeal300:#58c7c7;--adaptiveTeal400:#30b6b6;--adaptiveTeal500:#18a5a5;--adaptiveTeal600:#109595;--adaptiveTeal700:#0c8585;--adaptiveTeal800:#097575;--adaptiveTeal900:#076565;--adaptivePurple50:#f9f0fc;--adaptivePurple100:#edccf8;--adaptivePurple200:#da9bef;--adaptivePurple300:#c770e4;--adaptivePurple400:#b44bd7;--adaptivePurple500:#a234c7;--adaptivePurple600:#9128b4;--adaptivePurple700:#8222a2;--adaptivePurple800:#73228e;--adaptivePurple900:#65237b;--adaptiveBackgroundDimmed:rgba(0,0,0,0.2);--adaptiveBackgroundLevelB01:#f2f4f6;--adaptiveBackgroundLevel01:#ffffff;--adaptiveBackgroundLevel02:#ffffff;--adaptiveCardBgGrey:rgba(0,23,51,0.02);--adaptiveCardBgWhite:#ffffff;--tHairlineBackground:repeat-x url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'><rect fill='rgba(0, 0, 33, 0.07)' x='0' y='0' width='1' height='0.5'/></svg>");--tGradientToTop:linear-gradient(to top, #ffffff, rgba(255,255,255,0));--tGradientToBottom:linear-gradient(to bottom, #ffffff, rgba(255,255,255,0));--tGradientToRight:linear-gradient(to right, #ffffff, rgba(255,255,255,0));--tGradientToLeft:linear-gradient(to left, #ffffff, rgba(255,255,255,0));--tLayeredGradientToTop:linear-gradient(to top, #ffffff, rgba(255,255,255,0));--tLayeredGradientToBottom:linear-gradient(to bottom, #ffffff, rgba(255,255,255,0));--tRadioIndicatorBackgroundColor:#ffffff;--tToastBackground:rgba(25,31,40,0.54);--tDarkFillButtonBackground:#4e5968;--tPrimaryWeakButtonBackground:#e8f3ff;--tDangerWeakButtonBackground:#ffeeee;--tDarkWeakButtonBackground:#f2f4f6;--tLightWeakButtonBackground:rgba(222,222,255,0.19);--tButtonPressedAfterBackground:transparent;--tPrimaryWeakButtonPressedBackground:rgba(49,130,246,0.26);--tDangerWeakButtonPressedBackground:rgba(244,67,54,0.26);--tDarkWeakButtonPressedBackground:rgba(78,89,104,0.26);--tLightWeakButtonPressedBackground:rgba(255,255,255,0.26);--tBlueBadgeColor:#1b64da;--tBlueBadgeBackground:rgba(49,130,246,0.16);--tTealBadgeColor:#0c8585;--tTealBadgeBackground:rgba(0,129,138,0.16);--tGreenBadgeColor:#029359;--tGreenBadgeBackground:rgba(2,162,98,0.16);--tRedBadgeColor:#d22030;--tRedBadgeBackground:rgba(244,67,54,0.16);--tYellowBadgeColor:#dd7d02;--tYellowBadgeBackground:rgba(255,179,49,0.16);--tElephantBadgeColor:#4e5968;--tElephantBadgeBackground:rgba(78,89,104,0.16);--tSwiperBulletBackground:rgba(232,232,253,0.36);--tListRowDisabledBackground:rgba(253,253,255,0.75);
}

:root,
:root[data-theme="light"] {
  /* 강조 블루 — 토스블루 #3182f6 계열 전체를 병원 블루 #1d5b9b 램프로 */
  --adaptiveBlue900: #123b66;
  --adaptiveBlue800: #164675;
  --adaptiveBlue700: #185084;
  --adaptiveBlue600: #17518a;   /* hover */
  --adaptiveBlue500: #1d5b9b;   /* 링크·버튼·활성 기본 (핵심) */
  --adaptiveBlue400: #3a77b5;
  --adaptiveBlue300: #6a9bcc;
  --adaptiveBlue200: #a6c4e0;
  --adaptiveBlue100: #d3e2f0;
  --adaptiveBlue50:  #eaf2f9;
  --adaptiveDisabledBlue500: #cbdcee;

  /* 포인트 레드 — 응급/강조 */
  --adaptiveRed500: #DA333B;
  --adaptiveRed600: #a83a3a;
  --adaptiveRed400: #cf6767;
  --adaptiveRed50:  #f7eaea;

  /* 본문·텍스트 — PDF #383838 (토스 회색보다 진하게) */
  --adaptiveGrey900: #2a2a2a;
  --adaptiveGrey800: #383838;   /* 본문 기본 */
  --adaptiveGrey700: #4a4a46;
  --adaptiveGrey600: #6e675e;
  --adaptiveGrey500: #938b80;

  /* 배경은 토스 기본(흰/라이트그레이) 유지 — 매체답게 깔끔·고급 (사용자 결정 2026-07-18) */
}

/* 다크 토큰 제거됨 (버킷06 라이트 고정) — 위 라이트락이 OS 다크까지 덮는다. */

/* 본문 폰트 — Toss Product Sans → Pretendard Variable (한글), 이모지/폴백은 TDS 스택 유지 */
html body {
  font-family: "Pretendard Variable", Pretendard, "Toss Product Sans",
    "Tossface", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
    system-ui, Roboto, "Noto Sans KR", sans-serif;
}

/* 영문·숫자 제목 라인은 Space Grotesk 결(브랜드 로고·영문 이빗브로우에 클래스로 부여) */
.brand-eng {
  font-family: "Space Grotesk", "Pretendard Variable", sans-serif;
  letter-spacing: 0.01em;
}


/* ── 라운드 톤 — 병원/의료 느낌으로 덜 둥글게(스타트업 톤 완화) ─────────
 * 벤더 뒤에 로드되므로 !important로 주요 표면만 조정. 값은 조절 여지 있음. */
/* 히어로 이미지 */
.css-1qh0fy8 { border-radius: 8px !important; }
/* 카드 썸네일/이미지 래퍼(최근·큐레이션·시리즈·아티클) */
.css-1yptf13, .css-kr0wkf, .css-1w9r9z0, .recent-m-thumb,
.css-12v6e6j, .css-1vdkj1t { border-radius: 6px !important; }
/* 시리즈·카테고리·추천 카드 컨테이너 */
.css-r4rtc8, .css-1wpqxqz, .css-1pknljr,
.css-1nspner, .css-xsp06e, .css-14dlxpa { border-radius: 8px !important; }
/* 칩·필터·버튼(풀 pill → 살짝 각지게) */
.olpark-chip, .recent-m-more, .olpark-cta-btn { border-radius: 8px !important; }
/* 큐레이션/기타 카드 */
.css-fdyfm, .css-yqx7v5, .css-e2e0oy { border-radius: 8px !important; }
/* 커버 카드(카테고리·코너 상세 상단) — 토스식: 바깥 4모서리 라운드, 가운데 seam 평평.
   외곽 카드(overflow:hidden)에만 라운드를 주면 이미지·패널이 클립돼 바깥 모서리만 둥글고
   둘이 만나는 seam은 평평해진다. 이미지 래퍼는 0으로 둬 seam에 라운드가 안 생기게.
   커버 섹션(css-1prnx26) 안으로 스코프 → 추천 카드(공유 클래스)는 영향 없음. */
.css-1prnx26 .css-1wpqxqz,
.css-1prnx26 .css-r4rtc8 {
  border-radius: 16px !important;
}
.css-1prnx26 .css-14dlxpa,
.css-1prnx26 .css-1nspner {
  border-radius: 0 !important;
}

/* ── 한글 어절 단위 줄바꿈 ─────────────────────────────────────────────
 * CJK는 word-break 기본값/break-word에서 글자 사이를 끊어("신/호") 어색하다.
 * 제목·부제류에 keep-all을 적용해 공백(어절) 단위로만 줄바꿈한다.
 * 벤더 CSS 뒤에 로드되므로 동일 특정성으로 덮어쓴다. */
.css-9ko14k, .css-o36xn6,                 /* 섹션 제목(데스크톱/모바일) */
.css-33zgeb, .css-1duvlg1,                /* 섹션 부제 */
.css-wpbjqh, .css-1v6jydy,                /* 지금 많이 보는(Trending) 제목 */
.css-5avj66, .css-unpxpg,                 /* 큐레이션 데스크톱 제목/부제 */
.css-jilxbk, .css-1tk54de,               /* 큐레이션 모바일 제목/부제 */
.ei1m07y1, .recent-m-title,               /* 최근 발행 카드 제목 */
.css-1haxbqe, .tfHeroTitle, .tfHeroSubtitle, /* 아카이브(Original) 제목 */
.css-747h4j, .css-129097v,                /* 이 주의 이야기(Hero) 제목 */
.css-1jdpqz2, .css-scv7h8 {               /* 이 주의 이야기 부제 */
  word-break: keep-all;
}