/* 1.24: one visual system across viewports. Keep the complete hero composition,
 * scale its typography with the viewport, and reflow dense content without hiding it. */
.emp-hero { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; height: auto; aspect-ratio: 3 / 1; min-height: 160px; max-height: 510px; }
.emp-hero .emp-photo { overflow: hidden; }
.emp-hero-left { inset: 0 auto 0 0; width: 44.5%; height: 100%; }
.emp-hero-right { inset: 0 0 auto auto; width: 19%; height: 78%; }
.emp-hero-copy { top: 4%; right: 15%; width: 45%; padding: 0; }
.emp-hero-logo { height: clamp(36px, 10vw, 145px); max-width: 30%; }
.emp-hero h1 { font-size: clamp(16px, 3.8vw, 56px); line-height: 1.4; letter-spacing: -.025em; }
.emp-tagline { font-size: clamp(11px, 2.6vw, 36px); line-height: 1.5; margin: 2px 0 clamp(5px, 1.5vw, 22px); }
.emp-hero ul { gap: 0; flex-wrap: nowrap; }
.emp-hero li { font-size: clamp(8px, 1.08vw, 15px); gap: clamp(2px, .5vw, 7px); padding: 2px clamp(3px, .8vw, 12px); }
.emp-hero li svg { width: clamp(9px, 1.8vw, 24px); height: clamp(9px, 1.8vw, 24px); padding: 2px; flex-shrink: 0; }
.emp-hero-copy > p:last-child { font-size: clamp(9px, 1.15vw, 16px); line-height: 1.65; margin: clamp(4px, 1vw, 15px) 0 0; }
.emp-author-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; }
.emp-author-portrait { width: 136px; }
.qiraah-reference .author-footer .footer-brand strong { color: #fff; }
.qiraah-reference .author-footer .footer-brand span { color: #c5e4e9; }
.qiraah-reference .author-footer .footer-bottom,
.qiraah-reference .author-footer .footer-bottom span { color: #c5e4e9; font-size: 12px; }
#emp-about, #emp-author { scroll-margin-top: 145px; }
.single-book-page .single-book-secondary-art { display: block; }
.single-book-page .single-book-hero-art { max-width: 100%; }
.qiraah-reference :where(main, section, article, form, fieldset, .container) { min-width: 0; }
.qiraah-reference :where(input, select, textarea) { max-width: 100%; }
.qiraah-reference :where(img, video) { max-width: 100%; }
.qiraah-reference :where(.consultation-paid-form, .woocommerce, .account-grid, .library-grid) { overflow-wrap: anywhere; }

@media (max-width: 850px) {
  .single-book-hero-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 20px; min-height: 0; }
  .single-book-info { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 24px; }
  .single-book-secondary-art .single-book-mockup { width: 100%; max-width: 220px; height: auto; aspect-ratio: 250 / 280; }
  .single-book-hero-art { width: 100%; height: auto; aspect-ratio: 410 / 420; }
  .single-book-mockup .single-book-back { padding: 15px 9px; gap: 10px; font-size: 11px; }
  .single-book-back strong { font-size: clamp(10px, 1.8vw, 17px); }
  .single-book-back span { font-size: clamp(8px, 1.3vw, 11px); }
}
@media (max-width: 600px) {
  .qiraah-reference .container { width: calc(100% - 28px); }
  .qiraah-reference .site-header .header-inner { width: calc(100% - 28px); }
  .qiraah-reference .single-site-header .header-search input { font-size: 16px; }
  .qiraah-reference .single-site-header .header-search { height: 42px !important; }
  .qiraah-reference .single-site-header .menu-toggle,
  .qiraah-reference .single-site-header .rd-header-tools a { min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; }
  .emp-hero { aspect-ratio: 2.5 / 1; min-height: 155px; }
  .emp-hero-copy { width: 55%; right: 8%; top: 5%; background: radial-gradient(ellipse, #ffffffed, #ffffffb0 62%, transparent 80%); }
  .emp-hero-left { width: 42%; height: 100%; }
  .emp-hero-right { width: 19%; height: 78%; }
  .emp-hero h1 { font-size: clamp(17px, 4.4vw, 26px); }
  .emp-hero-logo { max-width: 31%; height: clamp(36px, 10vw, 60px); }
  .emp-tagline { font-size: clamp(11px, 2.8vw, 16px); }
  .emp-hero li { font-size: clamp(7px, 1.8vw, 10px); padding-inline: 3px; }
  .emp-hero li svg { width: 10px; height: 10px; }
  .emp-hero-copy > p:last-child { font-size: clamp(8px, 2vw, 11px); }
  .emp-home .emp-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .emp-home .emp-product-grid article { padding: 6px; border-radius: 14px; }
  .emp-home .emp-card-image { height: auto; aspect-ratio: 1.55; border-radius: 9px; }
  .emp-home .emp-product-grid article > div { padding: 10px 2px 3px; }
  .emp-home .emp-product-grid h3 { font-size: 14px; line-height: 1.6; display: block; }
  .emp-home .emp-product-grid h3 svg { width: 23px; height: 23px; display: block; margin: 0 auto 3px; }
  .emp-home .emp-product-grid p { font-size: 12px; line-height: 1.7; min-height: 0; }
  .emp-home .emp-product-grid .button { font-size: 11px; min-height: 44px; padding: 7px; width: 100%; }
  .emp-home .emp-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .emp-section-title { font-size: clamp(22px, 5.5vw, 29px); gap: 10px; }
  .emp-author-layout { grid-template-columns: 105px minmax(0, 1fr); gap: 18px; text-align: right; align-items: start; }
  .emp-author-portrait { width: 100px; }
  .emp-author-layout h3 { font-size: 18px; }
  .emp-author-layout p, .emp-about > p { font-size: 14px; line-height: 1.9; }
  .single-book-hero-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); padding: 24px 0; gap: 12px; }
  .single-book-copy h1 { font-size: clamp(20px, 4.7vw, 28px); }
  .single-book-subtitle { font-size: 17px; }
  .single-book-copy > p:not(.single-book-subtitle) { font-size: 12px; line-height: 1.8; }
  .single-book-kicker { font-size: 13px; }
  .single-book-pillars { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 15px 0; }
  .single-book-pillars svg { width: 32px; height: 32px; padding: 5px; }
  .single-book-pillars span { font-size: 10px; }
  .single-book-actions { gap: 8px; }
  .single-book-actions .actions, .single-book-actions .button { width: 100%; min-width: 0; }
  .single-book-page .button { font-size: 12px; padding: 9px 10px; min-height: 44px; }
  .single-book-hero .single-book-mockup { margin: 0; }
  .single-book-back { gap: 10px; }
  .single-book-price small { display: block; line-height: 1.7; }
  .single-book-info { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 14px; padding-top: 25px; }
  .single-book-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .single-book-facts > div { min-height: 100px; padding: 10px 5px; }
  .single-book-facts strong { font-size: 12px; }
  .single-book-facts svg { width: 28px; height: 28px; }
  .single-book-page h2 { font-size: 22px; line-height: 1.6; }
  .single-book-page h2:after { width: 25px; margin-right: 8px; }
  .single-book-info-copy p { font-size: 14px; }
  .single-book-secondary-art .button { width: 100%; min-width: 0; }
  .single-book-preview { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 12px; padding: 18px !important; }
  .single-book-preview > span { width: 45px; height: 45px; }
  .single-book-preview > span svg { width: 29px; height: 29px; }
  .single-book-preview .button { grid-column: 1 / -1; margin: 0; width: 100%; }
  .single-book-preview p { font-size: 13px; }
  .single-book-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .single-book-cards article { padding: 16px 10px; }
  .single-book-cards h3 { font-size: 15px; }
  .single-book-learning ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  .single-book-learning li:after { display: none; }
  .single-book-closing { background-size: cover; padding: 25px 10px; }
  .single-book-closing h2 { font-size: 20px; }
  .single-book-page .single-book-back p { font-size: 9px; line-height: 1.5; }
  .qiraah-reference .consultation-paid-form :is(input, select, textarea),
  .qiraah-reference .woocommerce :is(input, select, textarea),
  .qiraah-reference .auth-card :is(input, select, textarea) { font-size: 16px; min-width: 0; }
  .qiraah-reference .consultation-paid-form input[type=date],
  .qiraah-reference .consultation-paid-form input[type=time] { min-height: 48px; width: 100%; box-sizing: border-box; }
  .qiraah-reference .consultation-paid-form fieldset { padding: 16px 12px; }
  .qiraah-reference .woocommerce table { font-size: 13px; }
  .qiraah-reference .author-footer .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 18px; }
  .qiraah-reference .author-footer .footer-brand { grid-column: 1 / -1; }
  .qiraah-reference .author-footer .footer-group { min-width: 0; border: 0; }
  .qiraah-reference .author-footer a { overflow-wrap: anywhere; min-height: 32px; }
  .qiraah-reference .author-footer .footer-grid > .footer-group:first-child { grid-column: 1 / -1; }
}
@media (max-width: 359px) {
  .emp-home .emp-product-grid { grid-template-columns: 1fr; }
  .emp-home .emp-card-image { aspect-ratio: 2; }
  .emp-home .emp-product-grid p { font-size: 14px; }
  .emp-home .emp-product-grid h3 { font-size: 18px; }
  .emp-author-layout { grid-template-columns: 1fr; text-align: center; }
  .single-book-info { grid-template-columns: 1fr; }
  .single-book-secondary-art .single-book-mockup { max-width: 180px; }
}