/* Kind reading surface — Arabic and translation stay complete, with compact mobile type. */
body:has(#content.detail-page--reader),body:has(#content.warm-home) {
 --reading-canvas:#f3ede4; --reading-surface:#fffaf3; --reading-soft:#eee7dc;
 --reading-line:rgba(90,77,55,.14); --reading-shadow:0 3px 12px rgba(49,43,30,.035);
 background:linear-gradient(180deg,rgba(243,237,228,.02) 80px,rgba(243,237,228,.12) 280px,#f3ede4 640px),
 linear-gradient(90deg,#f3ede4 12%,rgba(243,237,228,.97) 34%,rgba(243,237,228,.18) 76%),
 url('../morning-coast.webp') right -135px/auto 760px no-repeat,var(--reading-canvas);
 background-size:100% 660px,100% 660px,auto 760px; background-repeat:no-repeat;
}
.detail-page.detail-page--reader { background:transparent; overflow:visible; }
.detail-page.detail-page--reader>.kind-reading-invitation { margin:4px 0 8px; color:#395246; font:400 18px/1.4 var(--kind-reading-font); text-wrap:balance; }
.detail-page.detail-page--reader>.detail-breadcrumbs { padding:12px 0 8px; }
.detail-page>.kind-reader-themes {
 display:flex; align-items:center; gap:6px; width:100%; min-width:0; max-width:100%;
 margin:0 0 10px; padding:4px 2px 6px; overflow-x:auto; scrollbar-width:thin;
 scroll-padding-inline:4px; overscroll-behavior-x:contain; scroll-margin-top:72px;
}
.kind-reader-themes>a {
 display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
 min-height:36px; gap:6px; padding:6px 10px; box-sizing:border-box;
 border:1px solid var(--kind-shell-line,rgba(44,62,51,.14)); border-radius:24px;
 background:var(--reading-surface,#fffdf8); color:#203f35; text-decoration:none; font:600 13px/1.3 var(--app-ui);
 box-shadow:0 2px 4px rgba(62,47,26,.035);
}
.kind-reader-themes>a svg { width:16px; height:16px; flex:0 0 16px; color:#946644; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.kind-reader-themes>a[aria-current="true"] { background:#f4e4cf; border-color:#b99068; box-shadow:0 3px 8px rgba(121,80,34,.12),inset 0 1px rgba(255,255,255,.6); }
.kind-reader-themes>a:hover { border-color:#b99068; }
.kind-reader-themes>a:focus-visible { outline:2px solid #956746; outline-offset:-3px; }
html[data-kind-color-scheme="dark"] .kind-reader-themes>a { background:var(--night-surface); color:var(--night-ink); border-color:var(--night-line); }
html[data-kind-color-scheme="dark"] .kind-reader-themes>a svg { color:var(--night-accent); }
html[data-kind-color-scheme="dark"] .kind-reader-themes>a[aria-current="true"] { background:#514d3d; border-color:#9f8e6d; color:#f2e7cf; }
@media(max-width:900px) {
 .detail-page.detail-page--reader>.detail-breadcrumbs { display:none; }
 .detail-page>.kind-reader-themes { margin-top:6px; scroll-margin-top:6px; }
}
.kind-scripture-page[data-reader-theme] { --paper-tone:#fbf6ee; --paper-wash:#e6e4d9; --paper-accent:#eddbc1; --book-edge:#dacebb; --book-ink:#203f35; --book-line:rgba(125,107,80,.12); }
.kind-scripture-page:is([data-reader-theme="hope"],[data-reader-theme="gratitude"]) { --paper-wash:#eee4cb; --paper-accent:#ead4b2; }
.kind-scripture-page:is([data-reader-theme="love"],[data-reader-theme="mercy"]) { --paper-wash:#eadfda; --paper-accent:#e9d6c2; }
.kind-scripture-page:is([data-reader-theme="faith"],[data-reader-theme="guidance"]) { --paper-wash:#e2e1e7; --paper-accent:#e5dbc9; }
.kind-scripture-page:is([data-reader-theme="strength"],[data-reader-theme="trust"]) { --paper-wash:#dde5dc; --paper-accent:#dfd9c2; }
.kind-scripture-page:is([data-reader-theme="courage"],[data-reader-theme="patience"]) { --paper-wash:#e8dfd0; --paper-accent:#e8d5bf; }
.kind-scripture-page:is([data-reader-theme="wisdom"],[data-reader-theme="forgiveness"]) { --paper-wash:#dfe8e2; --paper-accent:#e4ddc9; }
.kind-scripture-page:is([data-reader-theme="healing"],[data-reader-theme="prayer"]) { --paper-wash:#e1e8df; --paper-accent:#e6dfce; }
.kind-scripture-page:is([data-reader-theme="purpose"],[data-reader-theme="family"],[data-reader-theme="hereafter"]) { --paper-wash:#e4e7d7; --paper-accent:#e8dcc2; }
.warm-home .warm-daily,.detail-page .detail-hero.detail-reader-surface {
 --kind-book-height:460px; position:relative; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:var(--kind-book-height) auto auto;
 grid-template-areas:"book" "actions" "reflection"; gap:0; isolation:isolate; overflow:visible;
 border:0; border-radius:0; background:transparent; box-shadow:none;
}
.warm-home .warm-daily>.warm-moment,.detail-page .detail-reader-surface>.kind-scripture-reader { grid-area:book; }
.warm-home .warm-action-bar,.detail-page .detail-reader-surface>.detail-copy { grid-area:actions; }
.warm-home .warm-reflection { grid-area:reflection; }
.warm-home .warm-daily { --kind-bound-paper:#faf7f0; --kind-bound-edge:#e5dfd2; --kind-bound-line:rgba(125,107,80,.16); }
/* Bound edges belong only to the paper; controls and reflection have their own surfaces. */
.warm-home .warm-daily::before {
 content:""; grid-column:1; grid-row:1 / 2; position:relative; z-index:-1; pointer-events:none;
 border-radius:18px 28px 28px 18px; background:var(--kind-bound-paper);
 box-shadow:3px 2px 0 var(--kind-bound-edge),6px 3px 0 -1px var(--kind-bound-paper),9px 5px 0 -2px var(--kind-bound-edge),12px 7px 0 -3px var(--kind-bound-paper),0 7px 9px -3px rgba(64,48,24,.24),0 22px 36px -17px rgba(64,48,24,.34);
}
.detail-page .kind-scripture-reader { position:relative; width:100%; height:var(--kind-book-height); min-height:0; margin:0; padding:0; }
.warm-home .warm-moment.kind-scripture-page[data-reader-theme],.detail-page .kind-scripture-page[data-reader-theme] {
 position:relative; box-sizing:border-box; isolation:isolate; width:100%; height:var(--kind-book-height); min-height:var(--kind-book-height); max-height:var(--kind-book-height);
 display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:36px minmax(0,1fr); padding:26px clamp(34px,5vw,58px) 72px; margin:0;
 border:1px solid var(--book-line); border-radius:16px 24px 24px 16px; color:var(--book-ink); overflow:hidden;
 background:radial-gradient(ellipse 32% 33% at 0% 108%,var(--paper-accent) 97%,transparent 100%),radial-gradient(ellipse 31% 40% at 105% 106%,var(--paper-wash) 98%,transparent 100%),linear-gradient(90deg,rgba(102,84,51,.12),rgba(102,84,51,.025) 3%,transparent 8%,rgba(255,255,255,.25) 55%,transparent 96%,rgba(130,106,68,.035)),var(--paper-tone);
 box-shadow:3px 2px 0 0 var(--book-edge),6px 4px 0 -1px var(--paper-tone),9px 6px 0 -2px var(--book-edge),0 12px 24px rgba(70,57,37,.08),inset 5px 0 8px rgba(94,78,49,.025);
}
.warm-home .warm-moment.kind-scripture-page[data-reader-theme]::before,.detail-page .kind-scripture-page[data-reader-theme]::before {
 content:""; position:absolute; inset:10px; border:1px solid var(--book-line); border-radius:9px 17px 17px 9px; background:none; pointer-events:none; z-index:1;
}
.warm-home .warm-moment.kind-scripture-page[data-reader-theme] { box-shadow:inset 5px 0 12px rgba(94,78,49,.055),inset 0 1px rgba(255,255,255,.8); }
.detail-page .kind-scripture-page-depth { display:none; }
.warm-home .warm-moment-meta,.detail-page .kind-scripture-page-meta { grid-row:1; display:flex; align-items:flex-start; justify-content:space-between; gap:58px; position:relative; min-width:0; z-index:3; }
.warm-home .warm-moment-meta :is(span,h2),.detail-page :is(.kind-scripture-page-theme,.kind-scripture-page-meta h1) { margin:0; color:var(--book-ink); font:600 12px/1.45 var(--app-ui); letter-spacing:.055em; text-transform:uppercase; overflow-wrap:anywhere; }
.warm-home .warm-moment-meta h2,.detail-page .kind-scripture-page-meta h1 { text-align:right; }
.warm-home .warm-ornament,.detail-page .kind-scripture-page-ornament { position:absolute; top:23px; left:50%; transform:translateX(-50%); width:28px; height:28px; margin:0; color:#b47d4e; font:30px/1 var(--kind-reading-font); z-index:2; }
.detail-page .kind-scripture-page-ornament::before,.detail-page .kind-scripture-page-ornament::after { display:none; }
.detail-page .kind-scripture-page-ornament>span { display:block; width:28px; height:28px; border:0; border-radius:0; background:none; transform:none; box-shadow:none; font:30px/1 var(--kind-reading-font); color:inherit; }
.warm-home .kind-reader-scroll,.detail-page .kind-scripture-page-copy.kind-reader-scroll {
 position:relative; z-index:2; grid-row:2; min-width:0; min-height:0; width:100%; height:100%; display:block; align-self:stretch; padding:8px 6px; margin:0;
 overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; scrollbar-width:thin; scrollbar-color:rgba(150,123,80,.45) transparent; scroll-behavior:auto; -webkit-overflow-scrolling:touch;
}
.kind-reader-scroll:focus-visible { outline:2px solid #a87c53; outline-offset:3px; border-radius:6px; }
.kind-reader-text { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:100%; width:100%; }
.kind-reader-text>* { flex-shrink:0; }
.warm-home .kind-reader-text blockquote,.detail-page .kind-reader-text blockquote {
 width:100%; max-width:27ch; display:block; margin:0 auto; padding:0; border:0; font:400 34px/1.42 var(--kind-reading-font); letter-spacing:-.025em;
 text-align:center; font-style:italic; text-wrap:pretty; overflow:visible; overflow-wrap:break-word; color:var(--book-ink);
}
.detail-page .kind-reader-text blockquote p { margin:0; color:inherit; font:inherit; }
.warm-home .warm-moment.is-long .kind-reader-text blockquote,.detail-page .kind-scripture-page.is-long .kind-reader-text blockquote { max-width:34ch; font-size:30px; line-height:1.5; }
.warm-home .warm-moment.is-very-long .kind-reader-text blockquote,.detail-page .kind-scripture-page:is(.is-very-long,.is-extra-long) .kind-reader-text blockquote { max-width:39ch; font-size:27px; line-height:1.5; }
.warm-home .warm-arabic,.detail-page .kind-reader-text .kind-scripture-page-arabic { width:100%; margin:10px 0 20px; font-family:"Noto Naskh Arabic","Geeza Pro","Traditional Arabic",serif; font-size:34px; line-height:1.85; color:var(--book-ink); text-align:center; }
.warm-home .warm-translation,.detail-page .kind-reader-text .kind-scripture-page-translation-label { margin:0 0 14px; color:var(--book-ink); font:400 12px/1.5 var(--app-ui); }
.warm-home .warm-moment--quran .kind-reader-text blockquote,.detail-page .kind-scripture-page--quran .kind-reader-text blockquote { font-size:28px; line-height:1.45; font-style:normal; }
.kind-scripture-page .kind-reader-botanical { position:absolute!important; inset:auto 22px -12px auto; width:125px; height:180px; background:url('../reader-botanical.webp') right bottom/contain no-repeat; opacity:.25; pointer-events:none; z-index:1!important; }
/* Decorative only: the actual passage and its social image stay untouched. */
.kind-scripture-page:has(.kind-scripture-page-volume--bible)::after {
 content:""; position:absolute; inset:auto auto -40px -14px; width:190px; height:190px;
 margin:0; padding:0; border:0; border-radius:0; box-shadow:none;
 background:url('../reader-bible-watercolor.webp') center/contain no-repeat;
 opacity:.72; transform:rotate(-9deg); pointer-events:none; z-index:1;
}
.kind-scripture-page .kind-scripture-page-volume--bible { visibility:hidden; }
.detail-page .kind-scripture-page-footer { position:absolute; bottom:24px; left:34px; right:34px; min-height:28px; padding:0; border:0; z-index:2; pointer-events:none; }
.detail-page .kind-scripture-page-footer>span:last-child { display:none; }
.detail-page .kind-scripture-page-footer .kind-scripture-page-volume { opacity:.65; }
.warm-home .kind-book-emblem { position:absolute!important; left:30px; bottom:23px; z-index:1; opacity:.5; --reader-accent:#a1845b; }
/* Side arrows and page count share the paper grid cell; passage selection stays available. */
.warm-home .warm-daily>.kind-page-turn,.detail-page .detail-hero.detail-reader-surface>.kind-page-turn {
 grid-area:book; position:relative; z-index:25; display:grid; grid-template-columns:44px minmax(0,1fr) 44px; grid-template-rows:minmax(0,1fr) 64px;
 width:calc(100% + 20px); height:var(--kind-book-height); min-height:0; margin:0 -10px; padding:0;
 border:0!important; border-radius:0; background:transparent!important; box-shadow:none; pointer-events:none; gap:0;
}
.warm-home .kind-page-turn-slot,.detail-page .detail-hero.detail-reader-surface>.kind-page-turn .kind-page-turn-slot { grid-row:1 / 3; align-self:center; min-width:0; }
.kind-page-turn-slot--previous { grid-column:1; }
.kind-page-turn-slot--next { grid-column:3; }
.warm-home .kind-page-turn-link,.detail-page .detail-hero.detail-reader-surface>.kind-page-turn .kind-page-turn-link {
 pointer-events:auto; display:grid; place-items:center; width:44px; height:44px; min-width:44px; min-height:44px; padding:0; margin:0;
 border:1px solid rgba(120,105,79,.15); border-radius:50%; color:#234338; background:#fcf9f3; box-shadow:0 3px 10px rgba(67,53,34,.11);
}
.warm-home .kind-page-turn-link:hover,.detail-page .kind-page-turn-link:hover { transform:translateY(-1px); background:#fffdf7; }
.warm-home .kind-page-turn-icon,.detail-page .detail-hero.detail-reader-surface>.kind-page-turn .kind-page-turn-icon { display:grid; place-items:center; width:40px; height:40px; border:0; border-radius:50%; background:none; font:30px/1 var(--kind-reading-font); color:inherit; }
.warm-home .kind-page-turn-copy,.detail-page .detail-hero.detail-reader-surface>.kind-page-turn .kind-page-turn-copy { display:none; }
.warm-home .kind-page-turn-progress,.detail-page .detail-hero.detail-reader-surface>.kind-page-turn .kind-page-turn-progress {
 grid-column:2; grid-row:2; align-self:center; justify-self:center; display:block; padding:0; margin:0; border:0; background:transparent; box-shadow:none;
 color:#667368; font:500 13px/1.5 var(--app-ui); letter-spacing:.08em;
}
.warm-home .kind-page-turn-progress b,.detail-page .kind-page-turn-progress b { font:600 16px/1.5 var(--app-ui); color:#234338; }
.kind-page-turn-progress .kind-reader-position { display:none; }
.kind-page-turn-progress .kind-reader-pause { display:block; font:400 14px/1.5 var(--kind-reading-font); font-style:italic; letter-spacing:0; color:#5b6252; }
.warm-home .warm-action-bar {
 position:relative; z-index:30; overflow:visible; grid-template-columns:minmax(0,1fr);
 gap:8px; margin-top:18px; padding:10px 16px; border:1px solid var(--reading-line);
 border-radius:16px; background:var(--reading-surface); box-shadow:var(--reading-shadow);
}
.warm-home .warm-moment-actions .share-suite .share-primary-options { gap:6px; }
.warm-home .warm-moment-actions .share-suite .share-primary-options>.share-quick-action,
.warm-home .warm-moment-actions .share-suite .share-primary-options>.share-more>.share-toggle,
.warm-home .warm-save :is(.save-verse-button,.save-ayah-button) { border-color:transparent; border-radius:7px; }
.warm-home .warm-action-bar :is(.share-quick-action,.share-toggle,.save-verse-button,.save-ayah-button):hover { background:rgba(119,105,74,.08); }
.warm-home .warm-save { min-width:0; justify-self:center; padding:6px 0 2px; border:0; }
.warm-home .warm-save :is(.save-verse-button,.save-ayah-button) { width:auto; min-width:180px; min-height:44px; padding:8px 22px; gap:8px; border:1px solid #c9b49a; border-radius:28px; background:#f8eddd; color:#274638; font:600 14px/1.4 var(--app-ui); }
.warm-home .warm-reflection { margin-top:20px; padding:24px; border:1px solid var(--reading-line); border-radius:18px; background:var(--reading-surface); box-shadow:var(--reading-shadow); }
/* Detail pages use the same bound page, without homepage-only CSS dependencies. */
.detail-page .detail-reader-surface:has(>.kind-book-actions) { --kind-bound-paper:#faf7f0; --kind-bound-edge:#e5dfd2; --kind-bound-line:rgba(125,107,80,.16); }
.detail-page .detail-reader-surface:has(>.kind-book-actions)::before {
 content:""; grid-column:1; grid-row:1 / 2; position:relative; z-index:-1; pointer-events:none;
 border:0; border-radius:16px 24px 24px 16px; background:var(--kind-bound-paper);
 box-shadow:3px 2px 0 var(--kind-bound-edge),6px 3px 0 -1px var(--kind-bound-paper),9px 5px 0 -2px var(--kind-bound-edge),12px 7px 0 -3px var(--kind-bound-paper),0 7px 9px -3px rgba(64,48,24,.24),0 22px 36px -17px rgba(64,48,24,.34);
}
.detail-page .detail-reader-surface:has(>.kind-book-actions) .kind-scripture-page[data-reader-theme] { box-shadow:inset 5px 0 12px rgba(94,78,49,.055),inset 0 1px rgba(255,255,255,.8); }
.detail-page .detail-reader-surface>.kind-book-actions {
 grid-area:actions; position:relative; z-index:30; overflow:visible; min-width:0; width:100%; box-sizing:border-box;
 margin:18px 0 0; padding:10px 16px; border:1px solid var(--reading-line); border-radius:16px;
 background:var(--reading-surface); box-shadow:var(--reading-shadow); color:var(--book-ink,var(--ink));
}
.detail-page .kind-book-actions>.verse-engagement { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; align-items:center; width:100%; min-width:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.detail-page .kind-book-share { min-width:0; }
.detail-page .kind-book-actions .share-suite.share-panel { width:100%; min-width:0; margin:0; padding:0; border:0; background:none; box-shadow:none; }
.detail-page .kind-book-actions .share-suite .share-primary-options { width:100%; display:grid; grid-template-columns:minmax(0,1fr) minmax(44px,.55fr) minmax(0,1.15fr) 44px; gap:6px; }
.detail-page .kind-book-actions .share-suite .share-primary-options>.share-quick-action,
.detail-page .kind-book-actions .share-suite .share-primary-options>.share-more>.share-toggle {
 display:inline-flex; flex-direction:row; align-items:center; justify-content:center; width:100%; min-width:0; height:44px; min-height:44px; padding:0 8px; gap:6px;
 border:1px solid transparent; border-radius:7px; color:var(--ink); background:transparent; box-shadow:none; font:600 13px/1.2 var(--app-ui);
}
.detail-page .kind-book-actions .share-suite .share-primary-options>.share-quick-action>.button-label { position:static; width:auto; height:auto; overflow:visible; clip:auto; clip-path:none; margin:0; white-space:nowrap; }
.detail-page .kind-book-actions .share-suite .share-primary-options>.share-more>.share-toggle>.button-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); }
.detail-page .kind-book-actions .share-primary-options svg { width:17px; height:17px; flex-shrink:0; }
.detail-page .kind-book-actions .share-x svg { display:none; }
.detail-page .kind-book-save { min-width:0; justify-self:center; padding:6px 0 2px; border:0; }
.detail-page .kind-book-save :is(.save-verse-button,.save-ayah-button) { display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:180px; min-height:44px; margin:0; padding:8px 22px; gap:8px; border:1px solid #c9b49a; border-radius:28px; color:#274638; background:#f8eddd; box-shadow:none; font:600 14px/1.4 var(--app-ui); }
.detail-page .kind-book-save .save-label { display:inline; }
.detail-page .kind-book-save :is(.save-verse-button,.save-ayah-button).is-saved { color:#fff; background:#203f35; border-color:#203f35; }
.detail-page .kind-book-actions :is(.share-quick-action,.share-toggle,.save-verse-button,.save-ayah-button):hover { background:rgba(119,105,74,.08); }
.detail-page .kind-book-actions .save-inline-status { grid-column:1 / -1; margin:4px 0 0; }
.detail-page.detail-page--reader>.detail-reading-notes { margin:16px 0 0; padding:0; }
.detail-page .detail-reading-notes .detail-discovery-actions { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 24px; margin:0; }
.detail-page .detail-reading-notes .detail-discovery-actions>a { font-size:13px; }
.detail-page .detail-reading-notes .editorial-note { margin:8px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.detail-page.detail-page--reader>.reflection-section>div:last-child { font-family:var(--app-ui); }
/* Two supporting surfaces, not a new card around every paragraph or link. */
.detail-page.detail-page--reader>.reflection-section {
 margin-top:24px; padding:28px; border:1px solid var(--reading-line); border-radius:18px;
 background:var(--reading-surface); box-shadow:var(--reading-shadow);
}
.detail-page .reflection-section .section-kicker { font-size:12px; letter-spacing:.1em; }
.detail-page .reflection-section .kind-context-disclosure { font:400 13px/1.65 var(--app-ui); color:var(--muted); background:transparent; }
.detail-page .reflection-section .text-link { display:inline-flex; align-items:center; min-height:44px; font-size:14px; }
.detail-page.detail-page--reader>.newsletter-inline {
 margin-top:28px; padding:28px; border:1px solid var(--reading-line); border-radius:18px;
 background:var(--reading-soft); box-shadow:var(--reading-shadow);
}
.detail-page .newsletter-inline-form { padding:0; background:transparent; }
.detail-page .newsletter-inline-copy>p { font-size:16px; }
.detail-page .newsletter-inline-trust { font-size:12px; }
.detail-page.detail-page--reader>.direct-related { padding:22px; border:1px solid var(--reading-line); border-radius:18px; background:var(--reading-surface); }
.detail-page.detail-page--reader>:is(.related-verses,.related-ayahs) { padding-top:28px; }
.detail-page .detail-reading-notes .detail-discovery-actions>a { font-size:14px; }
.warm-daily[data-turn-pending] .kind-page-turn-link { opacity:.6; }
/* Bounded flexible sheet: eight inert strips, no rasterized text or extra framework. */
.kind-turn-leaf { position:absolute; z-index:20; pointer-events:none; perspective:1800px; transform-style:preserve-3d; overflow:clip; border-radius:16px 24px 24px 16px; }
.kind-turn-strip { position:absolute; top:0; left:0; height:100%; transform-origin:left center; transform-style:preserve-3d; will-change:transform; }
.kind-turn-front,.kind-turn-back { position:absolute; inset:0; overflow:hidden; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.kind-turn-front>.kind-scripture-page { position:absolute!important; top:0!important; margin:0!important; box-shadow:none!important; }
.kind-turn-back { transform:rotateY(180deg); background:linear-gradient(90deg,rgba(100,79,46,.12),transparent 28%,rgba(100,79,46,.035)),var(--turn-paper,#f8f3e9); }
.kind-turn-front::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(76,59,36,.035),transparent 35%,rgba(76,59,36,.06)); pointer-events:none; }
.kind-turn-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(43,36,25,.21),transparent 75%); opacity:0; pointer-events:none; border-radius:16px 24px 24px 16px; }
@view-transition { navigation:auto; }
::view-transition-old(root),::view-transition-new(root) { animation:none; }
html[data-kind-document-turn] .kind-scripture-page { view-transition-name:kind-reader; }
::view-transition-group(kind-reader) { animation-duration:760ms; perspective:1800px; }
::view-transition-new(kind-reader) { animation:none; }
::view-transition-old(kind-reader) { z-index:2; transform-origin:left center; animation:kind-leaf-next 760ms cubic-bezier(.32,.08,.18,1) both; }
html[data-kind-document-turn="previous"]::view-transition-old(kind-reader) { transform-origin:right center; animation-name:kind-leaf-previous; }
@keyframes kind-leaf-next { 0%{transform:perspective(1800px) rotateY(0);opacity:1} 20%{transform:perspective(1800px) rotateY(-12deg) skewY(-.3deg)} 62%{transform:perspective(1800px) rotateY(-65deg) skewY(-1deg);opacity:1} 86%{opacity:1} 100%{transform:perspective(1800px) rotateY(-115deg) skewY(0);opacity:0} }
@keyframes kind-leaf-previous { 0%{transform:perspective(1800px) rotateY(0);opacity:1} 20%{transform:perspective(1800px) rotateY(12deg) skewY(.3deg)} 62%{transform:perspective(1800px) rotateY(65deg) skewY(1deg);opacity:1} 86%{opacity:1} 100%{transform:perspective(1800px) rotateY(115deg) skewY(0);opacity:0} }
@media(max-width:600px) {
 .warm-home .warm-daily,.detail-page .detail-hero.detail-reader-surface { --kind-book-height:430px; }
 .warm-home .warm-moment.kind-scripture-page[data-reader-theme],.detail-page .kind-scripture-page[data-reader-theme] { padding:22px 30px 60px; grid-template-rows:42px minmax(0,1fr); }
 .warm-home .warm-moment-meta,.detail-page .kind-scripture-page-meta { gap:34px; }
 .warm-home .warm-moment-meta>span,.detail-page .kind-scripture-page-theme { min-width:70px; }
 .warm-home .warm-moment-meta>h2,.detail-page .kind-scripture-page-meta>h1 { flex:1 1 auto; }
 .warm-home .warm-moment-meta :is(span,h2),.detail-page :is(.kind-scripture-page-theme,.kind-scripture-page-meta h1) { font-size:12px; letter-spacing:.025em; }
 .warm-home .warm-ornament,.detail-page .kind-scripture-page-ornament { top:23px; font-size:24px; width:22px; }
 .warm-home .kind-reader-text blockquote,.detail-page .kind-reader-text blockquote { font-size:26px; line-height:1.48; }
 .warm-home .warm-moment.is-long .kind-reader-text blockquote,.detail-page .kind-scripture-page.is-long .kind-reader-text blockquote { font-size:24px; line-height:1.5; }
 .warm-home .warm-moment.is-very-long .kind-reader-text blockquote,.detail-page .kind-scripture-page:is(.is-very-long,.is-extra-long) .kind-reader-text blockquote { font-size:23px; line-height:1.48; }
 .warm-home .warm-moment--quran .kind-reader-text blockquote,.detail-page .kind-scripture-page--quran .kind-reader-text blockquote { font-size:24px; }
 .warm-home .warm-arabic,.detail-page .kind-reader-text .kind-scripture-page-arabic { font-size:30px; line-height:1.8; }
 .kind-scripture-page .kind-reader-botanical { width:90px; height:132px; right:16px; opacity:.22; }
 .kind-scripture-page:has(.kind-scripture-page-volume--bible)::after { width:145px; height:145px; left:-13px; bottom:-32px; }
 .warm-home .warm-daily>.kind-page-turn,.detail-page .detail-hero.detail-reader-surface>.kind-page-turn { width:calc(100% + 12px); margin-inline:-6px; }
 .detail-page .kind-scripture-page-footer { left:24px; bottom:21px; }
 .warm-home .warm-action-bar { padding:8px; gap:4px; }
 .warm-home .warm-reflection { padding:20px; }
 .detail-page.detail-page--reader>:is(.reflection-section,.newsletter-inline) { padding:22px 20px; }
 .detail-page.detail-page--reader>.direct-related { padding:18px; }
 .warm-home .warm-moment-actions .share-suite .share-primary-options { grid-template-columns:minmax(0,1fr) 44px minmax(0,1.1fr) 44px; gap:2px; }
 .warm-home .warm-moment-actions .share-suite .share-primary-options>.share-quick-action { flex-direction:row; padding:0 2px; gap:4px; font-size:12px; }
 .warm-home .warm-moment-actions .share-suite .share-primary-options>.share-more>.share-toggle { padding:0; }
 .warm-home .warm-moment-actions .share-primary-options svg { width:14px; height:14px; }
 .warm-home .warm-save .save-label { position:static; width:auto; height:auto; margin:0; overflow:visible; clip-path:none; white-space:normal; }
 /* Keep every extra sharing option clear of the site's floating mobile navigation. */
 .warm-home .warm-action-bar .share-suite .share-popover-menu:not([hidden]) { bottom:calc(84px + env(safe-area-inset-bottom))!important; max-height:calc(100svh - 168px); }
 .detail-page .detail-reader-surface>.kind-book-actions { padding:8px; }
 .detail-page .kind-book-actions>.verse-engagement { gap:4px; }
 .detail-page .kind-book-actions .share-suite .share-primary-options { grid-template-columns:minmax(0,1fr) 44px minmax(0,1.1fr) 44px; gap:2px; }
 .detail-page .kind-book-actions .share-suite .share-primary-options>.share-quick-action { padding:0 2px; gap:4px; font-size:12px; }
 .detail-page .kind-book-actions .share-suite .share-primary-options>.share-more>.share-toggle { padding:0; }
 .detail-page .kind-book-actions .share-primary-options svg { width:14px; height:14px; }
 .detail-page .kind-book-save .save-label { position:static; width:auto; height:auto; margin:0; overflow:visible; clip-path:none; white-space:normal; }
 .detail-page .kind-book-actions .share-suite .share-popover-menu:not([hidden]) { bottom:calc(84px + env(safe-area-inset-bottom))!important; max-height:calc(100svh - 168px); }
}
@media(max-width:360px) {
 .warm-home .warm-action-bar { grid-template-columns:minmax(0,1fr); gap:0; }
 .warm-home .warm-save { padding:6px 0 2px; border:0; }
 .warm-home .warm-save :is(.save-verse-button,.save-ayah-button) { width:100%; padding-inline:8px; }
 .warm-home .warm-save .save-label { position:static; width:auto; height:auto; margin:0; overflow:visible; clip-path:none; white-space:normal; }
 .detail-page .kind-book-actions>.verse-engagement { grid-template-columns:minmax(0,1fr); gap:0; }
 .detail-page .kind-book-save { padding:6px 0 2px; border:0; }
 .detail-page .kind-book-save :is(.save-verse-button,.save-ayah-button) { width:100%; padding-inline:8px; }
 .detail-page .kind-book-save .save-label { position:static; width:auto; height:auto; margin:0; overflow:visible; clip-path:none; white-space:normal; }
}
@media(prefers-reduced-motion:reduce) {
 ::view-transition-group(kind-reader),::view-transition-old(kind-reader),::view-transition-new(kind-reader) { animation:none!important; }
 .kind-turn-leaf { display:none!important; }
}
/* Compact daily-email invitation: one message, one field, one action. */
body :is(.warm-home .warm-newsletter,.detail-page .newsletter-inline) {
 display:block!important; padding:28px 24px!important; text-align:center;
 border-radius:20px; background:var(--reading-soft,#eee7db); border:1px solid var(--reading-line,rgba(88,74,49,.15));
}
body :is(.warm-home .warm-newsletter-copy,.detail-page .newsletter-inline-copy) { display:block; max-width:480px; margin:0 auto; padding:0; }
body :is(.warm-newsletter-copy,.newsletter-inline-copy) h2 { margin:0!important; font:600 28px/1.18 var(--kind-reading-font); letter-spacing:-.5px; }
body :is(.warm-newsletter-copy,.newsletter-inline-copy)>p,
body .warm-newsletter-copy>div>p { margin:10px auto 18px; font:400 15px/1.5 var(--app-ui); max-width:420px; }
body :is(.warm-newsletter-copy .warm-mail-icon,.warm-newsletter-copy .warm-ritual,.warm-newsletter .warm-trust,.newsletter-inline-copy .section-kicker,.newsletter-inline-trust,.newsletter-inline-form>small) { display:none!important; }
body :is(.warm-newsletter-form,.newsletter-inline-form) { max-width:440px; margin:0 auto; padding:0!important; background:transparent!important; border:0; }
body :is(.warm-newsletter,.newsletter-inline) .newsletter-form { display:block; margin:0; text-align:left; }
body :is(.warm-newsletter,.newsletter-inline) .newsletter-form>label:first-of-type { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); }
body :is(.warm-newsletter,.newsletter-inline) .newsletter-form>.newsletter-email-row { display:flex; flex-wrap:nowrap; align-items:stretch; gap:8px; padding:0; margin:0; border:0; background:transparent; border-radius:0; }
body :is(.warm-newsletter,.newsletter-inline) .newsletter-email-row input[type="email"] { flex:1 1 0; width:0; min-width:0; height:50px; min-height:50px; margin:0; padding:12px 16px; border:1px solid var(--reading-line,rgba(88,74,49,.18)); border-radius:12px; background:var(--reading-surface,#fffaf3); color:inherit; font:400 16px/1.4 var(--app-ui); }
body :is(.warm-newsletter,.newsletter-inline) .newsletter-email-row button { display:grid; place-items:center; flex:0 0 50px; width:50px; height:50px; min-height:50px; margin:0; padding:0; border:0; border-radius:12px; background:#244236; color:#fffaf3; }
body :is(.warm-newsletter,.newsletter-inline) .newsletter-email-row button svg { display:block; width:22px; height:22px; margin:0; }
body :is(.warm-newsletter,.newsletter-inline) .newsletter-form .newsletter-consent { display:flex; align-items:center; gap:8px; min-height:36px; margin:8px 0 0; font:400 12px/1.45 var(--app-ui); color:var(--muted,#637066); text-transform:none; letter-spacing:0; }
body :is(.warm-newsletter,.newsletter-inline) .newsletter-consent input { flex:0 0 16px; width:16px; height:16px; margin:0; accent-color:#244236; }
body :is(.warm-newsletter,.newsletter-inline) .newsletter-confirmation-note { margin:2px 0 0; text-align:center; color:var(--muted,#637066); font:400 12px/1.45 var(--app-ui); }
.newsletter-personalise { margin:8px 0 0; border:0; padding:0; }
.newsletter-personalise>summary { width:fit-content; margin:0 auto; padding:7px 0; cursor:pointer; font:400 12px/1.4 var(--app-ui); color:var(--muted,#637066); }
.newsletter-personalise .newsletter-need { margin:8px 0 0; padding:12px; min-width:0; border:1px solid var(--reading-line,rgba(88,74,49,.15)); border-radius:10px; }
.newsletter-personalise .newsletter-need legend { font:500 13px/1.4 var(--app-ui); }
.newsletter-personalise .newsletter-need select { width:100%; min-width:0; min-height:44px; font:400 16px/1.4 var(--app-ui); }
.newsletter-personalise .newsletter-need p { margin:8px 0 0; font:400 12px/1.5 var(--app-ui); }
body :is(.warm-newsletter,.newsletter-inline) .newsletter-email-row button[aria-busy="true"] { font-size:10px; overflow-wrap:anywhere; }
@media(max-width:600px) {
 body :is(.warm-home .warm-newsletter,.detail-page .newsletter-inline) { padding:24px 18px!important; }
 body :is(.warm-newsletter-copy,.newsletter-inline-copy) h2 { font-size:25px; }
}

/* AyahKind: the page grows with its complete Arabic text and translation.
   Keep long ayahs in the document flow instead of a hidden inner scroller. */
body .warm-home .warm-daily,
body .detail-page .detail-hero.detail-reader-surface {
 --kind-book-height:auto; grid-template-rows:auto auto auto;
}
body .detail-page .kind-scripture-reader { height:auto; }
body .warm-home .warm-daily>.kind-book-reactions,
body .detail-page .detail-reader-surface>.kind-book-reactions {
 grid-area:book; position:relative; inset:auto; align-self:end; justify-self:center; margin:0 0 18px;
}
body .warm-home .warm-moment--quran.kind-scripture-page[data-reader-theme],
body .detail-page .kind-scripture-page--quran[data-reader-theme] {
 height:auto; min-height:500px; max-height:none; grid-template-rows:36px auto;
}
body .warm-home .warm-moment--quran .kind-reader-scroll,
body .detail-page .kind-scripture-page--quran .kind-reader-scroll {
 height:auto; overflow:visible; display:flex; align-items:center;
}
body .warm-home .warm-moment--quran .kind-reader-text,
body .detail-page .kind-scripture-page--quran .kind-reader-text { min-height:0; }
body .warm-home .warm-moment.warm-moment--quran .kind-reader-text blockquote,
body .detail-page .kind-scripture-page.kind-scripture-page--quran .kind-reader-text blockquote {
 font-size:22px; line-height:1.5; max-width:68ch; letter-spacing:-.015em;
}
body .warm-home .warm-moment--quran .warm-arabic,
body .detail-page .kind-scripture-page--quran .kind-scripture-page-arabic {
 font-size:28px; line-height:1.8; margin:8px 0 16px;
}
@media(max-width:600px) {
 body .warm-home .warm-moment--quran.kind-scripture-page[data-reader-theme],
 body .detail-page .kind-scripture-page--quran[data-reader-theme] {
  padding:18px 22px 72px; min-height:460px; grid-template-rows:34px auto;
 }
 body .warm-home .warm-moment--quran .kind-reader-scroll,
 body .detail-page .kind-scripture-page--quran .kind-reader-scroll { padding:4px 2px; }
 body .warm-home .warm-moment.warm-moment--quran .kind-reader-text blockquote,
 body .detail-page .kind-scripture-page.kind-scripture-page--quran .kind-reader-text blockquote { font-size:17px; line-height:1.5; max-width:none; }
 body .warm-home .warm-moment--quran .warm-arabic,
 body .detail-page .kind-scripture-page--quran .kind-scripture-page-arabic { font-size:22px; line-height:1.8; margin:0 0 12px; }
 body .warm-home .warm-moment--quran .warm-translation,
 body .detail-page .kind-scripture-page--quran .kind-scripture-page-translation-label { font-size:11px; line-height:1.35; margin:0 0 8px; }
}