/* OncoBook website — colours and font from OncoBook_Brand_Guidelines.pdf (same as src/theme.js). */
/* Font: Noto Sans (changed from Nunito on 6 Oct 2026 at Rajeev's request), self-hosted in /fonts/ (the
   CSP allows fonts from our own address only). Hindi and Kannada letters use Noto Sans Devanagari /
   Noto Sans Kannada; "unicode-range" means those files download only when such letters are on the page. */
@font-face { font-family: "Noto Sans"; src: url(/fonts/NotoSans_400Regular.woff2) format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: "Noto Sans"; src: url(/fonts/NotoSans_700Bold.woff2) format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: "Noto Sans"; src: url(/fonts/NotoSans_800ExtraBold.woff2) format('woff2'); font-weight: 800; font-display: swap; }
@font-face { font-family: "Noto Sans Devanagari"; src: url(/fonts/NotoSansDevanagari_400Regular.woff2) format('woff2'); font-weight: 400; font-display: swap; unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+25CC, U+A8E0-A8FF; }
@font-face { font-family: "Noto Sans Devanagari"; src: url(/fonts/NotoSansDevanagari_700Bold.woff2) format('woff2'); font-weight: 700 800; font-display: swap; unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+25CC, U+A8E0-A8FF; }
@font-face { font-family: "Noto Sans Kannada"; src: url(/fonts/NotoSansKannada_400Regular.woff2) format('woff2'); font-weight: 400; font-display: swap; unicode-range: U+0C80-0CFF, U+0964-0965, U+1CD0-1CF9, U+200C-200D, U+25CC; }
@font-face { font-family: "Noto Sans Kannada"; src: url(/fonts/NotoSansKannada_700Bold.woff2) format('woff2'); font-weight: 700 800; font-display: swap; unicode-range: U+0C80-0CFF, U+0964-0965, U+1CD0-1CF9, U+200C-200D, U+25CC; }

:root {
  --coral: #F2694D; --coral-light: #FF9B7A; --teal: #0E7C7B; --navy: #264653;
  --sand: #F4A261; --peach: #FDE4D6; --cream: #FFF7F2; --grey: #8A7968; --white: #fff;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--cream); color: var(--navy);
  font: 400 17px/1.6 "Noto Sans", "Noto Sans Devanagari", "Noto Sans Kannada", "Segoe UI", system-ui, sans-serif;
}
a { color: var(--teal); }
.wrap { max-width: 720px; margin: 0 auto; padding: 24px 16px 48px; }
header.site { display: flex; align-items: center; gap: 10px; padding: 16px; max-width: 720px; margin: 0 auto; }
header.site img { width: 44px; height: auto; }
header.site a { text-decoration: none; font-weight: 800; font-size: 22px; }
.onco { color: var(--coral); } .book { color: var(--navy); }

.hero { text-align: center; padding: 40px 0 8px; }
.hero img { width: 180px; height: auto; }
.hero h1 { font-size: 44px; line-height: 1.1; margin: 12px 0 4px; font-weight: 800; }
.tag { letter-spacing: .25em; color: var(--grey); font-size: 13px; font-weight: 700; text-transform: uppercase; }
.lead { font-size: 19px; max-width: 34em; margin: 20px auto; }
.soon {
  display: inline-block; background: var(--peach); color: var(--navy); border-radius: 999px;
  padding: 6px 14px; font-weight: 700; font-size: 14px;
}
.btn {
  display: inline-block; background: var(--coral); color: var(--white); text-decoration: none;
  font-weight: 700; border-radius: 999px; padding: 14px 28px; margin: 20px 0 6px;
}
.btn:hover, .btn:focus-visible { background: #d9573d; }
.small { font-size: 14px; color: var(--grey); }

.cards { display: grid; gap: 14px; margin-top: 36px; }
@media (min-width: 640px) { .cards { grid-template-columns: repeat(3, 1fr); } }
.card { background: var(--white); border: 1px solid #F1D9CC; border-radius: 14px; padding: 18px; }
.card h3 { margin: 0 0 6px; font-size: 17px; }
.card p { margin: 0; font-size: 15px; }

article h1 { font-size: 32px; line-height: 1.2; font-weight: 800; }
article h2 { font-size: 21px; margin-top: 32px; }
.note { background: #FFF4E0; border-radius: 10px; padding: 12px 14px; font-size: 15px; color: #7A5A1E; }

footer.site { border-top: 1px solid #F1D9CC; margin-top: 40px; padding-top: 16px; font-size: 14px; color: var(--grey); }
footer.site a { margin-right: 14px; }

/* Overall rating of OncoBook's video consultations (filled in daily from GET /v1/ratings/summary). */
.rating { margin: 14px 0 0; font-size: 16px; font-weight: 700; color: #0B6E6D; }
.rating .stars { color: #B83D24; letter-spacing: 2px; }