.language-picker{position:relative;flex-shrink:0;font-family:var(--sans);line-height:1.5;color:var(--ink)}
.language-picker summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:44px;font-size:.75rem;padding:8px 0}
.language-picker summary>span,.language-picker[open] summary>span{font:inherit;transform:none;letter-spacing:normal}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary>svg{width:17px;height:17px}
.language-picker summary>svg:last-child{width:13px;height:13px;transition:transform .2s}
.language-picker[open] summary>svg:last-child{transform:rotate(180deg)}
.language-picker summary:focus-visible{outline:3px solid var(--copper,#ad8447);outline-offset:5px;border-radius:4px}
.language-panel{position:absolute;inset-inline-end:0;top:calc(100% + 12px);z-index:40;width:330px;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 60px #25362c24}
.language-label{margin:0 0 12px;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--copper,#a65b40)}
.language-note{font-size:.72rem;color:var(--muted);margin:0 0 12px}
.language-list{display:grid;grid-template-columns:1fr;max-height:min(480px,60vh);overflow:auto;overscroll-behavior:contain;padding:3px}
.language-list a{display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 12px!important;margin:0!important;border-radius:7px;font-size:.8rem!important;color:var(--ink)!important}
.language-list a:hover,.language-list a:focus-visible{background:var(--cream)}
.language-list a[aria-current]{background:#e6ebdf;font-weight:700}
.language-list small{color:var(--muted);font-size:.6rem;letter-spacing:.06em;direction:ltr}
.footer-language>.language-picker{display:inline-block}
.language-picker-footer .language-panel{top:auto;bottom:calc(100% + 12px);inset-inline-start:0;inset-inline-end:auto}
.site-header{gap:22px}
.site-header nav{margin-inline-end:auto}
html[dir=rtl] .text-link>svg,html[dir=rtl] .button>svg{transform:scaleX(-1)}
@media(max-width:1100px){.site-header{gap:16px}.language-picker-header summary{font-size:.7rem}.site-header nav{gap:17px}}
@media(max-width:900px){.site-header .language-picker-header{margin-inline-start:auto}.site-header nav{margin:0}}
@media(max-width:650px){
 .site-header{gap:12px}.site-header .brand{order:0}.language-picker-header{order:1}.site-header .menu-button{order:2}
 .language-picker-header summary{font-size:.7rem;gap:5px}.language-picker-header summary>svg:first-child{display:none}
 .language-panel{position:fixed;inset-inline:16px;top:82px;width:auto;padding:18px}
 .language-picker-footer .language-panel{inset-inline:16px;top:auto;bottom:20px;width:auto}
 .language-list{max-height:min(480px,65vh)}
}
/* Keep the longer Spanish hero in balance with its photograph. */
html[lang=es] .homepage .rd-hero h1{font-size:clamp(3.5rem,5.2vw,5.4rem);letter-spacing:-.055em}
@media(max-width:900px){html[lang=es] .homepage .rd-hero h1{font-size:clamp(3rem,5.8vw,4.5rem)}}
@media(max-width:650px){html[lang=es] .homepage .rd-hero h1{font-size:clamp(2.8rem,11vw,4.3rem)}}

/* French hero copy keeps the headline balanced at desktop and phone widths. */
html[lang="fr"] .homepage .rd-hero h1{font-size:clamp(3.5rem,5.2vw,5.4rem);letter-spacing:-.055em}
@media(max-width:900px){html[lang="fr"] .homepage .rd-hero h1{font-size:clamp(3rem,5.8vw,4.5rem)}}
@media(max-width:650px){html[lang="fr"] .homepage .rd-hero h1{font-size:clamp(2.8rem,11vw,4.3rem)}}

/* Brazilian Portuguese headline keeps the same editorial proportions. */
html[lang="pt-BR"] .homepage .rd-hero h1{font-size:clamp(3.5rem,5.2vw,5.4rem);letter-spacing:-.055em}
@media(max-width:900px){html[lang="pt-BR"] .homepage .rd-hero h1{font-size:clamp(3rem,5.8vw,4.5rem)}}
@media(max-width:650px){html[lang="pt-BR"] .homepage .rd-hero h1{font-size:clamp(2.8rem,11vw,4.3rem)}}

/* The localized hero keeps its editorial line length on Italian screens. */
html[lang="it"] .homepage .rd-hero h1{font-size:clamp(3.5rem,5.2vw,5.4rem);letter-spacing:-.055em}
@media(max-width:900px){html[lang="it"] .homepage .rd-hero h1{font-size:clamp(3rem,5.8vw,4.5rem)}}
@media(max-width:650px){html[lang="it"] .homepage .rd-hero h1{font-size:clamp(2.8rem,11vw,4.3rem)}}

/* Japanese typography uses native fonts and comfortable character spacing. */
html[lang="ja"]{--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--serif:"Hiragino Mincho ProN","Yu Mincho",serif;line-break:strict;word-break:normal}
html[lang="ja"] h1,html[lang="ja"] h2,html[lang="ja"] h3{letter-spacing:0;line-height:1.5;overflow-wrap:anywhere}
html[lang="ja"] em{font-style:normal}
html[lang="ja"] .homepage .rd-hero h1{font-size:clamp(2.5rem,3.9vw,3.8rem);line-height:1.55;letter-spacing:0;margin-inline-end:0}
html[lang="ja"] .rd-kicker,html[lang="ja"] .eyebrow{letter-spacing:.08em}
html[lang="ja"] .article-header h1,html[lang="ja"] .topic-detail-hero h1,html[lang="ja"] .page-intro h1{font-size:clamp(2rem,4vw,3.5rem)}
html[lang="ja"] .content-passage blockquote,html[lang="ja"] .reader-verses{line-height:2}
@media(max-width:650px){html[lang="ja"] .homepage .rd-hero h1{font-size:clamp(1.8rem,7.2vw,2.8rem)}html[lang="ja"] .site-header nav{gap:12px}}

/* Korean keeps complete words together while allowing long labels to wrap. */
html[lang="ko"]{--sans:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--serif:"AppleMyungjo","Batang",serif;word-break:keep-all;overflow-wrap:anywhere}
html[lang="ko"] h1,html[lang="ko"] h2,html[lang="ko"] h3{letter-spacing:-.02em;line-height:1.45}
html[lang="ko"] em{font-style:normal}
html[lang="ko"] .homepage .rd-hero h1{font-size:clamp(2.6rem,4.1vw,4rem);line-height:1.4;letter-spacing:-.04em;margin-inline-end:0}
html[lang="ko"] .rd-kicker,html[lang="ko"] .eyebrow{letter-spacing:.04em}
html[lang="ko"] .article-header h1,html[lang="ko"] .topic-detail-hero h1,html[lang="ko"] .page-intro h1{font-size:clamp(2rem,4vw,3.5rem)}
html[lang="ko"] .reader-verses,html[lang="ko"] .content-passage blockquote{line-height:2}
@media(max-width:650px){html[lang="ko"] .homepage .rd-hero h1{font-size:clamp(2rem,8.2vw,3rem)}html[lang="ko"] .site-header nav{gap:12px}}

/* Simplified Chinese uses device-native type and normal character spacing. */
html[lang="zh-Hans"]{--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--serif:"Songti SC","STSong","SimSun",serif;line-break:strict;word-break:normal}
html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3{letter-spacing:0;line-height:1.45;overflow-wrap:anywhere}
html[lang="zh-Hans"] em{font-style:normal}
html[lang="zh-Hans"] .homepage .rd-hero h1{font-size:clamp(2.8rem,4.4vw,4.5rem);line-height:1.4;letter-spacing:0;margin-inline-end:0}
html[lang="zh-Hans"] .rd-kicker,html[lang="zh-Hans"] .eyebrow{letter-spacing:.08em}
html[lang="zh-Hans"] .article-header h1,html[lang="zh-Hans"] .topic-detail-hero h1,html[lang="zh-Hans"] .page-intro h1{font-size:clamp(2rem,4vw,3.5rem)}
html[lang="zh-Hans"] .reader-verses,html[lang="zh-Hans"] .content-passage blockquote{line-height:2}
@media(max-width:650px){html[lang="zh-Hans"] .homepage .rd-hero h1{font-size:clamp(2rem,8vw,3rem)}html[lang="zh-Hans"] .site-header nav{gap:12px}}

/* Traditional Chinese: native system glyphs and readable CJK spacing. */
html[lang="zh-Hant"]{--sans:"PingFang TC","Heiti TC","Microsoft JhengHei",sans-serif;--serif:"Songti TC","STSong","PMingLiU",serif;line-break:strict;word-break:normal}
html[lang="zh-Hant"] h1,html[lang="zh-Hant"] h2,html[lang="zh-Hant"] h3{letter-spacing:0;line-height:1.45;overflow-wrap:anywhere}
html[lang="zh-Hant"] em{font-style:normal}
html[lang="zh-Hant"] .homepage .rd-hero h1{font-size:clamp(2.8rem,4.4vw,4.5rem);line-height:1.4;letter-spacing:0;margin-inline-end:0}
html[lang="zh-Hant"] .rd-kicker,html[lang="zh-Hant"] .eyebrow{letter-spacing:.08em}
html[lang="zh-Hant"] .article-header h1,html[lang="zh-Hant"] .topic-detail-hero h1,html[lang="zh-Hant"] .page-intro h1{font-size:clamp(2rem,4vw,3.5rem)}
html[lang="zh-Hant"] .reader-verses,html[lang="zh-Hant"] .content-passage blockquote{line-height:2}
@media(max-width:650px){html[lang="zh-Hant"] .homepage .rd-hero h1{font-size:clamp(2rem,8vw,3rem)}html[lang="zh-Hant"] .site-header nav{gap:12px}}

/* Source attribution belongs with the licensed Turkish readings. */
.scripture-attribution{padding-block:24px;color:var(--muted,#77776b);font-size:.8rem;line-height:1.65;overflow-wrap:anywhere}
.scripture-attribution p{max-width:980px}
html[lang="tr"] .kw-selected-verse cite{overflow-wrap:anywhere}

/* Hebrew reads in its native direction, including editorial cards and controls. */
html[lang="he"]{--sans:Arial,"Arial Hebrew",sans-serif;--serif:"Times New Roman","Times Hebrew",serif;overflow-wrap:break-word}
html[lang="he"] h1,html[lang="he"] h2,html[lang="he"] h3{letter-spacing:0;line-height:1.25}
html[lang="he"] em{font-style:normal}
html[lang="he"] .eyebrow,html[lang="he"] .rd-kicker,html[lang="he"] .language-label{letter-spacing:0}
html[lang="he"] .homepage .rd-hero h1{font-size:clamp(3.2rem,5vw,5rem);line-height:1.18;letter-spacing:0;margin-inline:0}
html[lang="he"] .homepage .rd-hero-photo{border-radius:8px 160px 8px 8px}
html[lang="he"] .homepage .rd-hero-photo>figcaption{inset:auto auto 29px 26px;text-align:start}
html[lang="he"] .homepage .rd-verse-card{transform:rotate(4deg)}
html[lang="he"] .homepage .rd-hero-art{min-width:0}
html[lang="he"] .brand,html[lang="he"] .phone-brand,html[lang="he"] .app-store-link{direction:ltr;unicode-bidi:isolate}
html[lang="he"] .brand{font-family:Lora,Georgia,serif}
html[lang="he"] .phone-status,html[lang="he"] progress,html[lang="he"] input[type=date]{direction:ltr;unicode-bidi:isolate}
html[lang="he"] .content-passage sup,html[lang="he"] .reader-verses sup,html[lang="he"] .year-day-number{direction:ltr;unicode-bidi:isolate}
html[lang="he"] .content-passage blockquote,html[lang="he"] .reader-verses{line-height:1.95}
html[lang="he"] .sp-back>svg,html[lang="he"] .rd-quiet-link>svg,html[lang="he"] .rd-story-link>svg,html[lang="he"] .rd-moment-tabs>button>svg:last-child,html[lang="he"] .rd-life-tabs button>svg,html[lang="he"] .rd-faq-tabs button>svg{transform:scaleX(-1)}
html[lang="he"] .homepage .rd-page-corner{background:linear-gradient(-45deg,#d7cbb5 49%,var(--rd-paper) 51%)}
html[lang="he"] .subpage .sp-hero-image{border-radius:4px 90px 4px 4px}
@media(max-width:1100px){html[lang="he"] .homepage .rd-hero-photo>figcaption{bottom:245px;inset-inline-end:20px}html[lang="he"] .homepage .rd-hero h1{font-size:clamp(3rem,5vw,4.6rem)}}
@media(max-width:650px){
 html[lang="he"] .homepage .rd-hero h1{font-size:clamp(2.65rem,10.7vw,4rem)}
 html[lang="he"] .homepage .rd-hero-art{padding:0 24px 29px 0}
 html[lang="he"] .homepage .rd-hero-photo{border-radius:5px 120px 5px 5px}
 html[lang="he"] .homepage .rd-verse-card{transform:rotate(3deg)}
 html[lang="he"] .homepage .rd-hero-photo>figcaption{bottom:244px}
 html[lang="he"] .subpage .sp-hero-image{border-radius:4px 75px 4px 4px}
}

@font-face{font-family:"Noto Naskh Arabic";src:url("/assets/NotoNaskhArabic.ttf") format("truetype");font-weight:400 700;font-display:swap}
@font-face{font-family:"Noto Sans Arabic";src:url("/assets/NotoSansArabic.ttf") format("truetype");font-weight:100 900;font-display:swap}
/* Arabic reads in its native direction, including editorial cards and controls. */
html[lang="ar"]{--sans:"Noto Sans Arabic",Arial,sans-serif;--serif:"Noto Naskh Arabic","Geeza Pro",serif;--display:var(--serif);overflow-wrap:break-word}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:0;line-height:1.45}
html[lang="ar"] em{font-style:normal}
html[lang="ar"] .eyebrow,html[lang="ar"] .rd-kicker,html[lang="ar"] .language-label{letter-spacing:0}
html[lang="ar"] .homepage .rd-hero h1{font-size:clamp(3.2rem,5vw,5rem);line-height:1.4;letter-spacing:0;margin-inline:0}
html[lang="ar"] .homepage .rd-hero-photo{border-radius:8px 160px 8px 8px}
html[lang="ar"] .homepage .rd-hero-photo>figcaption{inset:auto auto 29px 26px;text-align:start}
html[lang="ar"] .homepage .rd-verse-card{transform:rotate(4deg)}
html[lang="ar"] .homepage .rd-hero-art{min-width:0}
html[lang="ar"] .brand,html[lang="ar"] .phone-brand,html[lang="ar"] .app-store-link{direction:ltr;unicode-bidi:isolate}
html[lang="ar"] .brand{font-family:Lora,Georgia,serif}
html[lang="ar"] .phone-status,html[lang="ar"] progress,html[lang="ar"] input[type=date]{direction:ltr;unicode-bidi:isolate}
html[lang="ar"] .content-passage sup,html[lang="ar"] .reader-verses sup,html[lang="ar"] .year-day-number{direction:ltr;unicode-bidi:isolate}
html[lang="ar"] .content-passage blockquote,html[lang="ar"] .reader-verses{line-height:1.95}
html[lang="ar"] .sp-back>svg,html[lang="ar"] .rd-quiet-link>svg,html[lang="ar"] .rd-story-link>svg,html[lang="ar"] .rd-moment-tabs>button>svg:last-child,html[lang="ar"] .rd-life-tabs button>svg,html[lang="ar"] .rd-faq-tabs button>svg{transform:scaleX(-1)}
html[lang="ar"] .homepage .rd-page-corner{background:linear-gradient(-45deg,#d7cbb5 49%,var(--rd-paper) 51%)}
html[lang="ar"] .subpage .sp-hero-image{border-radius:4px 90px 4px 4px}
@media(max-width:1100px){html[lang="ar"] .homepage .rd-hero-photo>figcaption{bottom:245px;inset-inline-end:20px}html[lang="ar"] .homepage .rd-hero h1{font-size:clamp(3rem,5vw,4.6rem)}}
@media(max-width:650px){
 html[lang="ar"] .homepage .rd-hero h1{font-size:clamp(2.65rem,10.7vw,4rem)}
 html[lang="ar"] .homepage .rd-hero-art{padding:0 24px 29px 0}
 html[lang="ar"] .homepage .rd-hero-photo{border-radius:5px 120px 5px 5px}
 html[lang="ar"] .homepage .rd-verse-card{transform:rotate(3deg)}
 html[lang="ar"] .homepage .rd-hero-photo>figcaption{bottom:244px}
 html[lang="ar"] .subpage .sp-hero-image{border-radius:4px 75px 4px 4px}
}

html[lang="ar"] body *{letter-spacing:0}
html[lang="ar"] .app-store-badge{direction:ltr;unicode-bidi:isolate}
html[lang="ar"] .phone-title{line-height:1.4}