/* Use available browser space, not device identity or physical display size.
   Large, tall viewports and the existing mobile layout retain their original rules. */
@media (min-width:1025px) and (max-width:1440px),
       (min-width:1025px) and (max-width:1920px) and (max-height:850px) {
 body { --compact-space: clamp(14px,1.15vw,20px); --compact-photo: clamp(112px,18vh,150px); --compact-art: clamp(64px,9vh,96px); --compact-title: clamp(17px,1.3vw,20px); }
 body:not(.wl) #navbar.nav-reference .nav-utility-inner { min-height: 34px; gap: 12px; }
 body:not(.wl) #navbar.nav-reference .nav-utility-inner > p,
 body:not(.wl) #navbar.nav-reference .nav-utility-contact { font-size: 12px; }
 body:not(.wl) #navbar.nav-reference .nav-inner { height: 64px; gap: 14px; }
 body:not(.wl) #navbar.nav-reference::before { inset-block-start: 34px; }
 body:not(.wl) #navbar.nav-reference .nav-brand-name { font-size: 23px; }
 body:not(.wl) #navbar.nav-reference .medical-visible-mode .rd-switch { min-height: 30px; }
 body:not(.wl) #navbar.nav-reference .medical-visible-mode .rd-switch span { min-height: 24px; padding-block: 3px; font-size: 11px; }
 body:not(.wl) #navbar.nav-reference .nav-actions { gap: 6px; }
 body:not(.wl) #navbar.nav-reference .nav-cta { padding: 10px 12px !important; }

 body:not(.wl) #main .rd-hero-discovery { min-height: 0; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-inner { padding-block: clamp(20px,3vh,28px) 32px; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-copy { max-width: 580px; }
 body:not(.wl) #main .rd-hero-discovery h1 { font-size: clamp(32px,2.6vw,40px); line-height: 1.15; margin-bottom: 14px; }
 body:not(.wl) #main .rd-hero-discovery h1 strong { margin-top: 6px; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-sub { font-size: 16px; line-height: 1.6; margin-bottom: 18px; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-search { min-height: 50px; padding: 10px 16px; gap: 10px; margin-bottom: 14px; font-size: 16px; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-actions { gap: 10px; align-items: center; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-actions > a { min-height: 48px; padding: 11px 18px; font-size: 15px; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-actions > .telegram-link { flex: 0 0 48px; width: 48px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-actions > .telegram-link span { display: none; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-stats { margin-top: 20px; padding-top: 16px; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-stats b { font-size: 26px; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-stats span { font-size: 12px; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-legend { font-size: 12px; }
 body:not(.wl) #main .rd-section { padding-block: 40px; }
 body:not(.wl) #main .page-hero { padding-bottom: 24px; }
 body:not(.wl) #main .page-hero h1 { font-size: clamp(30px,2.8vw,38px); }

 /* Apply the compact scale to discovery cards and supporting content too. */
 body:not(.wl) #main :is(.rd-rail,.rd-docs) { gap: 16px; }
 body:not(.wl) #main #hospRail .rd-hcard,
 body:not(.wl) #main #doctorRail .rd-doc { width: clamp(260px,22vw,300px); flex: 0 0 clamp(260px,22vw,300px); min-height: 0; height: auto; }
 body:not(.wl) #main :is(.rd-hcard-img,.hospital-card-img) { height: var(--compact-photo); min-height: 0; }
 body:not(.wl) #main #doctorRail .rd-doc-img { height: 160px; }
 body:not(.wl) #main :is(.rd-hcard-body,.rd-doc-body,.rd-panel-body,.treatment-card-body) { padding: 16px !important; }
 body:not(.wl) #main :is(.rd-hcard-body h3,.rd-doc-name b,.hospital-name,.doctor-name,.treatment-card-name) { font-size: 18px !important; line-height: 1.35; }
 body:not(.wl) #main :is(.rd-hcard-body p,.rd-doc-body p,.doctor-hospital) { font-size: 13px; line-height: 1.5; margin-block: 6px 10px; }
 body:not(.wl) #main .hospital-specs { gap: 5px; margin-bottom: 12px; }
 body:not(.wl) #main .hospital-specs span { font-size: 11px; padding: 4px 8px; line-height: 1.4; }
 body:not(.wl) #main .rd-hcard-tags { top: 10px; inset-inline-start: 10px; }
 body:not(.wl) #main .rd-hcard-tags span { padding: 4px 8px; font-size: 10px; }
 body:not(.wl) #main .rd-hcard-logo { padding: 4px 7px; bottom: 8px; inset-inline-end: 8px; }
 body:not(.wl) #main .rd-hcard-logo img { height: 20px; max-width: 90px; }
 body:not(.wl) #main .rd-hcard-actions { gap: 8px; }
 body:not(.wl) #main .rd-hcard-actions a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 8px; font-size: 13px; }
 body:not(.wl) #main .medical-hospital-carousel .rd-rail-btns button { width: 44px; height: 44px; }
 body:not(.wl) #main :is(.hospital-card,.doctor-card,.rail-card) { padding: 16px; min-height: 0; }
 body:not(.wl) #main :is(.hospitals-grid,.doctors-grid,.treatment-cards-grid) { gap: 16px !important; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)) !important; }
 body:not(.wl) #main .doctor-avatar { width: 88px; height: 88px; margin-bottom: 12px; }
 body:not(.wl) #main .treatment-card-img { height: 120px !important; min-height: 0; }
 body:not(.wl) #main .medical-treatment-paper img { max-height: 108px; object-fit: contain; }
 body:not(.wl) #main :is(.rd-card,.rd-step,.rd-brand-card,.medical-stage,.medical-topic-card,.detail-card,.info-panel,.medical-blog-card) { padding: 18px; min-height: 0; height: auto; }
 body:not(.wl) #main :is(.rd-card,.rd-step,.rd-brand-card,.medical-stage,.medical-topic-card,.detail-card,.info-panel,.medical-blog-card) h3 { font-size: 18px !important; line-height: 1.4; }
 body:not(.wl) #main :is(.rd-card,.rd-step,.rd-brand-card,.medical-stage,.medical-topic-card,.detail-card,.info-panel,.medical-blog-card) p { font-size: 14px; line-height: 1.6; }
 body:not(.wl) #main .rd-head { margin-bottom: 20px; gap: 16px; }
 body:not(.wl) #main :is(.rd-h2,.section-title) { font-size: clamp(25px,2.2vw,32px); line-height: 1.3; }

 body:not(.wl) #main :is(.rd-card,.rd-step,.rd-brand-card,.medical-stage,.medical-topic-card,.detail-card,.info-panel,.medical-blog-card,.testimonial-card,.callout,.rd-quick-card,.rd-dd,.rd-next,.rd-safe,.rd-office,.medical-quote-action,.medical-journey-example,.medical-accommodation-options li) { padding: var(--compact-space) !important; min-height: 0; }
 body:not(.wl) #main :is(.rd-brand-cards,.medical-stage-grid,.medical-accommodation-options,.rd-grid-steps,.rd-dodont,.two-col-grid) { gap: var(--compact-space) !important; }
 body:not(.wl) #main :is(.rd-hcard-body,.rd-doc-body,.rd-panel-body,.treatment-card-body) { padding: var(--compact-space) !important; }
 body:not(.wl) #main :is(.rd-brand-card,.rd-card,.medical-topic-card,.medical-blog-card,.info-panel,.detail-card) h3 { font-size: var(--compact-title) !important; }
 /* Decorative illustrations retain their component size, even on short desktops. */
 body:not(.wl) #main .medical-task-links a { padding: var(--compact-space); gap: 10px; min-height: 0; }
 body:not(.wl) #main :is(.rd-brand-card .ic,.medical-topic-card .ic) { width: var(--compact-art) !important; height: var(--compact-art) !important; }
 body:not(.wl) #main .medical-treatment-hero > .section-inner > .medical-profile-paper,
 body:not(.wl) #main .medical-profile-paper { width: clamp(220px,23vw,340px); height: clamp(220px,23vw,340px); max-width: 100%; object-fit: contain; }
 body:not(.wl) #main :is(.hospital-avatar-box,.doctor-avatar-box) { width: clamp(170px,20vw,260px); height: clamp(170px,24vh,240px); flex-shrink: 0; }
 body:not(.wl) #main .doctor-avatar-box img { object-fit: contain; }
 body:not(.wl) #main :is(.rd-panel-art,.rd-blog-img,.blog-card-img) { height: var(--compact-photo); min-height: 0; }
 body:not(.wl) #main .rd-step-dot { width: 40px; height: 40px; }
 body:not(.wl) #main .rd-brand-mark { max-width: 140px; }
 body:not(.wl) #main .rd-brand-mark img { width: 100%; height: auto; }
 body:not(.wl) #main .medical-guide-flags .medical-country-flag { width: 36px; height: 27px; }

 /* Wellness keeps its reference appearance; only the available-space sizing changes. */
 body.wl #main :is(.wl-trad,.wl-prog-body,.wl-card-body,.wl-promise > div,.wl-thera,.wl-term,.wl-callout,.wl-glance,.wl-dosha,.wl-taste,.wl-stay,.wl-form) { padding: var(--compact-space); min-height: 0; }
 body.wl #main :is(.wl-trads,.wl-progs,.wl-cards,.wl-promise,.wl-thera-grid,.wl-steps) { gap: var(--compact-space); }
 body.wl #main :is(.wl-trad h3,.wl-prog h3,.wl-card-body h3,.wl-thera h3) { font-size: clamp(21px,1.65vw,26px); line-height: 1.3; }
 body.wl #main :is(.wl-card-art,.wl-prog-band) { height: var(--compact-photo); min-height: 0; }
 body.wl #main .wl-dest > a { padding: var(--compact-space); min-height: clamp(160px,25vh,220px); }
 body.wl #main .wl-dest > a b { font-size: clamp(24px,2.2vw,32px); }
 body.wl #main :is(.wl-h2,.wl-article h2) { font-size: clamp(28px,2.5vw,38px); }
 body.wl #main :is(.wl-hero-inner,.wl-ghero) { padding-bottom: 32px; }
 body.wl #main .wl-ghero { min-height: 360px; padding-top: calc(var(--nav-h,72px) + 24px); }
 body.wl #main :is(.wl-ghero h1,.wl-hero h1) { font-size: clamp(36px,3.8vw,52px); }
 body.wl #main .wl-hero-mark { width: clamp(120px,14vw,180px); height: clamp(120px,14vw,180px); }
 body.wl #main :is(.wl-hero-mandala,.wl-ghero-mandala) { width: clamp(340px,36vw,520px); height: clamp(340px,36vw,520px); }
 body.wl #main .wl-breathe { grid-template-columns: minmax(240px,.8fr) minmax(0,1fr); gap: 32px; }
 body.wl #main .wl-breathe-orb { width: clamp(220px,22vw,280px); height: clamp(220px,22vw,280px); }
 body.wl #main .wl-sec { padding-block: 28px; }
}
/* Keep the desktop links and geographic artwork rules out of the drawer layout. */
@media (min-width:1201px) and (max-width:1440px),
       (min-width:1201px) and (max-width:1920px) and (max-height:850px) {
 body:not(.wl) #navbar.nav-reference .nav-primary { gap: 12px; padding: 7px 10px; }
 body:not(.wl) #navbar.nav-reference .nav-primary a,
 body:not(.wl) #navbar.nav-reference .nav-primary .nav-guide > summary { font-size: 13px; }
 body:not(.wl) #main .rd-hero-discovery .rd-hero-map > div { transform: translateX(clamp(30px,3vw,58px)) scale(.86); transform-origin: 63% 0; }
}