/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.offline-indicator{position:fixed;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;z-index:9999;background-color:#c9a227;color:#1a202c;padding-block:var(--space-2,8px);padding-inline:var(--space-4,16px);font-family:'Tajawal','Noto Kufi Arabic',Arial,sans-serif;font-size:0.9rem;line-height:1.5;transform:translateY(-100%);transition:transform 0.3s ease;}.offline-indicator[hidden]{display:none;}.offline-indicator--visible{transform:translateY(0);}.offline-indicator__inner{display:flex;align-items:center;gap:var(--space-2,8px);max-width:var(--layout-max-width,1280px);margin-inline:auto;}.offline-indicator__icon{flex-shrink:0;font-size:1.1rem;}.offline-indicator__text{flex:1;font-weight:500;}.pwa-install-banner{position:fixed;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;z-index:9998;background-color:var(--color-surface,#ffffff);border-block-start:3px solid var(--color-heritage,#276749);box-shadow:0 -4px 16px rgba(0,0,0,0.12);padding-block:var(--space-4,16px);padding-inline:var(--space-4,16px);font-family:'Tajawal','Noto Kufi Arabic',Arial,sans-serif;animation:pwa-banner-slide-up 0.35s ease;}@keyframes pwa-banner-slide-up{from{transform:translateY(100%);}to{transform:translateY(0);}}.pwa-install-banner__inner{display:flex;align-items:center;gap:var(--space-3,12px);max-width:var(--layout-max-width,1280px);margin-inline:auto;flex-wrap:wrap;}.pwa-install-banner__icon{font-size:2rem;flex-shrink:0;}.pwa-install-banner__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1,4px);}.pwa-install-banner__title{font-size:1rem;font-weight:700;color:var(--color-text,#1a202c);display:block;}.pwa-install-banner__desc{font-size:0.875rem;color:var(--color-text-muted,#718096);display:block;}.pwa-install-banner__actions{display:flex;align-items:center;gap:var(--space-2,8px);flex-shrink:0;}.pwa-install-banner__btn{cursor:pointer;border:none;border-radius:var(--radius-md,8px);font-family:inherit;font-size:0.9rem;font-weight:600;padding-block:var(--space-2,8px);padding-inline:var(--space-4,16px);transition:background-color 0.2s ease,color 0.2s ease;}.pwa-install-banner__btn--install{background-color:var(--color-heritage,#276749);color:#ffffff;}.pwa-install-banner__btn--install:hover,.pwa-install-banner__btn--install:focus-visible{background-color:#1B4332;outline:2px solid var(--color-accent,#c9a227);outline-offset:2px;}.pwa-install-banner__btn--dismiss{background-color:transparent;color:var(--color-text-muted,#718096);padding-inline:var(--space-2,8px);font-size:1.1rem;}.pwa-install-banner__btn--dismiss:hover,.pwa-install-banner__btn--dismiss:focus-visible{color:var(--color-text,#1a202c);background-color:var(--color-border,#e2e8f0);outline:2px solid var(--color-accent,#c9a227);outline-offset:2px;}@media (max-width:480px){.pwa-install-banner__inner{flex-direction:column;align-items:flex-start;}.pwa-install-banner__actions{width:100%;justify-content:space-between;}.pwa-install-banner__btn--install{flex:1;}}
.teaser-modal[hidden]{display:none;}.teaser-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);}.teaser-modal__overlay{position:absolute;inset:0;background:rgb(11 22 35 / 0.6);backdrop-filter:blur(2px);}.teaser-modal__dialog{position:relative;z-index:1;inline-size:min(1180px,94vw);max-block-size:92vh;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;background:var(--color-parchment);border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-lg);padding:clamp(var(--space-6),4vw,var(--space-12));}body.has-teaser-modal{overflow:hidden;}.teaser-modal__close{position:absolute;inset-block-start:var(--space-4);inset-inline-start:var(--space-4);inline-size:42px;block-size:42px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-accent-dark);font-size:1.6rem;line-height:1;cursor:pointer;}.teaser-modal__close:hover,.teaser-modal__close:focus-visible{background:rgb(160 120 24 / 0.12);}.teaser-modal__loading{text-align:center;color:var(--color-text-muted);padding-block:var(--space-12);}.teaser-popup--figure{text-align:center;}.teaser-popup__seal.seal-medallion{margin-inline:auto;margin-block-end:var(--space-4);}.teaser-popup__name,.teaser-popup__title{font-family:var(--font-heading);font-size:var(--fs-h3);color:var(--color-primary-dark);margin-block:0 var(--space-3);}.teaser-popup__heading{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:var(--space-2);}.teaser-popup__honorific{color:var(--color-text-muted);font-size:var(--fs-body-sm);}.teaser-popup__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);list-style:none;padding:0;margin:0 0 var(--space-4);}.teaser-popup__tag{padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--color-primary-dark);color:#fff;font-size:var(--fs-meta);font-weight:700;}.teaser-popup--figure .teaser-popup__tag--tone-1{background:#587966;color:#fff;}.teaser-popup--figure .teaser-popup__tag--tone-2{background:#e6c968;color:#493708;}.teaser-popup--figure .teaser-popup__tag--tone-3{background:#7a5b12;color:#fff;}.teaser-popup__tags--green .teaser-popup__tag{background:var(--green-700);}.teaser-popup__rule{position:relative;border:0;block-size:1px;background:var(--color-accent);opacity:0.72;max-inline-size:820px;margin:0 auto var(--space-5);}.teaser-popup__rule::before,.teaser-popup__rule::after{content:'';position:absolute;inset-block-start:50%;inline-size:9px;block-size:9px;border-radius:50%;background:var(--color-accent-dark);transform:translateY(-50%);}.teaser-popup__rule::before{inset-inline-start:0;}.teaser-popup__rule::after{inset-inline-end:0;}.teaser-popup__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-inline-size:820px;margin:0 auto var(--space-5);}.teaser-popup__fact{padding-inline:var(--space-4);border-inline-start:1px solid rgb(160 120 24 / 0.3);}.teaser-popup__fact:first-child{border-inline-start:0;}.teaser-popup__fact dt{margin-block-end:0.1rem;color:var(--color-text-muted);font-size:var(--fs-meta);}.teaser-popup__fact dd{margin:0;color:var(--color-primary-dark);font-size:var(--fs-body-sm);font-weight:700;}.teaser-popup__bio{max-inline-size:90ch;color:var(--color-text);line-height:var(--lh-body);margin:0 auto var(--space-5);}.teaser-popup__text-point{position:relative;padding-inline-start:var(--space-6);text-align:start;}.teaser-popup__text-point::before{content:'';position:absolute;inset-block-start:0.75em;inset-inline-start:0;inline-size:9px;block-size:9px;border:1px solid var(--color-accent-dark);background:var(--color-accent);}.teaser-popup__quote{position:relative;max-inline-size:90ch;margin:0 auto var(--space-6);padding:var(--space-8) clamp(var(--space-10),7vw,var(--space-16));background:linear-gradient(100deg,#284663 0%,var(--color-primary-dark) 52%,#284663 100%);border-radius:var(--radius-lg);color:rgb(255 255 255 / 0.9);}.teaser-popup__quote blockquote{margin:0;line-height:2;font-size:var(--fs-body-sm);}.teaser-popup__quote-mark{position:absolute;inset-inline-start:var(--space-4);inset-block-start:var(--space-2);font-family:var(--font-heading);font-size:4.5rem;color:var(--color-accent);opacity:0.9;}.teaser-popup__quote::after{content:'“';position:absolute;inset-inline-end:var(--space-4);inset-block-end:var(--space-2);color:var(--color-accent);font-family:var(--font-heading);font-size:4.5rem;line-height:1;opacity:0.9;}.teaser-popup__secondary-bio{max-inline-size:90ch;margin:0 auto var(--space-6);color:var(--color-text-muted);line-height:var(--lh-body);}.teaser-popup__rule--closing{margin-block:0 var(--space-6);}.teaser-popup__actions{display:flex;justify-content:center;margin-block-start:var(--space-4);}.teaser-popup__action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);border-radius:8px;background:var(--color-accent);color:var(--color-primary-dark);font-weight:700;text-decoration:none;transition:background-color 0.2s ease,transform 0.15s ease;}.teaser-popup__action:hover,.teaser-popup__action:focus-visible{background:var(--color-accent-dark);color:var(--color-primary-dark);text-decoration:none;}.teaser-popup--figure .teaser-popup__action{background:var(--color-primary);color:#fff;}.teaser-popup--figure .teaser-popup__action:hover,.teaser-popup--figure .teaser-popup__action:focus-visible{background:var(--color-primary-dark);color:#fff;}.teaser-popup--book{display:grid;grid-template-columns:1fr 320px;gap:var(--space-10);align-items:start;}.teaser-popup__author{color:var(--color-text-muted);margin-block:0 var(--space-4);}.teaser-popup--book .teaser-popup__tags{justify-content:flex-start;}.teaser-popup__desc{background:rgb(255 255 255 / 0.5);border:1px solid var(--accent-300);border-radius:var(--radius-lg);padding:var(--space-5);line-height:var(--lh-body);color:var(--color-text);}.teaser-popup--book .teaser-popup__actions{justify-content:flex-start;margin-block-start:var(--space-6);}.teaser-popup__cover{aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);}.teaser-popup__cover img{inline-size:100%;block-size:100%;object-fit:cover;}.teaser-popup__cover-fallback{display:block;block-size:100%;background:linear-gradient(160deg,var(--primary-700),var(--primary-900));}@media (max-width:640px){.teaser-modal{padding:var(--space-3);}.teaser-modal__dialog{inline-size:100%;max-block-size:94vh;max-block-size:calc(100dvh - 1.5rem);padding:var(--space-8) var(--space-5) var(--space-6);}.teaser-popup__name,.teaser-popup__title{font-size:clamp(1.75rem,7vw,2rem);line-height:1.5;}.teaser-popup__facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-3);}.teaser-popup__fact,.teaser-popup__fact:first-child{border-inline-start:0;padding-inline:var(--space-2);}.teaser-popup__quote{padding:var(--space-6) var(--space-8);}.teaser-popup__quote-mark,.teaser-popup__quote::after{font-size:3rem;}.teaser-popup--book{grid-template-columns:1fr;}.teaser-popup__cover{max-inline-size:220px;margin-inline:auto;}}@media (prefers-reduced-motion:no-preference){.teaser-popup__action:hover,.teaser-popup__action:focus-visible{transform:translateY(-2px);}}
