/* Owner, 2026-10-21: TikTok-inspired dark / Facebook-inspired light, site-wide.
   Original video pixels, overlays, brand artwork and medical warning semantics stay intact. */
@font-face {font-family:"Noto Sans Ethiopic";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-ethiopic.woff2) format("woff2");unicode-range:U+030E,U+1200-1399,U+2D80-2DDE,U+AB01-AB2E,U+1E7E0-1E7FE}
html[data-site-theme] {
  --hk-bg:#f0f2f5; --hk-surface:#fff; --hk-raised:#fff; --hk-input:#f0f2f5;
  --hk-text:#1c1e21; --hk-muted:#606770; --hk-border:#d8dadf;
  --hk-accent:#0866ff; --hk-action:#0866ff; --hk-on-action:#fff; --hk-selected:#e7f3ff;
  --hk-danger:#a51d2d; --hk-danger-bg:#fff0f1;
  --hk-radius:10px; --hk-shadow:0 1px 2px #00000012,0 2px 8px #00000005;
  --hk-font:"Noto Sans Ethiopic",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --paper:var(--hk-bg); --ink:var(--hk-text); --muted:var(--hk-muted); --rule:var(--hk-border);
  --t1:var(--hk-accent); --t2:var(--hk-accent); --danger-bg:var(--hk-danger-bg); --danger-ink:var(--hk-danger);
  --body:var(--hk-font); --display:var(--hk-font); --latin:var(--hk-font); --ui:var(--hk-font);
  background:var(--hk-bg); color:var(--hk-text); accent-color:var(--hk-accent);
}
html[data-site-theme="dark"] {
  --hk-bg:#121212; --hk-surface:#1b1b1b; --hk-raised:#252525; --hk-input:#2b2b2b;
  --hk-text:#f5f5f5; --hk-muted:#b0b0b0; --hk-border:#383838;
  --hk-accent:#ff617f; --hk-action:#d91b42; --hk-selected:#352027;
  --hk-danger:#ffb3bb; --hk-danger-bg:#352025; --hk-radius:8px; --hk-shadow:none;
}
html[data-site-theme] body {
  background:var(--hk-bg); color:var(--hk-text); font-family:var(--hk-font);
  --ink:var(--hk-text); --muted:var(--hk-muted); --t1:var(--hk-accent);
}
html[data-site-theme] :is(h1,h2,h3,h4,.en,.brand,.left .brand,.ap,.cap h2,.cd h3,.right .rh h2,.sheetx h3) {font-family:var(--hk-font)}
html[data-site-theme] :is(h1,h2,h3,h4) {letter-spacing:-.015em}
html[data-site-theme] :is(.directory-title,.search-hero h1,.article-title) {font-size:36px;line-height:1.35;font-weight:750}
html[data-site-theme] :is(.sec-h h2,.section-heading h2) {font-size:28px;line-height:1.4;font-weight:750}
html[data-site-theme] :is(button,input,textarea,select) {font-family:var(--hk-font)}
html[data-site-theme] :focus-visible {outline:3px solid var(--hk-accent);outline-offset:3px}
html[data-site-theme] :is(input,textarea)::placeholder {color:var(--hk-muted);opacity:1}
html[data-site-theme] :is(.right .compose input,.ap-ask input,.left .lsb input,.sb input)::placeholder {color:var(--hk-muted);opacity:1}
html[data-site-theme] :is(header.mast,.ap-return) {background:var(--hk-surface);color:var(--hk-text);border-bottom:1px solid var(--hk-border);box-shadow:var(--hk-shadow)}
html[data-site-theme] header.mast {padding:16px 0}
html[data-site-theme] header.mast .wrap {flex-wrap:wrap;gap:16px}
html[data-site-theme] :is(nav.main a,.ap-return a) {border-radius:8px;padding:8px 10px}
html[data-site-theme] :is(nav.main a:hover,.ap-return a:hover) {background:var(--hk-input);color:var(--hk-text)}
html[data-site-theme] :is(nav.main a[aria-current="page"],.ap-return .ap-back) {color:var(--hk-accent)}
html[data-site-theme] :is(.notice,.ap-return small,.en,.lede-en,.fine,.vmeta,.video-details) {color:var(--hk-muted)}
html[data-site-theme] .ap-return-inner {flex-wrap:wrap;gap:8px 14px}
/* Feed chrome, sheets and discussion: video overlays remain white over video. */
html[data-site-theme] :is(.left,.right,.sheet,.compose,.page,.tabs,.ap-tabs) {background:var(--hk-surface);color:var(--hk-text);border-color:var(--hk-border)}
html[data-site-theme] .left {border-right:1px solid var(--hk-border);padding-top:24px}
html[data-site-theme] .right {border:1px solid var(--hk-border);border-radius:var(--hk-radius);box-shadow:var(--hk-shadow);color-scheme:inherit}
html[data-site-theme] :is(.right .rh,.sheet .h) {padding-top:20px;padding-bottom:16px}
html[data-site-theme] :is(.right .rh h2,.cap h2) {font-weight:750;line-height:1.45}
html[data-site-theme] :is(.left .lsb,.sb,.compose input,.ap-ask .row input,.arrows button,.chips span,.sheetx li i) {background:var(--hk-input);color:var(--hk-text);border-radius:var(--hk-radius)}
html[data-site-theme] :is(.left .lsb,.sb,.compose input,.ap-ask .row input) {border-radius:24px}
html[data-site-theme] :is(.left .lsb input,.sb input,.compose .nm,.ap-ask input) {color:var(--hk-text)}
html[data-site-theme] :is(.left button.nv,.left .tp,.doctor-link) {color:var(--hk-text)}
html[data-site-theme] :is(.left button.nv:hover,.left .tp:hover,.doctor-link:hover,.arrows button:hover) {background:var(--hk-input)}
html[data-site-theme] :is(.left button.nv.on,.chips .on) {background:var(--hk-selected);color:var(--hk-accent)}
html[data-site-theme] :is(.right .rh .rv,.right .who.hk,.who.hk,.compose button,#search-cancel) {color:var(--hk-accent)}
html[data-site-theme] :is(.left h4,.left .ft,.right .rh .en,.right .who,.who,.seg button,.more-links,.empty,#saved .sub,#saved h2,.instcard small,.doctor-link small,#search-clear,#hk-result-status) {color:var(--hk-muted)}
html[data-site-theme] :is(.seg,.compose,.compose .nm,.sheetx li) {border-color:var(--hk-border)!important}
html[data-site-theme] .seg button {padding:14px 0}
html[data-site-theme] .seg button.on {color:var(--hk-accent);border-color:var(--hk-accent)}
html[data-site-theme] :is(.av,.ap-av) {background:var(--hk-input);color:var(--hk-muted)}
html[data-site-theme] :is(.cd,.tl a,.instcard,#search-reminder) {background:var(--hk-raised);color:var(--hk-text);border:1px solid var(--hk-border);border-radius:var(--hk-radius);box-shadow:var(--hk-shadow);padding:16px}
html[data-site-theme] :is(.cd.dg h3,.left button.nv.red) {color:var(--hk-danger)}
html[data-site-theme] #search-reminder strong {color:var(--hk-text)}
html[data-site-theme] #search-reminder span {color:var(--hk-muted)}
html[data-site-theme] :is(.full,.sheetx .ok,.instcard .btn,#search-submit) {background:var(--hk-action);color:var(--hk-on-action);border-radius:var(--hk-radius);border:0;font-weight:700}
html[data-site-theme] :is(.sheetx li svg) {stroke:currentColor}
html[data-site-theme] .rail .interest [aria-pressed="true"] {color:#ff617f}
html[data-site-theme="light"] .rail .interest [aria-pressed="true"] {color:#69aaff}
html[data-site-theme] :is(.rail button.sv svg.on,.ap-sv.on svg,.g a .bk svg.on,.unsv svg) {fill:var(--hk-accent);stroke:var(--hk-accent)}
html[data-site-theme] :is(.unsv,.empty svg) {color:var(--hk-accent);stroke:var(--hk-accent)}
html[data-site-theme] :is(.cap,.rail,.sound,.topt,.g a,.sg a,.ap-tiles a,.cover,.play,.duration) {color:#fff}
html[data-site-theme] .page {background:var(--hk-bg)}
/* Reading surfaces and other content routes. */
html[data-site-theme] body:has(.ap) {background:var(--hk-bg);color:var(--hk-text);--ink:var(--hk-text);--muted:var(--hk-muted);--t1:var(--hk-accent)}
html[data-site-theme] .ap {background:var(--hk-bg);color:var(--hk-text);line-height:1.75}
html[data-site-theme] .ap-wrap {background:var(--hk-surface);border-radius:var(--hk-radius);padding:20px;box-shadow:var(--hk-shadow)}
html[data-site-theme] :is(.ap-cd,.ap-ask .row input) {background:var(--hk-input);color:var(--hk-text);border-radius:var(--hk-radius)}
html[data-site-theme] .ap-cd {padding:16px 18px}
html[data-site-theme] :is(.ap-em,.em,.sos) {background:var(--hk-danger-bg);color:var(--hk-text)}
html[data-site-theme] :is(.ap-cd.dg h3,.ap-em h3,.ap-em a,.em h1) {color:var(--hk-danger)}
html[data-site-theme] :is(.ap-en,.ap-who,.ap-empty,.ap-note,.ap-foot) {color:var(--hk-muted)}
html[data-site-theme] :is(.ap-rev:not(.draft),.ap-who.hk,.ap-ask .row button) {color:var(--hk-accent)}
html[data-site-theme] :is(.ap-acc,.ap-acc details,.ap-ask .nm) {border-color:var(--hk-border)}
html[data-site-theme] .ap-cm.f p {color:var(--hk-text)}
html[data-site-theme] :is(.fb-field input,.fb-field textarea,.fb-field select) {background:var(--hk-input);color:var(--hk-text);border:1px solid var(--hk-border);border-radius:var(--hk-radius);padding:12px 16px}
html[data-site-theme] :is(.btn,.ask button) {background:var(--hk-action);color:var(--hk-on-action);border:0;border-radius:var(--hk-radius);padding:12px 18px;text-transform:none;letter-spacing:0}
html[data-site-theme] :is(.directory-card,.condition-card,.tile,.listing,.browse-controls,.category-jumps) {border-color:var(--hk-border);border-radius:var(--hk-radius)}
html[data-site-theme] .topic-group {background:var(--hk-surface);border:1px solid var(--hk-border);border-radius:var(--hk-radius);padding:20px;box-shadow:var(--hk-shadow)}
html[data-site-theme] .topic-group h2 {border-color:var(--hk-border);font-size:23px;line-height:1.5;flex-wrap:wrap}
html[data-site-theme] :is(.view-toggle,.browse-controls select,.ib-item textarea) {border:1px solid var(--hk-border);border-radius:var(--hk-radius);background:var(--hk-surface);color:var(--hk-text)}
html[data-site-theme] .view-toggle button {font:600 13px/1.5 var(--hk-font);letter-spacing:0;text-transform:none}
html[data-site-theme] .view-toggle button[aria-pressed="true"] {background:var(--hk-selected);color:var(--hk-accent)}
html[data-site-theme] .card .th {border-radius:var(--hk-radius);background:#121212}
html[data-site-theme] .card .th img {filter:none}
html[data-site-theme] .card .th::before {display:none}
html[data-site-theme] .card .th::after {background:linear-gradient(#0008,transparent 55%);mix-blend-mode:normal}
html[data-site-theme] .card .th :is(.ser,.play) {color:#fff}
html[data-site-theme] :is(.em-hero,.hero-red,.call-now a) {background:#a51d2d;color:#fff}
html[data-site-theme] :is(.em-hero .en,.hero-red .en) {color:#fff}
html[data-site-theme] :is(.call,.hero-red .call-now a) {background:#fff;color:#a51d2d;border-radius:var(--hk-radius)}
html[data-site-theme] .search {border:1px solid var(--hk-border);background:var(--hk-surface);border-radius:24px;padding:10px 16px}
html[data-site-theme] .search input {color:var(--hk-text);font-size:18px}
html[data-site-theme] .hk-search-surface {--search-card:var(--hk-surface);--search-text:var(--hk-text);--search-muted:var(--hk-muted);--search-read:var(--hk-input)}
html[data-site-theme] .hk-search-actions a.hk-search-watch {background:var(--hk-action)!important;color:var(--hk-on-action)!important}
html[data-site-theme] .hk-shortcut {border:1px solid var(--hk-border);border-radius:var(--hk-radius);box-shadow:var(--hk-shadow)}
/* Creator profiles and grids use the same surfaces, spacing and controls. */
html[data-site-theme] .creator-layout {color:var(--hk-text);font-family:var(--hk-font)}
html[data-site-theme] :is(.creator-rail,.creator-header,.selection-note) {border-color:var(--hk-border)}
html[data-site-theme] :is(.creator-rail p,.creator-layout .eyebrow,.creator-layout .english span,.creator-layout .bio small,.section-title small,.section-title>span,.creator-grid article p,.selection-note) {color:var(--hk-muted)}
html[data-site-theme] :is(.creator-rail [aria-current],.creator-layout .article-link) {color:var(--hk-accent)}
html[data-site-theme] .creator-layout .actions .primary {background:var(--hk-action);border-color:var(--hk-action);color:var(--hk-on-action);border-radius:var(--hk-radius)}
html[data-site-theme] .creator-grid article {background:var(--hk-surface);border:1px solid var(--hk-border);border-radius:var(--hk-radius);padding:12px;box-shadow:var(--hk-shadow)}
html[data-site-theme] .creator-layout .portrait {border-color:var(--hk-surface)}
html[data-site-theme] .creator-layout .cover {background:#121212;border-radius:6px}
/* Account dialogs follow the page theme instead of keeping a separate green palette. */
html[data-site-theme] :is(.hk-account-bar,.hk-account-dialog) {background:var(--hk-surface);color:var(--hk-text);border-color:var(--hk-border);border-radius:var(--hk-radius);box-shadow:var(--hk-shadow)}
html[data-site-theme] :is(.hk-account-bar p,.hk-account-dialog p,.hk-account-dialog .hk-note) {color:var(--hk-muted)!important}
html[data-site-theme] :is(.hk-account-bar button,.hk-account-dialog button,.hk-account-dialog .hk-link) {background:var(--hk-input);color:var(--hk-text);border-color:var(--hk-border);border-radius:var(--hk-radius)}
html[data-site-theme] :is(.hk-account-dialog input:not([type=checkbox]),.hk-account-dialog textarea,.hk-account-dialog .hk-card) {background:var(--hk-input);color:var(--hk-text);border-color:var(--hk-border);border-radius:var(--hk-radius)}
html[data-site-theme] .hk-account-dialog .hk-primary {background:var(--hk-action);color:var(--hk-on-action)}
html[data-site-theme] :is(.hk-account-dialog a,.hk-account-bar .hk-badge) {color:var(--hk-accent)}
html[data-site-theme] .hk-account-dialog .hk-primary.hk-google {background:#fff;color:#1f1f1f;border:1px solid #dadce0}
html[data-site-theme] :is(.hk-account-dialog .hk-danger,.hk-account-dialog .hk-error) {color:var(--hk-danger)}
@media(max-width:999px) {
  html[data-site-theme] .ap-wrap {padding:18px 16px;border-radius:0}
  html[data-site-theme] .ap-return-inner {gap:4px 12px}
  html[data-site-theme] .ap [id] {scroll-margin-top:90px}
}
@media(max-width:600px) {
  html[data-site-theme] :is(.directory-title,.search-hero h1,.article-title) {font-size:28px}
  html[data-site-theme] header.mast .wrap {padding:0 16px;gap:12px}
  html[data-site-theme] header.mast .brand .name {font-size:25px}
  html[data-site-theme] header.mast nav.main {width:100%;justify-content:space-between;gap:4px;margin:0}
  html[data-site-theme] nav.main a {font-size:14px;padding:8px 5px}
  html[data-site-theme] .creator-grid article {padding:8px}
}
@media print {
  html[data-site-theme] .ap-return {display:none!important}
  html[data-site-theme] :is(body,.ap,.ap-wrap,.ap-cd) {background:#fff;color:#000;box-shadow:none}
}

/* Shared mobile navigation: TikTok-inspired black bar and contrasting center action. */
@media(max-width:999px) {
  html[data-site-theme] :is(.tabs,.ap-tabs) {
    background:#000;color:#b8b8b8;border-top:1px solid #252525;
    height:calc(58px + env(safe-area-inset-bottom));
    padding-bottom:env(safe-area-inset-bottom);color-scheme:dark;
  }
  html[data-site-theme] :is(.tabs button,.ap-tabs a) {
    flex:1;min-width:0;min-height:48px;display:flex;flex-direction:column;
    justify-content:center;align-items:center;gap:2px;
    font:600 10.5px/1.25 var(--hk-font);color:inherit;
  }
  html[data-site-theme] :is(.tabs button.on,.ap-tabs a[aria-current="page"]) {color:#fff;font-weight:750}
  html[data-site-theme] :is(.tabs,.ap-tabs) svg {width:25px;height:25px}
  html[data-site-theme] :is(.tabs,.ap-tabs) .plus {
    width:44px;height:29px;border-radius:8px;background:#fff;color:#000;
    border-left:4px solid #25f4ee;border-right:4px solid #fe2c55;
  }
  html[data-site-theme] :is(.tabs,.ap-tabs) .plus svg {width:24px;height:24px}
  html[data-site-theme] .tabs button.saved i {background:#fe2c55;color:#fff}
}

/* Owner: light comments/questions over the dark mobile video feed. */
html[data-site-theme="dark"] :is(.sheet,.hk-account-dialog) {
  --hk-bg:#f0f2f5;--hk-surface:#fff;--hk-raised:#fff;--hk-input:#f1f1f2;
  --hk-text:#161823;--hk-muted:#65666b;--hk-border:#e6e6e8;
  --hk-accent:#c51b41;--hk-action:#c51b41;--hk-on-action:#fff;--hk-selected:#fff0f3;
  --hk-danger:#a51d2d;--hk-danger-bg:#fff0f1;
  background:var(--hk-surface);color:var(--hk-text);color-scheme:light;
}
html[data-site-theme] .sheet .h::before {background:var(--hk-border)}
html[data-site-theme] .sheet .sc > p {color:var(--hk-muted)!important}

/* Search is a light, video-first surface, including search entered from the dark feed. */
html[data-site-theme] .hk-search-surface,
html[data-site-theme] body:has(.hk-standalone-search) {
  --hk-bg:#fff;--hk-surface:#fff;--hk-raised:#fff;--hk-input:#f1f1f2;
  --hk-text:#161823;--hk-muted:#65666b;--hk-border:#e6e6e8;
  --hk-accent:#c51b41;--hk-action:#c51b41;--hk-on-action:#fff;--hk-selected:#fff0f3;
  background:#fff;color:var(--hk-text);color-scheme:light;
}
html[data-site-theme] .hk-search-surface :is(.sb,.ask) {background:var(--hk-input);border:0;border-radius:8px}
html[data-site-theme] .hk-search-surface :is(input,#search-cancel) {color:var(--hk-text)}
html[data-site-theme] .hk-standalone-search .search-hero {padding:16px 0 0}
html[data-site-theme] .hk-standalone-search .search-hero h1 {font-size:20px;margin:20px 0 8px}
html[data-site-theme] .hk-standalone-search .search-hero p {font-size:13px;color:var(--hk-muted);margin:0 0 8px}
html[data-site-theme] .hk-standalone-search .ask {display:flex;gap:10px;max-width:none;padding:8px 10px}
html[data-site-theme] .hk-standalone-search .ask input {min-width:0;font-size:16px;flex:1;padding:0;background:transparent}
html[data-site-theme] .hk-standalone-search .ask button {background:transparent;color:var(--hk-accent);padding:8px 0;flex:none}
html[data-site-theme] .hk-search-back {color:var(--hk-text);font:24px/1 system-ui;min-width:28px;min-height:44px;display:grid;place-items:center;text-decoration:none}
html[data-site-theme] .hk-shortcut {background:transparent;border:0;border-bottom:1px solid var(--hk-border);box-shadow:none;border-radius:0;padding:12px 4px}
html[data-site-theme] :is(#g,#r).hk-search-results {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 10px!important}
html[data-site-theme] .hk-search-results > :is(.hk-search-heading,.hk-search-muted,.hk-shortcuts) {grid-column:1/-1}
html[data-site-theme] .hk-search-card {padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
html[data-site-theme] .hk-search-main {display:block}
html[data-site-theme] .hk-search-main a.hk-search-poster {display:block;position:relative;aspect-ratio:3/4;width:100%;padding:0;border:0;border-radius:6px;overflow:hidden;background:#f1f1f2}
html[data-site-theme] .hk-search-main a.hk-search-poster::after {display:none}
html[data-site-theme] .hk-search-main img {width:100%!important;height:100%!important;object-fit:cover;border-radius:6px}
html[data-site-theme] .hk-search-main h2 {font-size:14px!important;line-height:1.5!important;margin:8px 0 2px!important;color:var(--hk-text)}
html[data-site-theme] .hk-search-actions {gap:6px;margin-top:8px;flex-wrap:wrap}
html[data-site-theme] .hk-search-actions a {font-size:12px;flex:1 1 60px;padding:8px 4px!important;background:var(--hk-input)!important;color:var(--hk-text)!important}
html[data-site-theme] .hk-search-actions a.hk-search-watch {background:var(--hk-input)!important;color:var(--hk-text)!important}
html[data-site-theme] .card .rev {white-space:normal;overflow-wrap:anywhere}
@media(min-width:1000px) {
  html[data-site-theme] :is(#g,#r).hk-search-results {grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:999px) {
  html[data-site-theme] body:has(.hk-standalone-search) :is(header.mast,.notice) {display:none}
  html[data-site-theme] body:has(.hk-standalone-search) main > .wrap {padding:0 12px}
  html[data-site-theme] .hk-standalone-search .search-hero {position:sticky;top:0;background:#fff;z-index:2;padding-bottom:8px}
  html[data-site-theme] .hk-standalone-search.hk-search-submitted .search-hero :is(h1,p) {display:none}
}

/* Existing name/review badges: match TikTok's current cyan-blue badge fill. */
html[data-site-theme] .chk circle {fill:#20d5ec}
html[data-site-theme] .creator-layout .check {background:#20d5ec;color:#fff}