@font-face{font-family:'Amiri';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/amiri-regular.ttf') format('truetype')}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/amiri-bold.ttf') format('truetype')}
@font-face{font-family:'Aref Ruqaa';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/aref-ruqaa-regular.ttf') format('truetype')}
@font-face{font-family:'Aref Ruqaa';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/aref-ruqaa-bold.ttf') format('truetype')}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/alexandria-variable.ttf') format('truetype')}
@font-face{font-family:'Marhey';font-style:normal;font-weight:300 700;font-display:swap;src:url('assets/fonts/marhey-variable.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/tajawal-regular.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/tajawal-medium.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/tajawal-bold.ttf') format('truetype')}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:160 700;font-display:swap;src:url('assets/fonts/readex-pro-variable.ttf') format('truetype')}

/* Original remains available with ?type=original. New versions share the approved logo. */
html[lang=ar][dir=rtl][data-theme][data-arabic-type=diwan]{
  --arabic:'Amiri',serif;--arabic-body:'IBM Plex Sans Arabic',Arial,sans-serif;
  --ar-heading-weight:400;--ar-heading-leading:1.5;--ar-title-size:52px;
}
html[lang=ar][dir=rtl][data-theme][data-arabic-type=signature]{
  --arabic:'Aref Ruqaa',serif;--arabic-body:'Noto Sans Arabic',Arial,sans-serif;
  --ar-heading-weight:400;--ar-heading-leading:1.5;--ar-title-size:52px;
}
html[lang=ar][dir=rtl][data-theme][data-arabic-type=modern]{
  --arabic:'Alexandria',sans-serif;--arabic-body:'Alexandria',Arial,sans-serif;
  --ar-heading-weight:400;--ar-heading-leading:1.5;--ar-title-size:43px;
}
html[lang=ar][dir=rtl][data-theme][data-arabic-type=marhey]{
  --arabic:'Marhey',sans-serif;--arabic-body:'Tajawal',Arial,sans-serif;
  --ar-heading-weight:500;--ar-heading-leading:1.5;--ar-title-size:46px;
}
html[lang=ar][dir=rtl][data-theme][data-arabic-type=tajawal]{
  --arabic:'Tajawal',sans-serif;--arabic-body:'Tajawal',Arial,sans-serif;
  --ar-heading-weight:500;--ar-heading-leading:1.4;--ar-title-size:50px;
}
html[lang=ar][dir=rtl][data-theme][data-arabic-type=readex]{
  --arabic:'Readex Pro',sans-serif;--arabic-body:'Readex Pro',Arial,sans-serif;
  --ar-heading-weight:400;--ar-heading-leading:1.5;--ar-title-size:43px;
}
html[lang=ar][dir=rtl][data-theme][data-arabic-type]:not([data-arabic-type=original]) :is(h1,h2,h3){
  font-family:var(--arabic);font-weight:var(--ar-heading-weight);line-height:var(--ar-heading-leading);
  font-synthesis:none;letter-spacing:0;word-spacing:0;
}
html[lang=ar][dir=rtl][data-theme][data-arabic-type]:not([data-arabic-type=original]) :is(.hero-words,.page-intro,.business-intro .business-intro-words,.selection-copy) h1{
  font-size:var(--ar-title-size);line-height:var(--ar-heading-leading);max-width:20em;
}
html[lang=ar][dir=rtl][data-theme][data-arabic-type=modern] body{font-size:14px;line-height:1.85}
html[lang=ar][dir=rtl][data-theme][data-arabic-type=modern] :is(.hero-thought,.page-intro .lede,.business-intro-words>p:not(.small-title)){font-size:14px;line-height:1.9}
html[lang=ar][dir=rtl][data-theme][data-arabic-type=signature] :is(.hero-thought,.page-intro .lede,.business-intro-words>p:not(.small-title)){font-size:14px;line-height:1.85}

/* Header begins at the top of the page: no announcement or country strip. */
html[data-theme] .site-header{--nav-height:112px}
html[data-theme=contour] .site-header{--nav-height:105px}
html[data-theme] .mobile-menu{top:var(--nav-height,112px)}
html[lang=ar][dir=rtl][data-theme] .mobile-menu{top:102px}
.quantity-field{display:block}
.quantity-field>.field{max-width:100%}
.supply-summary{grid-template-columns:1fr 1fr}
.supply-summary>div:last-child{display:block}

