/* EKNT · Cross-page UI contract · 07/11/2026.
 * One visual language for photo hero glass, full-reading dialogs, review
 * catalogue and shared review export, search drawer and dark/light.
 * Keep semantics, route content, and click handling in original components.
 * The backdrop-filter samples ONLY the pixels physically behind the element.
 */
:root{
 --ek-frost-ink:#f5f1eb;
 --ek-frost-glass:linear-gradient(112deg,rgba(26,30,31,.70) 0%,rgba(29,33,34,.69) 58%,rgba(31,34,34,.67) 100%);
 --ek-frost-modal-glass:linear-gradient(112deg,rgba(26,30,31,.76),rgba(29,33,34,.72));
 --ek-frost-modal-blur:18px;
 --ek-frost-scrim:rgba(12,17,19,.22);
 --ek-frost-scrim-blur:4px;
 --ek-frost-close-target:44px;
 --ek-share-panel-surface:#2b3031;
 --ek-frost-blur:14px;
 --ek-frost-contrast:rgba(245,241,235,.34);
 --ek-frost-corner:24px;
}
body.ek-integrated :is(
 .ek-global-hero .ek-hero-card,
 .ek-hub-hero .ph-card--hub,
 .ek-showcase-hero .ph-card,
 .ek-photo-hero .ph-card,
 .ek-restored-hero .ph-card,
 .ek-concept-main .hero-card
){
 background:var(--ek-frost-glass)!important;
 background-color:transparent!important;
 border:0!important;
 border-radius:var(--ek-frost-corner)!important;
 box-shadow:none!important;
 -webkit-backdrop-filter:blur(var(--ek-frost-blur)) saturate(.92)!important;
 backdrop-filter:blur(var(--ek-frost-blur)) saturate(.92)!important;
 color:var(--ek-frost-ink)!important;
 isolation:isolate;
}
/* No giant pseudo-element filter behind a local photographic card. */
body.ek-integrated .ek-global-hero .ek-hero-card::before,
body.ek-integrated .ek-concept-main .hero-card::before{
 filter:none!important;box-shadow:none!important;
}
/* The large image is NEVER blurred globally; only the card above it. */
body.ek-integrated :is(.ek-global-hero,.ek-hub-hero,.ek-showcase-hero,.ek-photo-hero) .ph-stage img{
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
body.ek-integrated .ek-global-hero .ek-hero-expand,
body.ek-integrated .ek-concept-main .hero-card a,
body.ek-integrated .ek-global-hero .ek-hero-card button{
 color:var(--ek-frost-ink)!important;
}
body.ek-integrated .ek-global-hero .ek-hero-expand:focus-visible,
body.ek-integrated .ek-concept-main .hero-card a:focus-visible{
 outline:2px solid var(--ek-frost-ink)!important;outline-offset:3px!important;
}
@media(min-width:701px){
 body.ek-integrated .ek-sheet.ek-hero-modal .ek-sheet-panel,
 body .ek-sheet.ek-hero-modal .ek-sheet-panel{
  background:var(--ek-frost-modal-glass)!important;
  border:0!important;border-radius:24px!important;
  color:var(--ek-frost-ink)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(var(--ek-frost-modal-blur)) saturate(.9)!important;
  backdrop-filter:blur(var(--ek-frost-modal-blur)) saturate(.9)!important;
 }
 body .ek-sheet.ek-hero-modal .ek-sheet-head{
  background:transparent!important;color:inherit!important;
  border:0!important;box-shadow:none!important;
 }
 body .ek-sheet.ek-hero-modal .ek-sheet-close{
  color:var(--ek-frost-ink)!important;
  background:transparent!important;
  border:1px solid var(--ek-frost-contrast)!important;
  border-radius:50%!important;
 }
}
/* The full-screen sheet shell must NOT inherit the opaque cream/graphite
   background from legacy .ek-sheet. Otherwise the backdrop and glass modal
   only sample a solid surface, especially noticeable in light mode. */
body .ek-sheet.ek-hero-modal,
:root[data-ek-theme="dark"] body .ek-sheet.ek-hero-modal{
 background:transparent!important;
 background-color:transparent!important;
 background-image:none!important;
}
body .ek-sheet.ek-hero-modal .ek-sheet-scrim,
:root[data-ek-theme="dark"] body .ek-sheet.ek-hero-modal .ek-sheet-scrim{
 background:var(--ek-frost-scrim)!important;
 backdrop-filter:blur(var(--ek-frost-scrim-blur))!important;
 -webkit-backdrop-filter:blur(var(--ek-frost-scrim-blur))!important;
}
body .ek-sheet.ek-hero-modal .ek-sheet-close:focus-visible{
 outline:2px solid currentColor!important;outline-offset:3px!important;
}
/* Shared hero-read surface: the SAME translucent glass on mobile as desktop.
   The older theme sheets otherwise repaint mobile as an opaque gray block. */
body .ek-sheet.ek-hero-modal .ek-sheet-close{
 display:grid!important;place-items:center!important;
 box-sizing:border-box!important;
 flex:0 0 var(--ek-frost-close-target)!important;
 width:var(--ek-frost-close-target)!important;
 height:var(--ek-frost-close-target)!important;
 min-width:var(--ek-frost-close-target)!important;
 min-height:var(--ek-frost-close-target)!important;
 border-radius:50%!important;
 color:var(--ek-frost-ink)!important;
 background:transparent!important;
 box-shadow:none!important;
}
body .ek-sheet.ek-hero-modal .ek-sheet-close svg{
 display:block!important;width:20px!important;height:20px!important;
 stroke:currentColor!important;opacity:1!important;
}
body .ek-sheet.ek-hero-modal .ek-sheet-body .ek-hero-full,
body .ek-sheet.ek-hero-modal .ek-sheet-body .ek-hero-full :is(p,li,h2,h3){
 color:var(--ek-frost-ink)!important;
}
body .ek-sheet.ek-hero-modal .ek-sheet-body .ek-hero-full :is(a.button,.button){
 color:var(--ek-frost-ink)!important;
 border-color:rgba(245,241,235,.65)!important;
}
@media(max-width:700px){
 body .ek-sheet.ek-hero-modal .ek-sheet-panel,
 :root[data-ek-theme="dark"] body .ek-sheet.ek-hero-modal .ek-sheet-panel{
  background:var(--ek-frost-modal-glass)!important;
  -webkit-backdrop-filter:blur(var(--ek-frost-modal-blur)) saturate(.9)!important;
  backdrop-filter:blur(var(--ek-frost-modal-blur)) saturate(.9)!important;
  color:var(--ek-frost-ink)!important;
  border:0!important;border-radius:24px 24px 0 0!important;
  box-shadow:none!important;
 }
}
/* EKONATURA · Shared header stencil · ATO-545/546 · 07 Nov 2026
 * One global photographic/editorial nav component on every public route.
 * Existing markup, search controller, Explore dropdown and mobile menu stay
 * unchanged. Use the same soft graphite glass in light/dark and at rest/scroll.
 * Previously scoped only to /problemas/; no URL-specific header overrides. */
:root{
 --ek-header-glass:rgba(29,33,34,.91);
 --ek-header-glass-photo:rgba(19,24,25,.12);
 --ek-header-glass-ink:var(--ek-v1-cream,#f5f1eb);
 --ek-header-glass-line:rgba(245,241,235,.66);
}
body.ek-integrated .ek-header .ek-header-inner,
body.ek-integrated .ek-header.is-pill .ek-header-inner{
 background:var(--ek-header-glass)!important;
 background-image:none!important;
 color:var(--ek-header-glass-ink)!important;
 border:0!important;
 border-radius:999px!important;
 box-shadow:none!important;
 -webkit-backdrop-filter:blur(14px) saturate(.85)!important;
 backdrop-filter:blur(14px) saturate(.85)!important;
}
/* The screenshot is a lightly tinted frosted pill over a photograph.
 * On plain paper/cream pages the same component needs a stronger surface
 * for readable white navigation. Compact scroll state remains dark. */
body.ek-integrated:has(
 .ek-global-hero,.ek-photo-hero,.ek-showcase-hero,.ek-restored-hero,
 .ek-hub-hero,.ek-concept-main .hero,main.ek-photo-hero-page
) .ek-header:not(.is-pill) .ek-header-inner{
 background:var(--ek-header-glass-photo)!important;
 -webkit-backdrop-filter:blur(6px) saturate(.92)!important;
 backdrop-filter:blur(6px) saturate(.92)!important;
}
body.ek-integrated .ek-header .brand,
body.ek-integrated .ek-header .ek-nav>a,
body.ek-integrated .ek-header .ek-explore>summary,
body.ek-integrated .ek-header :is(.ek-search-open,.ek-menu,.ek-icon){
 color:var(--ek-header-glass-ink)!important;
 -webkit-text-fill-color:var(--ek-header-glass-ink)!important;
}
body.ek-integrated .ek-header .brand img{
 filter:brightness(0) invert(1)!important;
}
body.ek-integrated .ek-header .ek-header-inner>a.button,
body.ek-integrated .ek-header.is-pill .ek-header-inner>a.button{
 background:transparent!important;
 background-image:none!important;
 color:var(--ek-header-glass-ink)!important;
 -webkit-text-fill-color:var(--ek-header-glass-ink)!important;
 border:1px solid var(--ek-header-glass-line)!important;
 border-radius:999px!important;
 box-shadow:none!important;
}
body.ek-integrated .ek-header .ek-header-inner>a.button:is(:hover,:focus-visible),
body.ek-integrated .ek-header.is-pill .ek-header-inner>a.button:is(:hover,:focus-visible){
 background:rgba(245,241,235,.12)!important;
 color:var(--ek-header-glass-ink)!important;
 -webkit-text-fill-color:var(--ek-header-glass-ink)!important;
 border-color:var(--ek-header-glass-ink)!important;
}
body.ek-integrated .ek-header :is(.ek-nav>a,.ek-explore>summary):is(:hover,:focus-visible){
 color:var(--ek-header-glass-ink)!important;
 -webkit-text-fill-color:var(--ek-header-glass-ink)!important;
 text-decoration:none!important;
}
body.ek-integrated .ek-header :is(.ek-nav>a,.ek-explore>summary)[aria-current="page"]{
 color:var(--ek-header-glass-ink)!important;
 text-decoration:underline!important;
 text-decoration-color:rgba(245,241,235,.76)!important;
 text-decoration-thickness:1px!important;
 text-underline-offset:5px!important;
}
body.ek-integrated .ek-header :is(.ek-icon,.ek-search-open):hover{
 background:rgba(245,241,235,.10)!important;
}
body.ek-integrated .ek-header .ek-explore>nav{
 background:rgba(41,45,46,.97)!important;
 color:var(--ek-header-glass-ink)!important;
 border:0!important;
 box-shadow:none!important;
 -webkit-backdrop-filter:blur(14px)!important;
 backdrop-filter:blur(14px)!important;
}
body.ek-integrated .ek-header .ek-explore>nav a{
 color:var(--ek-header-glass-ink)!important;
 -webkit-text-fill-color:var(--ek-header-glass-ink)!important;
}
@supports not (backdrop-filter:blur(1px)){
 body.ek-integrated .ek-header .ek-header-inner{
  background:rgba(29,33,34,.95)!important;
 }
}
/* Compact, aligned results drawer — matching the search cards' text edge:
   desktop 24px body inset + 20px item inset = 44px.
   phone 12px inset + 16px item inset = 28px. */
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-head{
 padding:21px 24px 14px 44px!important;
 min-height:0!important;align-items:start!important;
 gap:14px!important;
 border:0!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-eyebrow{
 display:block!important;
 margin:0 0 8px!important;
 color:#d1cbc5!important;
 font:500 10px/1.35 var(--ek-font-body,system-ui,sans-serif)!important;
 letter-spacing:.08em!important;
 text-transform:uppercase!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-head h2{
 font:400 22px/1.2 var(--ek-font-heading,serif)!important;
 margin:0 0 5px!important;
 color:#f5f1eb!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .symptom-status{
 font:400 12px/1.45 var(--ek-font-body,system-ui,sans-serif)!important;
 color:#d1cbc5!important;
 margin:0!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-close{
 display:grid!important;place-items:center!important;
 flex:0 0 44px!important;width:44px!important;height:44px!important;
 color:#f5f1eb!important;border:1px solid rgba(245,241,235,.5)!important;
 border-radius:50%!important;background:transparent!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-close svg{
 width:20px!important;height:20px!important;stroke:currentColor!important;
}
@media(max-width:700px){
 body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-head{
  padding:42px 16px 12px 28px!important;align-items:center!important;
  gap:12px!important;
 }
 body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-head h2{
  font-size:21px!important;line-height:1.2!important;
 }
 body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-eyebrow{
  font-size:10px!important;
 }
}
/* Review catalogue only: quotations get the editorial serif;
   Stories' actual body remains the approved Onest sans. */
body.ek-integrated[data-route="/resenas/"] .ek-reviews-list .ek-exp-quote{
 font-family:"Ekonatura Geist Serif",serif!important;
 font-weight:400!important;
}
body .ek-stories .ek-stories-text{
 font-family:var(--ek-font-body,"Ekonatura Onest",system-ui,sans-serif)!important;
}
body .ek-stories .ek-stories-nav{
 display:grid!important;place-items:center!important;
 width:44px!important;height:44px!important;
 border:1px solid rgba(245,241,235,.6)!important;
 border-radius:50%!important;
 background:rgba(41,45,46,.93)!important;
 color:#f5f1eb!important;
 -webkit-text-fill-color:#f5f1eb!important;
 font-size:0!important;box-shadow:none!important;
}
body .ek-stories .ek-stories-nav svg{
 display:block!important;width:20px!important;height:20px!important;
 fill:none!important;stroke:currentColor!important;
 opacity:1!important;visibility:visible!important;
}
body .ek-stories .ek-stories-nav:focus-visible{outline:2px solid #dfa089!important;outline-offset:3px!important}
/* Trust header: verified provider count lives in source; theme-safe stars. */
body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools .stars{
 color:#292d2e!important;-webkit-text-fill-color:#292d2e!important;
}
:root[data-ek-theme="dark"] body.ek-integrated[data-route="/resenas/"] .ek-reviews-tools .stars{
 color:#f5f1eb!important;-webkit-text-fill-color:#f5f1eb!important;
}
/* Ekonatura photo finish · Contact is the untouched visual reference.
 * One shared hero component; only photographic grading differs per source.
 * No replaced files, new tokens, added overlays or per-page components.
 * Recorded values: saturation / contrast / brightness / neutral scrim alpha.
 * About .80/.93/.95/.24; Reviews .78/.93/.95/.24;
 * FAQ .80/.94/.96/.23; Osteopathy .81/.94/.95/.25;
 * Body ITV .81/.94/.95/.28 (stronger veil by request).
 */
body.ek-integrated[data-route="/sobre-mi/"] .ek-global-hero .ph-stage img{
 filter:saturate(.80) contrast(.93) brightness(.95)!important;
}
body.ek-integrated[data-route="/resenas/"] .ek-global-hero .ph-stage img{
 filter:saturate(.78) contrast(.93) brightness(.95)!important;
}
body.ek-integrated[data-route="/preguntas-habituales/"] .ek-global-hero .ph-stage img{
 filter:saturate(.80) contrast(.94) brightness(.96)!important;
}
body.ek-integrated[data-route="/osteopatia/"] .ek-global-hero .ph-stage img{
 filter:saturate(.81) contrast(.94) brightness(.95)!important;
}
body.ek-integrated[data-route="/itv-corporal/"] .ek-global-hero .ph-stage img{
 filter:saturate(.81) contrast(.94) brightness(.95)!important;
}
body.ek-integrated[data-route="/sobre-mi/"] .ek-global-hero .ph-overlay,
body.ek-integrated[data-route="/resenas/"] .ek-global-hero .ph-overlay{
 background:rgba(20,24,26,.24)!important;
}
body.ek-integrated[data-route="/preguntas-habituales/"] .ek-global-hero .ph-overlay{
 background:rgba(20,24,26,.23)!important;
}
body.ek-integrated[data-route="/osteopatia/"] .ek-global-hero .ph-overlay{
 background:rgba(20,24,26,.25)!important;
}
body.ek-integrated[data-route="/itv-corporal/"] .ek-global-hero .ph-overlay{
 background:rgba(20,24,26,.28)!important;
}
/* Single canonical share renderer on Home, catalog, Stories and inline cards.
   Do not repaint the generated review image; the canvas always stays cream. */
/* Identical Home-approved graphite for sharing on every route, including Stories.
   Preserve one JS renderer and one set of export formats. */
body .ek-review-export .ek-review-export-panel,
:root[data-ek-theme="light"] body .ek-review-export .ek-review-export-panel,
:root[data-ek-theme="dark"] body .ek-review-export .ek-review-export-panel{
 background:var(--ek-share-panel-surface)!important;color:#f5f1eb!important;
 border:1px solid rgba(245,241,235,.26)!important;border-radius:26px!important;
 box-shadow:0 18px 55px rgba(7,10,11,.25)!important;
}
body .ek-review-export .ek-review-export-panel :is(h2,p,.ek-review-export-intro,.ek-review-export-note,.ek-review-export-status){
 color:#f5f1eb!important;-webkit-text-fill-color:#f5f1eb!important;
}
body .ek-review-export .ek-review-export-panel header [data-share-close]{
 color:#f5f1eb!important;
 background:transparent!important;
 border:1px solid rgba(245,241,235,.42)!important;
 border-radius:50%!important;
}
body .ek-review-export .ek-review-export-panel .ek-review-export-preview{
 background:#e6e3dd!important;
}
body .ek-review-export .ek-review-export-actions [data-share-native]{
 background:#f5f1eb!important;color:#292d2e!important;
 border:0!important;border-radius:999px!important;
}
body .ek-review-export .ek-review-export-formats button{
 color:#f5f1eb!important;-webkit-text-fill-color:#f5f1eb!important;
 background:transparent!important;
}
body .ek-review-export .ek-review-export-formats button[aria-checked="true"]{
 color:#dfa089!important;-webkit-text-fill-color:#dfa089!important;
}
@media(max-width:700px){
 body .ek-review-export .ek-review-export-panel{
  border:0!important;border-radius:26px 26px 0 0!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body .ek-stories .ek-stories-nav,
 body.ek-integrated .ek-global-hero .ek-hero-card{
  transition:none!important;
 }
}


/* /problemas/ · flat search drawer + desktop drag affordance · 07/11/2026 */
/* Keep the header aligned with the result text. This is a flat, quiet surface. */
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-f5-search-sidebar.ek-search-drawer{
 border:0!important;box-shadow:none!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-head{
 width:100%!important;max-width:none!important;box-sizing:border-box!important;
 padding:21px 16px 12px 46px!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-head>div{
 flex:1 1 auto!important;min-width:0!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-head h2{
 font-size:19px!important;line-height:1.25!important;
 letter-spacing:normal!important;margin-bottom:4px!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-eyebrow{
 margin-bottom:5px!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-close{
 border:0!important;box-shadow:none!important;background:transparent!important;
}
/* Mirror the scale and rhythm of the global search, not a second huge index. */
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .symptom-results{
 gap:0!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .search-hit a{
 display:block!important;min-height:44px!important;
 padding:14px 12px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 border-radius:0!important;text-shadow:none!important;transform:none!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .search-hit :is(h2,h3,strong,.search-hit-title,.symptom-result-title){
 font:400 21px/1.24 var(--ek-font-heading,Georgia,serif)!important;
 letter-spacing:-.015em!important;margin:0 0 5px!important;
 text-shadow:none!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .search-hit :is(p,small,.search-hit-description,.symptom-result-description){
 font-size:13px!important;line-height:1.45!important;margin:0!important;
}
body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .search-hit a:is(:hover,:focus-visible){
 background:rgba(245,241,235,.06)!important;color:#f5f1eb!important;
}
/* The rail handles navigation by dragging, but a simple click still follows a card. */
@media(min-width:901px) and (hover:hover) and (pointer:fine){
 body.ek-integrated[data-route="/problemas/"] .ek-f2-group>.ek-f2-rail,
 body.ek-integrated[data-route="/problemas/"] .ek-f2-group>.ek-f2-rail :is(.ek-ed-card,.ek-ed-card-hit,.ek-ed-card-hit *,img){
  cursor:grab!important;
 }
 body.ek-integrated[data-route="/problemas/"] .ek-f2-group>.ek-f2-rail:active,
 body.ek-integrated[data-route="/problemas/"] .ek-f2-group>.ek-f2-rail:active :is(.ek-ed-card,.ek-ed-card-hit,.ek-ed-card-hit *,img){
  cursor:grabbing!important;
 }
}
@media(max-width:700px){
 body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-head{
  padding:36px 16px 12px 32px!important;align-items:start!important;gap:8px!important;
 }
 body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .ek-search-drawer-head h2{
  font-size:19px!important;line-height:1.25!important;
 }
 body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .search-hit :is(h2,h3,strong,.search-hit-title,.symptom-result-title){
  font-size:20px!important;
 }
 body.ek-integrated[data-route="/problemas/"] .hub-search .ek-search-drawer .search-hit a{
  padding:13px 16px!important;
 }
}


/* EKNT · Shared reading surface contrast · theme-independent */
/* Sheet, full review reader and share UI are autonomous dark components.
   Keep the paper-coloured exported image; do not borrow page theme ink. */
:root{
 --ek-reader-surface:#292d2e;
 --ek-reader-text:#f5f1eb;
 --ek-reader-muted:#c8ccc7;
 --ek-reader-rule:rgba(245,241,235,.22);
}
body .ek-sheet .ek-sheet-panel,
body .ek-review-dialog{
 background:var(--ek-reader-surface)!important;
 background-image:none!important;
 color:var(--ek-reader-text)!important;
 border:0!important;
 box-shadow:none!important;
 color-scheme:dark;
}
body .ek-sheet .ek-sheet-head{
 background:transparent!important;
 color:var(--ek-reader-text)!important;
 border:0!important;box-shadow:none!important;
}
body .ek-sheet .ek-sheet-grab{background:rgba(245,241,235,.7)!important}
body .ek-sheet .ek-sheet-close,
body .ek-review-dialog :is(.ek-review-dialog-close,.ek-review-dialog-nav button){
 color:var(--ek-reader-text)!important;
 -webkit-text-fill-color:var(--ek-reader-text)!important;
 background:transparent!important;
 box-shadow:none!important;
}
body .ek-sheet .ek-sheet-title,
body .ek-sheet .ek-sheet-body,
body .ek-sheet .ek-sheet-body :is(
 .ph-copy,.ek-hub-intro-preview,.ph-more-body,.ek-hub-extra-copy,
 .ek-hero-full,.ek-exp-body,.review-expanded,.ek-ed-card-desc,
 .home-topic-more,.owner-response,.ek-exp-reply,
 p,blockquote,li,h2,h3,h4,strong,span,small,a
),
body .ek-review-dialog :is(
 .ek-review-dialog-head h2,.ek-review-dialog-body,
 .ek-review-dialog-body p,.ek-review-dialog-body blockquote,
 .ek-review-dialog-body li,.ek-review-dialog-body h2,
 .ek-review-dialog-body h3,.ek-review-dialog-body strong,
 .ek-review-dialog-body span,.ek-review-dialog-body a,
 .ek-review-dialog-body small
){
 color:var(--ek-reader-text)!important;
 -webkit-text-fill-color:var(--ek-reader-text)!important;
 opacity:1!important;
}
body .ek-sheet .ek-sheet-body :is(.review-kicker,.ek-exp-label),
body .ek-review-dialog .ek-review-dialog-body :is(.review-kicker,.ek-exp-label){
 color:var(--ek-reader-muted)!important;
 -webkit-text-fill-color:var(--ek-reader-muted)!important;
}
body .ek-sheet .ek-sheet-body :is(.owner-response,.ek-exp-reply),
body .ek-review-dialog .ek-review-dialog-body :is(.owner-response,.ek-exp-reply){
 background:transparent!important;box-shadow:none!important;
 border:0!important;border-top:1px solid var(--ek-reader-rule)!important;
 border-radius:0!important;
}
body .ek-sheet .ek-sheet-body :is(a,button):focus-visible,
body .ek-review-dialog :is(a,button):focus-visible,
body .ek-review-export .ek-review-export-panel :is(a,button):focus-visible{
 outline:2px solid var(--ek-reader-text)!important;
 outline-offset:3px!important;
}
/* Share controls use the same high-contrast ink in either page theme.
   Exclude the generated cream preview and native light action button. */
body .ek-review-export .ek-review-export-panel{
 color-scheme:dark;color:var(--ek-reader-text)!important;
}
body .ek-review-export .ek-review-export-panel :is(
 header h2,.ek-review-export-intro,.ek-review-export-note,
 .ek-review-export-status,.ek-review-export-formats button
){
 color:var(--ek-reader-text)!important;
 -webkit-text-fill-color:var(--ek-reader-text)!important;
}


/* ATO-553 · F1B · Mobile drawer navigation, single owner.
   Uses the existing #ek-menu dialog (native focus trap / Escape) as a
   accessible left-hand drawer with a backdrop. No new overlay libraries.
   The existing root/Explore hierarchy and destinations are preserved. */
@media(max-width:800px){
 body.ek-integrated dialog#ek-menu[open],
 :root[data-ek-theme="dark"] body.ek-integrated dialog#ek-menu[open]{
  position:fixed!important;inset:0 auto 0 0!important;left:0!important;right:auto!important;
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  width:min(88vw,480px)!important;max-width:min(88vw,480px)!important;
  height:100dvh!important;max-height:100dvh!important;min-height:100dvh!important;
  margin:0!important;
  padding:max(16px,env(safe-area-inset-top,0px)) clamp(20px,5vw,32px)
          max(18px,env(safe-area-inset-bottom,0px))!important;
  border:0!important;border-radius:0 18px 18px 0!important;
  background:#292d2e!important;color:#f5f1eb!important;
  background-image:none!important;box-shadow:none!important;
  overflow:hidden!important;overscroll-behavior:contain!important;
 }
 /* Closed state must beat theme-specific rules. The drawer is mounted
    in HTML but cannot paint or intercept clicks before showModal(). */
 html body.ek-integrated dialog#ek-menu:not([open]),
 html[data-ek-theme] body.ek-integrated dialog#ek-menu:not([open]){
  display:none!important;visibility:hidden!important;pointer-events:none!important
 }
 body.ek-integrated #ek-menu .ek-dialog-head{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:14px!important;
  margin:0 0 20px!important;padding:0 0 14px!important;
  border-bottom:1px solid #6a6a66!important;
 }
 body.ek-integrated #ek-menu .ek-dialog-head h2{
  font:400 clamp(22px,6vw,27px)/1.2 var(--ek-font-heading,Georgia,serif)!important;
  letter-spacing:-.02em!important;margin:0!important;color:#f5f1eb!important;
 }
 body.ek-integrated #ek-menu .ek-dialog-head [data-close]{
  display:grid!important;place-items:center!important;flex:none!important;
  width:auto!important;height:44px!important;min-width:89px!important;
  margin:0!important;padding:9px 12px!important;border:1px solid #6a6a66!important;
  border-radius:999px!important;background:transparent!important;color:#f5f1eb!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  font:500 14px/1.2 var(--ek-font-body,system-ui,sans-serif)!important;
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels{
  display:flex!important;flex-direction:column!important;
  min-height:0!important;flex:1 1 auto!important;width:100%!important;
  overflow:hidden!important;background:transparent!important;
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level]{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:0 1px 2px!important;margin:0!important;background:transparent!important;
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level][hidden]{
  display:none!important
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level]>:is(a,button):not(.ek-mobile-booking-cta):not(.ek-mobile-call-cta){
  display:flex!important;align-items:center!important;flex:0 0 auto!important;
  box-sizing:border-box!important;width:100%!important;min-height:54px!important;
  padding:12px 10px!important;margin:0!important;border:0!important;
  border-bottom:0!important;border-radius:10px!important;
  background:transparent!important;color:#f5f1eb!important;
  -webkit-text-fill-color:#f5f1eb!important;
  font:400 clamp(17px,4.9vw,21px)/1.35 var(--ek-font-body,system-ui,sans-serif)!important;
  text-decoration:none!important;
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level]>[data-menu-forward] svg{
  margin-left:auto!important;flex:0 0 18px!important;width:18px!important;height:18px!important
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level]>:is(a,button):is(:hover,:focus-visible,[aria-current="page"]){
  background:#383c3d!important;
 }
 /* Both original actions remain links, but read as large tappable buttons. */
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level="root"]>a.ek-mobile-booking-cta{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;box-sizing:border-box!important;
  width:100%!important;min-height:54px!important;
  margin:auto 0 10px!important;padding:13px 18px!important;
  border:1px solid #f5f1eb!important;border-radius:12px!important;
  background:#f5f1eb!important;box-shadow:none!important;
  color:#292d2e!important;-webkit-text-fill-color:#292d2e!important;
  font:650 16px/1.3 var(--ek-font-body,system-ui,sans-serif)!important;
  text-align:center!important;text-decoration:none!important;
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level="root"]>a.ek-mobile-call-cta{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;box-sizing:border-box!important;
  width:100%!important;min-height:54px!important;
  margin:0!important;padding:13px 18px!important;
  border:1px solid #f5f1eb!important;border-radius:12px!important;
  background:transparent!important;box-shadow:none!important;
  color:#f5f1eb!important;-webkit-text-fill-color:#f5f1eb!important;
  font:600 16px/1.3 var(--ek-font-body,system-ui,sans-serif)!important;
  text-align:center!important;text-decoration:none!important;
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level="root"]>a.ek-mobile-booking-cta::before,
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level="root"]>a.ek-mobile-booking-cta::after{
  content:none!important;display:none!important;
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level="root"]>a.ek-mobile-booking-cta:is(:hover,:focus-visible){
  background:#e7e1da!important;color:#292d2e!important;
  -webkit-text-fill-color:#292d2e!important;
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level="root"]>a.ek-mobile-call-cta:is(:hover,:focus-visible){
  background:#383c3d!important;color:#f5f1eb!important;
  -webkit-text-fill-color:#f5f1eb!important;
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level="root"]>a:is(.ek-mobile-booking-cta,.ek-mobile-call-cta):focus-visible,
 body.ek-integrated #ek-menu :is([data-close],[data-menu-forward],[data-menu-back],a):focus-visible{
  outline:2px solid #dfa089!important;outline-offset:2px!important;
 }
}
@media(max-width:800px) and (max-height:610px){
 body.ek-integrated #ek-menu .ek-dialog-head{margin-bottom:9px!important;padding-bottom:8px!important}
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level]>:is(a,button):not(.ek-mobile-booking-cta):not(.ek-mobile-call-cta){
  min-height:48px!important;padding:9px 10px!important;font-size:17px!important
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level="root"]>a:is(.ek-mobile-booking-cta,.ek-mobile-call-cta){
  min-height:48px!important;padding:10px 15px!important
 }
}

/* F1B: drawer owns its layer. Underlying sticky header and floating
   controls are hidden while it is open; no new DOM overlay or footer band. */
@media(max-width:800px){
 body.ek-integrated dialog#ek-menu::backdrop{
  background:rgba(18,22,24,.32)!important;backdrop-filter:blur(1px)!important;
 }
 body.ek-integrated:has(dialog#ek-menu[open]) > .ek-header,
 body.ek-integrated:has(dialog#ek-menu[open]) > .ek-index-button,
 body.ek-integrated:has(dialog#ek-menu[open]) > .ek-toc-fab,
 body.ek-integrated:has(dialog#ek-menu[open]) > .top-button,
 body.ek-integrated:has(dialog#ek-menu[open]) > .ek-reading-indicator,
 body.ek-integrated:has(dialog#ek-menu[open]) > .ek-page-share{
  visibility:hidden!important;pointer-events:none!important;
 }
 body.ek-integrated #ek-menu .ek-menu-close svg{
  width:17px!important;height:17px!important;flex:none!important;stroke:currentColor!important;
 }
}

/* State-driven fallback: no legacy sticky header or floating buttons can
   appear over the drawer. JavaScript also sets inline visibility. */
@media(max-width:800px){
 html.ek-mobile-menu-active .ek-header,
 html.ek-mobile-menu-active .ek-index-button,
 html.ek-mobile-menu-active .ek-toc-fab,
 html.ek-mobile-menu-active .top-button,
 html.ek-mobile-menu-active .ek-reading-indicator,
 html.ek-mobile-menu-active .ek-page-share{
  visibility:hidden!important;pointer-events:none!important;
 }
 html.ek-mobile-menu-active body.ek-integrated dialog#ek-menu{
  isolation:isolate!important;z-index:2147483647!important;
 }
}

/* F1B: visible only while drawer is open. Retains the intelligent pill
   header in normal browsing; prevents it covering drawer on Android. */
@media(max-width:800px){
 html.ek-mobile-menu-active body .ek-header,
 html.ek-mobile-menu-active body .ek-header.is-pill,
 html.ek-mobile-menu-active body .ek-header.is-hidden{
  display:none!important;
 }
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level="root"]>a.ek-mobile-booking-cta,
 body.ek-integrated #ek-menu nav.ek-mobile-levels [data-menu-level="root"]>a.ek-mobile-call-cta{
  border-radius:999px!important;
 }
}