/* Mobile-first refinement: sky blue, warm typography and emerald controls. */
.language-bar{background:transparent;border-top:1px solid #bddcec80}
.language-bar>.wrap{justify-content:flex-start;padding-block:7px}
.language-picker{position:relative;width:176px;font-size:14px;line-height:1.4}
.language-picker summary{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 13px;border:1px solid #acd0df;border-radius:13px;background:linear-gradient(145deg,#fff,#e5f4fc);color:#153f56;cursor:pointer;list-style:none;box-shadow:0 3px 9px #28596a0a;font-weight:700}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary::marker{content:''}
.language-picker summary .flag-img{width:29px;height:20px}
.language-chevron{width:23px;height:23px;margin-inline-start:auto;fill:none;stroke:#138268;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;top:calc(100% + 9px);inset-inline-start:0;min-width:236px;display:grid;padding:8px;background:#f8fdff;border:1px solid #bbd9e8;border-radius:18px;box-shadow:0 18px 45px #14375128;z-index:80;gap:3px}
.language-options a{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;border-radius:11px;text-align:start}
.language-options a:hover,.language-options a:focus-visible{background:#e6f3f9}
.language-options a[aria-current]{background:#e1f2ed;color:#096349;font-weight:700}
.language-options .flag-img{width:30px;height:21px;flex-shrink:0}
.language-check{margin-inline-start:auto;color:#148465;font:700 17px Arial}
.cover-heading>span{width:48px;height:48px;flex-shrink:0;background:linear-gradient(145deg,#53d5a9 0%,#159c76 48%,#08795c 100%);color:white;border:1px solid #9fe8ce;box-shadow:inset 0 2px 1px #ffffff70,0 4px 0 #075e49,0 7px 17px #043b4830;text-shadow:0 1px 1px #075b50;font-size:25px;transition:transform .2s,box-shadow .2s}
.visual-cover:hover .cover-heading>span{transform:translateY(-3px);box-shadow:inset 0 2px 1px #ffffff70,0 5px 0 #075e49,0 10px 22px #073a4b45}
.text-link>span[aria-hidden]{color:#118263}
.menu-toggle{border-radius:13px;background:#f2faff;border-color:#afcfdf;box-shadow:0 3px 0 #c1dce9}
.language-flags>a{transition:background .2s,transform .2s}
@media(max-width:760px){
 html{scroll-padding-top:142px}
 .site-header{backdrop-filter:blur(14px);background:#e8f5fcf5}
 .nav{min-height:72px;gap:12px}
 .brand,.localized .brand{min-width:0;max-width:calc(100% - 62px);font-size:12px;line-height:1.55}
 .brand-logo{width:46px;height:46px;border-radius:13px;border-width:2px}
 .brand b{font-size:14px}
 .language-bar>.wrap{width:90%;justify-content:flex-start;padding-block:5px 8px}
 .language-picker{width:164px;font-size:13px}
 .language-picker summary{min-height:39px;padding:7px 12px;border-radius:12px}
 .language-options{min-width:235px;max-width:86vw}
 .nav nav,.localized .nav nav{top:100%;margin:8px 4% 0;width:92%;inset-inline:0;padding:12px;border-radius:18px;background:#f5fbff;border:1px solid #bfdbe9;box-shadow:0 18px 35px #1a3d5420;gap:2px}
 .nav nav a{display:block;width:100%;padding:10px 14px;border-radius:10px}
 .nav nav a[aria-current]{background:#dfeff6;color:#116e59}
 .home-hero{padding-block:16px 27px;gap:24px;min-height:0;width:92%;overflow:visible}
 .home-hero>.hero-visual,.home-hero>.new-hero-art{order:-1;margin:0;min-height:0;width:100%}
 .home-hero .new-hero-art{border-radius:30px 30px 22px 22px;border:1px solid #9acbe3;box-shadow:0 6px 0 #b7d7eb,0 14px 30px #19577412;overflow:hidden}
 .home-hero .new-hero-art img{width:100%;height:auto;aspect-ratio:1.32;object-fit:cover;object-position:center 38%;max-height:360px}
 .new-hero-art>span{bottom:11px;font-size:10px;max-width:90%;white-space:normal;text-align:center;border-radius:20px;line-height:1.5;padding:6px 11px}
 .home-hero .hero-copy{padding-inline:5px;text-align:start}
 .home-hero .hero-copy h1,.localized .home-hero .hero-copy h1{font-size:clamp(35px,10.3vw,44px);line-height:1.25;letter-spacing:-.7px;margin-bottom:15px}
 .locale-ne .home-hero .hero-copy h1,.locale-am .home-hero .hero-copy h1{font-size:33px;line-height:1.55;letter-spacing:0}
 .locale-ur .home-hero .hero-copy h1{font-size:36px;line-height:1.6;letter-spacing:0}
 .hero-copy .eyebrow{font-size:11px;margin-bottom:13px;line-height:1.7}
 .home-hero .hero-copy .lede,.localized .hero-copy .lede{font-size:16px;line-height:1.85;margin-bottom:15px}
 .hero-copy .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block:20px}
 .hero-copy .actions .btn{padding:12px 10px;font-size:12px;gap:8px;min-height:48px}
 .hero-copy .author-line{margin-bottom:0;font-size:12px}
 .home-flags{gap:20px;padding-block:26px}
 .home-flags .language-flags{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .language-flags>a,.localized .book-details .language-flags>a{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:1px;text-align:start;align-content:center;min-height:70px;padding:11px 13px;border-radius:15px;box-shadow:0 3px 0 #b6d5e6;border:1px solid #b1d0e2;background:linear-gradient(140deg,#f6fcff,#d6ebf8)}
 .language-flags>a>.flag-img,.localized .book-details .language-flags .flag-img{grid-row:1/3;align-self:center;width:33px;height:24px;margin:0}
 .language-flags b,.localized .book-details .language-flags b{font-size:14px;line-height:1.6;margin:0}
 .language-flags span,.localized .book-details .language-flags span{font-size:10px;line-height:1.5;opacity:.75}
 .language-flag-section .language-flags,[data-page="languages"] main>section>.language-flags{grid-template-columns:1fr}
 .visual-cover,.chapter-home .visual-cover:first-child,.chapter-home .visual-cover:nth-child(2){min-height:310px;border-radius:22px}
 .cover-heading{padding:23px;gap:13px}
 .cover-heading h3,.chapter-home .visual-cover:first-child h3,.localized .cover-heading h3{font-size:29px;max-width:80%;line-height:1.4}
 .cover-heading>span{width:45px;height:45px;font-size:24px}
 .cover-index{top:15px;inset-inline-start:15px;font-size:15px;border-radius:8px}
 .section{padding-block:48px}
 .section-top h2{font-size:30px;line-height:1.45}
 .standing-card>div img{height:240px}
 .catalog-tools .search-field{min-height:51px;border-radius:15px}
 .page-head h1,.localized .page-head h1{font-size:36px;line-height:1.4}
 .page-head{padding-block:30px 26px}
 .closing{padding:28px 22px;gap:25px}
 .closing h2,.localized .closing h2{font-size:29px}
}
@media(max-width:360px){.hero-copy .actions{grid-template-columns:1fr}.home-flags .language-flags{grid-template-columns:1fr}.language-picker{width:155px}}
@media(prefers-reduced-motion:reduce){.language-chevron,.cover-heading>span{transition:none}}

.language-options a{direction:inherit}.language-options a>span:not(.language-check){unicode-bidi:plaintext}

/* A drawn arrow avoids mobile fonts rendering the Unicode arrow as a boxed emoji. */
.cover-heading>.chapter-open-arrow{font-size:0;line-height:0;text-shadow:none}
.chapter-open-arrow svg{display:block;width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;background:none;border:0;box-shadow:none}