@font-face{font-family:'IBM Plex Sans Arabic';src:url('assets/fonts/arabic/regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('assets/fonts/arabic/semibold.woff2') format('woff2');font-style:normal;font-weight:500 800;font-display:swap}
.language-switch{display:inline-flex;align-items:center;justify-content:center;border:1px solid #777;border-radius:99px;padding:7px 12px;color:inherit;font:500 13px/1.5 var(--sans);white-space:nowrap;text-decoration:none}.language-switch:hover{background:#333;color:#fff}.footer-language{margin-top:18px}.site-header .language-switch{color:#fff}.header-inner{gap:16px}.language-switch[lang=ar]{font-family:'IBM Plex Sans Arabic',sans-serif}
html[lang=ar]{--sans:'IBM Plex Sans Arabic',sans-serif;--serif:'IBM Plex Sans Arabic',sans-serif;--arabic-accent:#b44728}
html[lang=ar] body{font-family:var(--sans);text-align:right;line-height:1.9}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:var(--sans);font-weight:600;letter-spacing:0;line-height:1.5}
html[lang=ar] .eyebrow,html[lang=ar] .overline{letter-spacing:0;color:var(--arabic-accent);font-weight:600}
html[lang=ar] .site-header .brand{font-family:var(--sans);font-size:26px;line-height:1.35;letter-spacing:0}
html[lang=ar] .brand span{display:inline}html[lang=ar] .brand span+span{margin-inline-start:6px}
html[lang=ar] .personal-hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.45;max-width:700px}
html[lang=ar] .personal-hero .dek{font-size:21px;line-height:1.95}
html[lang=ar] .page-masthead h1{font-size:clamp(35px,4.5vw,60px)}
html[lang=ar] .card h3{font-size:23px;line-height:1.6}
html[lang=ar] .card-content p{line-height:1.85}
html[lang=ar] .card-grid:not(.bookshelf-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
html[lang=ar] .card-grid:not(.bookshelf-grid) .card{display:grid;grid-template-columns:145px minmax(0,1fr);padding:20px;gap:20px;border-radius:20px;background:#faf9f6;border:1px solid #e5e0d9;box-shadow:none}
html[lang=ar] .card-grid:not(.bookshelf-grid) .card-image{aspect-ratio:1;border-radius:14px;width:100%;align-self:start}
html[lang=ar] .card-grid:not(.bookshelf-grid) .card-content{padding:0}
html[lang=ar] .article-heading h1{font-size:clamp(34px,4vw,58px);line-height:1.5}
html[lang=ar] .article-body{font-size:20px;line-height:2.15;max-width:780px;margin-inline:auto}
html[lang=ar] .article-body h2{font-size:29px;margin-top:2em}
html[lang=ar] .article-body blockquote{border-left:0;border-right:4px solid var(--arabic-accent);padding:14px 28px;font-size:26px;font-style:normal;line-height:1.9;background:#fcf4ec;border-radius:12px}
html[lang=ar] .article-pagination>div:last-child{text-align:left}
html[lang=ar] .about-interests,html[lang=ar] .about-story{line-height:2}
html[lang=ar] .desktop-nav a,html[lang=ar] .footer-nav a{font-size:15px;letter-spacing:0}
html[lang=ar] input[type=email],html[lang=ar] input[type=url]{direction:ltr;text-align:left}
html[lang=ar] .book-carousel-viewport{direction:ltr}html[lang=ar] .book-carousel .card{direction:rtl}
html[lang=ar] .gallery-hover{left:auto;right:18px}
html[lang=ar] .search-dialog{text-align:right}
html[lang=ar] .article-body .byline{font-size:15px}
html[lang=ar] .meta{letter-spacing:0;line-height:1.8}
html[lang=ar] .about-monogram,html[lang=ar] canvas,html[lang=ar] .art-controls,html[lang=ar] .world-controls{direction:ltr}
.arabic-books-empty{padding:48px;border:1px solid #ded7ce;background:linear-gradient(135deg,#fff6e6,#f2ecfa);border-radius:24px;max-width:850px;margin-inline:auto}.arabic-books-empty h2{margin-bottom:16px}.arabic-books-empty p{max-width:650px}.arabic-books-empty a{display:inline-block;margin-top:18px}
@media(max-width:1100px){.header-inner{gap:10px}.language-switch{padding:6px 9px;font-size:12px}html[lang=ar] .card-grid:not(.bookshelf-grid) .card{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:16px}}
@media(max-width:700px){html[lang=ar] .card-grid:not(.bookshelf-grid){grid-template-columns:1fr}html[lang=ar] .personal-hero .dek{font-size:18px}html[lang=ar] .article-body{font-size:18px;line-height:2}html[lang=ar] .article-body blockquote{font-size:22px}html[lang=ar] .site-header .brand{font-size:21px}.header-inner .site-socials{display:none}.arabic-books-empty{padding:28px}html[lang=ar] .card-grid:not(.bookshelf-grid) .card{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:380px){html[lang=ar] .card-grid:not(.bookshelf-grid) .card{grid-template-columns:85px minmax(0,1fr)}html[lang=ar] .card h3{font-size:20px}.language-switch{padding:5px 7px}}
/* Rounded rectangular language controls in the header and footer. */
.site-header .language-switch,.footer-language .language-switch{width:86px;min-height:44px;height:44px;flex-shrink:0;border:1px solid #777;border-radius:9px;padding:8px 14px;background:#222;font-size:13px;line-height:1.4;color:#fff;display:inline-flex;align-items:center;justify-content:center}
.site-header .language-switch:hover,.footer-language .language-switch:hover{filter:brightness(1.45)}
html[lang=ar] input,html[lang=ar] textarea{direction:rtl;text-align:right;font-family:var(--sans)}
html[lang=ar] input[type=email],html[lang=ar] input[type=url]{direction:ltr;text-align:right}
html[lang=ar] input::placeholder,html[lang=ar] textarea::placeholder{direction:rtl;text-align:right;font-family:var(--sans)}
html[lang=ar] .input-row{direction:rtl}html[lang=ar] .contact-form-bottom{direction:rtl}html[lang=ar] .ribbon-group{direction:rtl}
@media(max-width:380px){.site-header .language-switch{width:74px;height:44px;padding:8px 10px}}
/* A compact shared header, with every control centered on one horizontal row. */
.site-header .header-inner{width:min(1120px,calc(100% - 48px));margin-inline:auto;min-height:56px;padding:6px 12px;display:flex;align-items:center;justify-content:center;gap:12px}
.site-header .header-inner>.brand{height:44px;padding-block:0;justify-content:center;align-self:center}
.site-header .desktop-nav{height:44px;align-items:center;align-self:center}
.site-header .desktop-nav a{padding-block:10px}
.site-header .nav-index,.site-header .menu-button{height:44px;align-self:center;margin:0;padding-block:0;flex-shrink:0}
.site-header .language-switch{height:44px;min-height:44px;align-self:center;margin:0}
.site-header .header-inner>.site-socials{align-self:center;margin-block:0}
@media(max-width:700px){.site-header .header-inner{width:calc(100% - 32px);gap:8px;padding:6px 10px;min-height:56px}.site-header .header-inner>.site-socials{display:none!important}.site-header .header-inner>.brand{align-items:flex-start;justify-content:center}.site-header .mobile-menu{width:calc(100% - 32px)}}
html[lang=ar] .site-header .header-inner>.brand{font-size:21px;line-height:1.05}
.site-header .menu-button{text-align:center;line-height:44px}
/* Match the footer's outer edges at every screen size. */
.site-header .header-inner,.site-header .mobile-menu{width:calc(100% - 48px);max-width:none;margin-inline:auto}
@media(max-width:600px){.site-header .header-inner,.site-header .mobile-menu{width:calc(100% - 24px)}}
/* One continuous card surface, rather than an inset block behind Arabic text. */
html[lang=ar] .card-grid:not(.bookshelf-grid) .card .card-content{background:transparent;border-radius:0}
html[lang=ar] .card-grid:not(.bookshelf-grid) .card[data-category=Personal],html[lang=ar] .card-grid:not(.bookshelf-grid) .card[data-category="شخصي"]{background:#faf1e6;border-color:#dcc7b1}
/* RTL topic numbers stay at the start; arrows occupy the opposite corner. */
html[lang=ar] .topic-blocks a{padding-inline-end:48px}
html[lang=ar] .topic-blocks b{right:auto;left:18px;line-height:1;transform:scaleX(-1)}
html[lang=ar] .topic-blocks span{letter-spacing:0;max-width:none}