/* Private comparison page, excluded from indexing and the public navigation. */
.type-editions{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:70px}
.type-editions-new{grid-template-columns:repeat(3,minmax(0,1fr))}
.type-edition{padding:36px;background:#ede8dd;border:1px solid #d5cbb7;color:#354631;display:flex;flex-direction:column;align-items:stretch;gap:20px}
.type-edition small{font-family:var(--arabic-body);font-size:12px;line-height:1.7;color:#76694f}
.type-edition .type-sample{font-size:40px!important;line-height:1.65!important;font-weight:400!important;margin:0;min-height:132px}
.type-edition[data-font-sample=diwan] .type-sample{font-family:'Amiri',serif!important}
.type-edition[data-font-sample=signature] .type-sample{font-family:'Aref Ruqaa',serif!important}
.type-edition[data-font-sample=modern] .type-sample{font-family:'Alexandria',sans-serif!important;font-size:32px!important}
.type-edition[data-font-sample=original] .type-sample{font-family:'El Messiri',sans-serif!important;font-size:36px!important}
.type-edition[data-font-sample=marhey] .type-sample{font-family:'Marhey',sans-serif!important;font-weight:500!important;font-size:35px!important}
.type-edition[data-font-sample=tajawal] .type-sample{font-family:'Tajawal',sans-serif!important;font-weight:500!important}
.type-edition[data-font-sample=readex] .type-sample{font-family:'Readex Pro',sans-serif!important;font-size:34px!important}
.type-edition p{font-size:14px;line-height:1.85;margin:0}
.type-edition-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:auto}
.type-edition-actions a{font-size:13px;border-bottom:1px solid #9e8c70;padding-block:8px}
html[data-theme=nocturne] .type-edition{background:#efe8d9;color:#354631}
.previous-typography{padding-bottom:70px}
.previous-typography>summary{cursor:pointer;font-size:15px;line-height:1.7;padding-block:20px;border-top:1px solid var(--line);margin-bottom:24px}
.selection-images .pack-media{margin-top:0}
@media(max-width:1050px){
  .type-editions-new{grid-template-columns:1fr 1fr}
  html[lang=ar][dir=rtl][data-theme] .mobile-menu{top:94px}
  html[lang=ar][dir=rtl][data-theme][data-arabic-type=diwan],html[lang=ar][dir=rtl][data-theme][data-arabic-type=signature]{--ar-title-size:46px}
  html[lang=ar][dir=rtl][data-theme][data-arabic-type=modern]{--ar-title-size:38px}
  html[lang=ar][dir=rtl][data-theme][data-arabic-type=marhey]{--ar-title-size:40px}
  html[lang=ar][dir=rtl][data-theme][data-arabic-type=tajawal]{--ar-title-size:44px}
  html[lang=ar][dir=rtl][data-theme][data-arabic-type=readex]{--ar-title-size:38px}
}
@media(max-width:950px){html[data-theme] .mobile-menu{top:100px}html[data-theme=contour] .mobile-menu{top:105px}}
@media(max-width:650px){
  html[data-theme] .mobile-menu{top:87px}
  html[lang=ar][dir=rtl][data-theme] .mobile-menu{top:82px}
  html[lang=ar][dir=rtl][data-theme][data-arabic-type=diwan]{--ar-title-size:37px;--ar-heading-leading:1.5}
  html[lang=ar][dir=rtl][data-theme][data-arabic-type=signature]{--ar-title-size:39px;--ar-heading-leading:1.5}
  html[lang=ar][dir=rtl][data-theme][data-arabic-type=modern]{--ar-title-size:31px;--ar-heading-leading:1.55}
  html[lang=ar][dir=rtl][data-theme][data-arabic-type=marhey]{--ar-title-size:32px;--ar-heading-leading:1.55}
  html[lang=ar][dir=rtl][data-theme][data-arabic-type=tajawal]{--ar-title-size:36px;--ar-heading-leading:1.45}
  html[lang=ar][dir=rtl][data-theme][data-arabic-type=readex]{--ar-title-size:31px;--ar-heading-leading:1.55}
  html[lang=ar][dir=rtl][data-theme][data-arabic-type=modern] :is(.hero-thought,.page-intro .lede,.business-intro-words>p:not(.small-title)){font-size:13px;line-height:1.85}
  .type-editions{grid-template-columns:1fr;gap:20px;padding-bottom:45px}
  .type-edition{padding:27px 23px;gap:17px}
  .type-edition .type-sample{font-size:36px!important;min-height:100px}
  .type-edition[data-font-sample=modern] .type-sample{font-size:29px!important}
}
