/* Arabic typography and right-to-left layout. Other editions retain their layout. */
@font-face{font-family:SentientArabicText;src:url('../fonts/arabic-sans.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:SentientArabicText;src:url('../fonts/arabic-sans-bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:SentientArabicDisplay;src:url('../fonts/arabic-naskh.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:SentientArabicDisplay;src:url('../fonts/arabic-naskh-bold.woff') format('woff');font-weight:700;font-display:swap}
html[lang="ar"]{--sans:SentientArabicText,Tahoma,Arial,sans-serif;--serif:SentientArabicDisplay,"Noto Naskh Arabic",serif}
html[lang="ar"] body{font-size:15px;line-height:1.9}
html[lang="ar"] :is(h1,h2,h3,h4,.eyebrow,.small-note,.section-kicker,.card-meta,.diet-badge,.dialog-category,.recipe-facts dt,.footer-menu-title,.image-caption,.photo-label,.announcement){letter-spacing:0}
html[lang="ar"] :is(em,i){font-style:normal}
html[lang="ar"] :is(button,input){font-family:var(--sans)}
html[lang="ar"] :is(.recipe-open,.recipe-title-button,.faq-list summary){text-align:start}
html[lang="ar"] .hero-copy{padding:65px 70px 55px 42px}
html[lang="ar"] .hero h1{font-size:clamp(56px,5.7vw,87px);line-height:1.4;white-space:normal;font-weight:400;margin-top:22px;text-wrap:balance}
html[lang="ar"] .hero-intro{font-size:16px;line-height:2;max-width:450px;margin-top:15px}
html[lang="ar"] .hero-media{border-radius:0 0 130px 0}
html[lang="ar"] .photo-label{right:auto;left:25px;font-size:10px}
html[lang="ar"] .hero-seal{left:auto;right:25px;transform:rotate(10deg)}
html[lang="ar"] .hero-seal span{font-size:11px;letter-spacing:0}
html[lang="ar"] .hero-footnote p{font-size:12px;line-height:1.9}
html[lang="ar"] .small-note{font-size:10px}
html[lang="ar"] :is(h2,.closing-note>p){line-height:1.45;font-weight:400}
html[lang="ar"] h2{font-size:52px}
html[lang="ar"] .philosophy-copy .large-copy{font-size:27px;line-height:1.7}
html[lang="ar"] :is(.philosophy-copy,.recipe-heading-copy>p,.kitchen-copy>p,.pantry-substitutions p,.food-quality-grid p,.philosophy-reflections p,.faq-list details p){font-size:14px;line-height:2}
html[lang="ar"] .principles h3{font-size:27px}
html[lang="ar"] .principles p{font-size:13px}
html[lang="ar"] .source-note a{margin-left:0;margin-right:8px}
html[lang="ar"] .recipe-heading-copy{max-width:400px}
html[lang="ar"] .recipe-card h3{font-size:29px;line-height:1.5;padding-right:0;padding-left:15px}
html[lang="ar"] .recipe-description{font-size:13px;line-height:1.95;padding-right:0;padding-left:14px}
html[lang="ar"] .card-link{font-size:12px}
html[lang="ar"] .card-meta{font-size:10px}
html[lang="ar"] .card-save{right:auto;left:13px}
html[lang="ar"] .diet-badge{left:auto;right:12px;font-size:10px}
html[lang="ar"] .filter{font-size:12px;padding:8px 17px}
html[lang="ar"] .filter-count{margin-left:0;margin-right:6px}
html[lang="ar"] .results-bar{font-size:12px}
html[lang="ar"] .results-bar>span{font-size:10px}
html[lang="ar"] .image-caption{left:auto;right:23px;font-size:10px}
html[lang="ar"] .kitchen-photo{border-radius:6px 6px 6px 90px}
html[lang="ar"] .flavour-pair strong{font-size:26px}
html[lang="ar"] .flavour-pair span{font-size:11px}
html[lang="ar"] .food-guide-column p{font-size:13px}
html[lang="ar"] .footer-main>p{font-size:26px;line-height:1.7}
html[lang="ar"] .site-footer nav{font-size:12px}
html[lang="ar"] .footer-bottom{font-size:10px}
html[lang="ar"] .footer-email{direction:ltr;unicode-bidi:isolate;display:inline-block}
html[lang="ar"] .language-dropdown{right:auto;left:0;text-align:start}
html[lang="ar"] .language-dropdown a{direction:ltr;unicode-bidi:isolate;text-align:start;font-family:Arial,var(--sans)}
html[lang="ar"] .language-dropdown a[lang="ar"]{direction:rtl;font-family:var(--sans)}
html[lang="ar"] .header-language-select summary{font-size:12px}
html[lang="ar"] .dialog-summary h2{font-size:37px;line-height:1.6;letter-spacing:0}
html[lang="ar"] .dialog-summary>p{font-size:14px;line-height:1.9}
html[lang="ar"] .dialog-body h3{font-size:31px}
html[lang="ar"] .ingredients-list li{font-size:13px;line-height:1.9}
html[lang="ar"] .steps-list li{font-size:14px;line-height:2;padding-left:0;padding-right:35px}
html[lang="ar"] .steps-list li::before{left:auto;right:0}
html[lang="ar"] .recipe-facts dt{font-size:10px}
html[lang="ar"] .recipe-facts dd{font-size:13px}
html[lang="ar"] .recipe-note{font-size:12px;line-height:2}
html[lang="ar"] .dietary-note{font-size:12px;line-height:2}
html[lang="ar"] :is(.button,.text-link,.card-link)>.icon:last-child{transform:scaleX(-1)}
@media(max-width:1100px){html[lang="ar"] .hero-copy{padding-right:40px;padding-left:28px}html[lang="ar"] .main-nav{gap:20px}html[lang="ar"] .header-actions{gap:12px}html[lang="ar"] .hero h1{font-size:clamp(48px,5.7vw,66px)}}
@media(max-width:760px){
  html[lang="ar"] .hero-copy{padding:40px 25px 34px}
  html[lang="ar"] .hero h1{font-size:clamp(45px,10.9vw,68px);line-height:1.5}
  html[lang="ar"] .hero-intro{font-size:14px;line-height:2}
  html[lang="ar"] .hero-media{border-radius:0 0 85px 0;margin-left:0;margin-right:25px}
  html[lang="ar"] .hero-seal{right:22px;left:auto}
  html[lang="ar"] .card-save{left:9px;right:auto}
  html[lang="ar"] .diet-badge{right:8px;left:auto;font-size:9px}
  html[lang="ar"] h2{font-size:41px}
  html[lang="ar"] .recipe-card h3{font-size:25px;padding-left:0;line-height:1.5}
  html[lang="ar"] .recipe-description{font-size:12px;padding-left:0;line-height:1.9}
  html[lang="ar"] .card-meta{font-size:9px}
  html[lang="ar"] .kitchen-copy h2{font-size:40px}
  html[lang="ar"] .kitchen-layout{grid-template-columns:minmax(0,1fr)}
  html[lang="ar"] .kitchen-photo{min-width:0;min-height:0;width:100%;aspect-ratio:1.05}
  html[lang="ar"] .meditation-banner h2{font-size:40px}
  html[lang="ar"] .closing-note>p{font-size:38px}
  html[lang="ar"] .filter{font-size:11px;padding:7px 13px}
  html[lang="ar"] .dialog-summary h2{font-size:32px}
  html[lang="ar"] .hero-actions .text-link{font-size:12px}
  html[lang="ar"] .main-nav{align-items:flex-start}
}
@media(max-width:390px){html[lang="ar"] .recipe-grid{grid-template-columns:1fr}html[lang="ar"] .recipe-card h3{font-size:29px}html[lang="ar"] .hero h1{font-size:44px}html[lang="ar"] .brand-image{width:155px}html[lang="ar"] .header-actions{gap:10px}}
@media print{html[lang="ar"] .dialog-summary h2{font-size:28px}html[lang="ar"] :is(.steps-list li,.ingredients-list li){font-size:11px}}