/*
 * Kind network app shell 2.1
 * A functional Scripture feed inspired by modern content apps.
 */

:root {
  --app-bg:#f4f6f3;
  --app-surface:rgba(255,255,255,.94);
  --app-surface-solid:#fff;
  --app-line:rgba(31,59,52,.115);
  --app-line-strong:rgba(31,59,52,.2);
  --app-shadow:0 14px 38px rgba(31,59,52,.07);
  --app-shadow-soft:0 5px 18px rgba(31,59,52,.045);
  --app-radius:18px;
  --app-control-radius:12px;
  --app-ui:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
}

#daily,#categories,#verses,#ayahs,#newsletter { scroll-margin-top:92px; }

.header-global-search { position:relative; flex:1 1 420px; width:min(470px,34vw); margin:0 clamp(18px,2.5vw,42px); }
.header-global-search label { display:block; }
.header-global-search input { display:block; width:100%; height:44px; padding:0 48px 0 16px; border:1px solid rgba(31,59,52,.1); border-radius:13px; outline:0; background:#f6f7f5; color:var(--ink); font:500 12px/1 var(--app-ui); transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.header-global-search input:focus { border-color:rgba(31,59,52,.32); background:#fff; box-shadow:0 0 0 4px rgba(31,59,52,.06); }
.header-global-search button { position:absolute; top:50%; right:6px; display:grid; place-items:center; width:34px; height:34px; padding:0; transform:translateY(-50%); border:0; border-radius:10px; background:transparent; color:var(--ink); cursor:pointer; }
.header-global-search button:hover { background:rgba(31,59,52,.06); }
.header-global-search .versekind-icon,.header-global-search .ayahkind-icon { width:18px; height:18px; }

.home-intent-panel,.home-feed-author,.home-primary-nav,.home-discovery-panel,.home-latest-list,.home-feed-card-copy,.home-feed-actions { font-family:var(--app-ui); }

.home-intent-panel { background:#fff; }
.home-intent-author { display:flex; align-items:center; gap:11px; }
.home-intent-author img { width:42px; height:42px; object-fit:contain; border-radius:50%; }
.home-intent-author div { display:grid; gap:3px; }
.home-intent-author strong { color:var(--ink); font:720 13px/1.2 var(--app-ui); }
.home-intent-author small { color:var(--muted); font:500 10px/1.25 var(--app-ui); }
.home-intent-search>label { display:block; margin-bottom:9px; color:var(--ink); font:700 15px/1.3 var(--app-ui); }
.home-intent-search>div { display:flex; gap:8px; }
.home-intent-search input { min-width:0; flex:1; height:44px; padding:0 14px; border:1px solid var(--app-line); border-radius:12px; background:#f8f9f7; color:var(--ink); outline:0; font:500 11px/1 var(--app-ui); }
.home-intent-search input:focus { border-color:rgba(31,59,52,.28); background:#fff; box-shadow:0 0 0 4px rgba(31,59,52,.05); }
.home-intent-search button { min-width:98px; display:flex; align-items:center; justify-content:center; gap:7px; padding:0 15px; border:0; border-radius:12px; background:var(--ink); color:#fff; font:720 11px/1 var(--app-ui); cursor:pointer; }
.home-intent-search .versekind-icon,.home-intent-search .ayahkind-icon { width:15px; height:15px; }
.home-intent-shortcuts { display:flex; align-items:center; flex-wrap:wrap; gap:7px; color:var(--muted); font:600 10px/1 var(--app-ui); }
.home-intent-shortcuts a { padding:7px 11px; border:1px solid var(--app-line); border-radius:999px; background:#fafbf9; color:var(--ink); }
.home-mode-tabs { display:flex; align-items:center; gap:8px; padding-top:13px; border-top:1px solid var(--app-line); overflow-x:auto; scrollbar-width:none; }
.home-mode-tabs a { flex:0 0 auto; padding:8px 13px; border:1px solid var(--app-line); border-radius:999px; color:#52645d; font:700 10px/1 var(--app-ui); }
.home-mode-tabs a.is-current { border-color:var(--ink); background:var(--ink); color:#fff; }

.home-feed-author { display:flex; align-items:center; gap:9px; }
.home-feed-avatar { flex:0 0 auto; display:grid; place-items:center; width:36px; height:36px; overflow:hidden; border:1px solid var(--app-line); border-radius:50%; background:#f7f4ec; }
.home-feed-avatar img { width:100%; height:100%; object-fit:contain; }
.home-feed-author>span:nth-child(2) { min-width:0; display:grid; gap:2px; }
.home-feed-author strong { color:var(--ink); font:750 12px/1.15 var(--app-ui); }
.home-feed-author small { color:var(--muted); font:600 9px/1.2 var(--app-ui); }
.home-feature-status { margin-left:auto; display:flex; align-items:center; gap:5px; color:#52645d; font:700 9px/1 var(--app-ui); }
.home-feature-status .versekind-icon,.home-feature-status .ayahkind-icon { width:13px; height:13px; }

.home-primary-nav { display:grid; gap:4px; padding-bottom:14px; margin-bottom:15px; border-bottom:1px solid var(--app-line); }
.home-primary-nav a { position:relative; min-height:39px; display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:11px; color:#263b35; font:680 11px/1.15 var(--app-ui); transition:background .18s ease,color .18s ease,transform .18s ease; }
.home-primary-nav a:hover { transform:translateX(2px); background:#f3f6f2; }
.home-primary-nav a.is-current { background:var(--ink); color:#fff; }
.home-primary-nav .versekind-icon,.home-primary-nav .ayahkind-icon { flex:0 0 auto; width:17px; height:17px; }
.home-primary-nav b { margin-left:auto; min-width:17px; height:17px; padding:0 4px; place-items:center; border-radius:999px; background:var(--clay); color:#fff; font-size:8px; }
.home-primary-nav b:not([hidden]) { display:grid; }
.home-theme-heading { padding:0 6px 12px; }
.home-theme-heading h2 { margin:7px 0 5px; color:var(--ink); font-size:22px; font-weight:400; line-height:1.03; letter-spacing:-.035em; }
.home-theme-heading p { margin:0; color:var(--muted); font:500 10px/1.45 var(--app-ui); }

.home-daily-landscape-copy { display:none; }
.home-feature-author { padding:13px 15px; border-bottom:1px solid var(--app-line); background:#fff; }

.home-feed-card-body { min-width:0; }
.home-feed-card-copy blockquote { margin:9px 0; color:var(--ink); font-family:Georgia,serif; font-size:22px; line-height:1.25; letter-spacing:-.02em; }
.home-feed-card-copy>p:not(.ayah-arabic) { margin:0 0 12px; color:#5e6d67; font:500 11px/1.58 var(--app-ui); }
.home-feed-card-copy>p.ayah-arabic { margin:5px 0 9px; color:var(--ink); font-family:"Geeza Pro","SF Arabic","Noto Naskh Arabic",serif; font-size:22px; font-weight:400; line-height:1.55; letter-spacing:0; text-align:right; }
.home-feed-card-copy .text-link { font:720 10px/1.2 var(--app-ui); }
.home-feed-card-copy .text-link .versekind-icon,.home-feed-card-copy .text-link .ayahkind-icon { width:13px; height:13px; }
.home-feed-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:13px; margin-top:13px; border-top:1px solid var(--app-line); }
.home-feed-actions>span { color:var(--muted); font:650 9px/1.2 var(--app-ui); }

.home-discovery-panel { padding-bottom:18px; margin-bottom:17px; border-bottom:1px solid var(--app-line); }
.home-discovery-panel h2 { margin:7px 0 7px; color:var(--ink); font-size:27px; font-weight:400; line-height:1.02; letter-spacing:-.04em; }
.home-discovery-panel>p { margin:0 0 13px; color:var(--muted); font:500 10px/1.5 var(--app-ui); }
.home-rail-search { position:relative; margin-bottom:13px; }
.home-rail-search input { width:100%; height:41px; padding:0 43px 0 12px; border:1px solid var(--app-line); border-radius:11px; background:#f8f9f7; color:var(--ink); outline:0; font:500 10px/1 var(--app-ui); }
.home-rail-search input:focus-visible { border-color:rgba(31,59,52,.34); background:#fff; box-shadow:0 0 0 4px rgba(31,59,52,.06); }
.home-rail-search button { position:absolute; top:4px; right:4px; display:grid; place-items:center; width:33px; height:33px; padding:0; border:0; border-radius:9px; background:transparent; color:var(--ink); }
.home-rail-search button:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
.home-rail-search .versekind-icon,.home-rail-search .ayahkind-icon { width:16px; height:16px; }
.home-latest-list { display:grid; gap:3px; }
.home-latest-list>a { min-height:47px; display:grid; grid-template-columns:31px minmax(0,1fr) 14px; align-items:center; gap:8px; padding:6px; border:1px solid rgba(31,59,52,.065); border-radius:10px; background:#fff; color:var(--ink); transition:background .18s ease,transform .18s ease; }
.home-latest-list>a:hover { transform:translateX(2px); background:#f5f7f4; }
.home-latest-list>a>span:first-child { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:rgba(223,231,214,.72); color:var(--ink); font:800 10px/1 var(--app-ui); }
.home-latest-list>a>span:nth-child(2) { min-width:0; display:grid; gap:2px; }
.home-latest-list strong { font:720 10px/1.15 var(--app-ui); }
.home-latest-list small { overflow:hidden; color:var(--muted); font:500 9px/1.15 var(--app-ui); text-overflow:ellipsis; white-space:nowrap; }
.home-latest-list>a.category-peace>span:first-child { background:#e0e7d6; }
.home-latest-list>a.category-hope>span:first-child,.home-latest-list>a.category-patience>span:first-child { background:#f2e0b5; }
.home-latest-list>a.category-love>span:first-child,.home-latest-list>a.category-mercy>span:first-child { background:#eed5cd; }
.home-latest-list>a.category-faith>span:first-child,.home-latest-list>a.category-forgiveness>span:first-child { background:#dcdde8; }
.home-latest-list>a.category-strength>span:first-child,.home-latest-list>a.category-trust>span:first-child { background:#d5e3dd; }
.home-latest-list>a.category-courage>span:first-child,.home-latest-list>a.category-family>span:first-child { background:#ebd5c7; }
.home-latest-list>a.category-gratitude>span:first-child { background:#f1dfab; }
.home-latest-list>a.category-wisdom>span:first-child,.home-latest-list>a.category-guidance>span:first-child { background:#d8e6e8; }
.home-latest-list>a.category-healing>span:first-child,.home-latest-list>a.category-prayer>span:first-child { background:#d5e3dd; }
.home-latest-list>a.category-purpose>span:first-child,.home-latest-list>a.category-hereafter>span:first-child { background:#ccdbc1; }
.home-latest-list .versekind-icon,.home-latest-list .ayahkind-icon { width:13px; height:13px; }
.home-view-all { margin-top:10px; min-height:35px; display:grid; place-items:center; border:1px solid var(--app-line); border-radius:10px; color:var(--ink); font:700 10px/1 var(--app-ui); }
.home-rail-share { display:grid; grid-template-columns:35px minmax(0,1fr) 14px; align-items:center; gap:9px; margin-top:14px; padding:12px; border:1px solid var(--app-line); border-radius:13px; background:#fff; color:var(--ink); }
.home-rail-share>span:first-child { width:35px; height:35px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:#fff; }
.home-rail-share>span:nth-child(2) { display:grid; gap:3px; }
.home-rail-share strong { font:720 10px/1.2 var(--app-ui); }
.home-rail-share small { color:var(--muted); font:500 9px/1.35 var(--app-ui); }
.home-rail-share .versekind-icon,.home-rail-share .ayahkind-icon { width:15px; height:15px; }

@media (min-width:901px) {
  body { background:var(--app-bg); }
  .site-header { position:sticky; top:0; z-index:80; width:min(1540px,calc(100% - 24px)); height:68px; padding:0 14px; border:1px solid var(--app-line); border-top:0; border-radius:0 0 16px 16px; background:rgba(255,255,255,.88); box-shadow:0 8px 28px rgba(31,59,52,.045); -webkit-backdrop-filter:blur(18px) saturate(145%); backdrop-filter:blur(18px) saturate(145%); }
  .admin-bar .site-header { top:32px; }
  .site-header .brand { flex:0 0 auto; }
  .header-actions { display:flex; align-items:center; gap:12px; min-width:0; }
  .site-navigation { gap:14px; }
  body:has(#content[data-engagement-surface="home"]) .site-navigation>a:first-child,
  body:has(#content[data-engagement-surface="home"]) .site-navigation>.nav-explore { display:none; }
  .language-switcher { flex:0 0 auto; }

  body.home #content[data-engagement-surface="home"] { width:min(1540px,calc(100% - 24px)); margin:12px auto 34px; padding:12px; display:grid; grid-template-columns:190px minmax(0,1fr); grid-template-areas:"themes intent" "themes daily" "themes latest" "email email" "about about" "faq faq"; gap:12px; align-items:start; border:1px solid var(--app-line); border-radius:22px; background:rgba(255,255,255,.4); box-shadow:var(--app-shadow-soft); }

  body.home #content[data-engagement-surface="home"] .home-intent-panel { grid-area:intent; display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,1.25fr); gap:12px 20px; padding:15px; border:1px solid var(--app-line); border-radius:var(--app-radius); box-shadow:var(--app-shadow-soft); }
  body.home #content[data-engagement-surface="home"] .home-intent-author { align-self:start; }
  body.home #content[data-engagement-surface="home"] .home-intent-search { grid-column:2; grid-row:1/3; align-self:center; }
  body.home #content[data-engagement-surface="home"] .home-intent-shortcuts { align-self:end; }
  body.home #content[data-engagement-surface="home"] .home-mode-tabs { grid-column:1/-1; }

  body.home #content[data-engagement-surface="home"] .home-daily-hero { grid-area:daily; display:block; min-height:0; padding:0; overflow:hidden; border:1px solid var(--app-line); border-radius:var(--app-radius); background:var(--app-surface-solid); color:var(--ink); box-shadow:var(--app-shadow); }
  body.home #content[data-engagement-surface="home"] .home-daily-hero::after { display:none; }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image { position:relative; width:100%; aspect-ratio:16/9; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:24px 28px; border:0; border-radius:0; overflow:hidden; background:#173c32; box-shadow:none; isolation:isolate; }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image::before { content:""; position:absolute; z-index:-2; inset:-28px; border:0; border-radius:0; background-image:var(--home-daily-art); background-position:center; background-size:cover; filter:blur(18px) saturate(.72); opacity:.38; transform:scale(1.08); }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(10,38,31,.96) 0%,rgba(17,58,47,.83) 48%,rgba(19,54,44,.4) 100%); }
  body.home #content[data-engagement-surface="home"] .home-daily-landscape-copy { min-width:0; flex:1 1 58%; display:block; color:#f7f2e7; }
  body.home #content[data-engagement-surface="home"] .home-daily-landscape-copy>span { display:block; height:28px; color:#fff; font:400 54px/.8 Georgia,serif; }
  body.home #content[data-engagement-surface="home"] .home-daily-landscape-copy blockquote { max-width:390px; margin:8px 0 15px; font:400 clamp(24px,2.2vw,35px)/1.08 Georgia,serif; letter-spacing:-.035em; }
  body.home #content[data-engagement-surface="home"] .home-daily-landscape-copy p { margin:0; color:#f2c297; font:800 9px/1 var(--app-ui); letter-spacing:.13em; text-transform:uppercase; }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image img { position:relative; flex:0 0 auto; width:auto; max-width:35%; height:100%; margin:0; border:1px solid rgba(255,255,255,.18); border-radius:11px; object-fit:contain; box-shadow:0 16px 42px rgba(0,0,0,.24); }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image .image-pin-button { right:17px; bottom:17px; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy { width:100%; max-width:none; padding:19px 21px 21px; text-align:left; }
  body.home #content[data-engagement-surface="home"] .home-daily-intro { display:flex; align-items:center; justify-content:space-between; gap:15px; max-width:none; margin:0 0 13px; padding:0 0 12px; border-color:var(--app-line); }
  body.home #content[data-engagement-surface="home"] .home-daily-intro .eyebrow { color:var(--clay); white-space:nowrap; }
  body.home #content[data-engagement-surface="home"] .home-daily-intro p { max-width:340px; margin:0; color:var(--muted); font:500 9px/1.4 var(--app-ui); text-align:right; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy .section-kicker { display:block; margin-top:0; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy h1 { max-width:720px; margin:8px 0 8px; color:var(--ink); font-size:clamp(27px,2.5vw,38px); line-height:1.04; letter-spacing:-.04em; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>.reference { margin:0 0 8px; color:var(--clay); }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>p:not(.reference):not(.ayah-arabic) { max-width:700px; margin:0 0 12px; color:#53655f; font:500 11px/1.55 var(--app-ui); }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>p.ayah-arabic { max-width:100%; margin:2px 0 7px; color:var(--ink); font-family:"Geeza Pro","SF Arabic","Noto Naskh Arabic",serif; font-size:clamp(24px,2.2vw,34px); font-weight:400; line-height:1.55; letter-spacing:0; text-align:right; }
  body.home #content[data-engagement-surface="home"] .home-daily-actions { margin-top:13px; }
  body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button { min-height:42px; padding:10px 14px; gap:7px; background:var(--ink); color:#fff; font:700 10px/1 var(--app-ui); }
  body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button .versekind-icon,body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button .ayahkind-icon { width:15px; height:15px; }
  body.home #content[data-engagement-surface="home"] .home-library-link { min-height:42px; padding:6px 10px; border:1px solid var(--app-line); border-radius:11px; color:var(--ink); background:#fafbf9; }
  body.home #content[data-engagement-surface="home"] .home-library-link>.versekind-icon,body.home #content[data-engagement-surface="home"] .home-library-link>.ayahkind-icon { color:var(--clay); }
  body.home #content[data-engagement-surface="home"] .home-library-link small { color:var(--muted); }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement { margin-top:12px; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy .share-popover .share-toggle,body.home #content[data-engagement-surface="home"] .home-daily-copy .home-verse-engagement>.save-verse-button,body.home #content[data-engagement-surface="home"] .home-daily-copy .home-verse-engagement>.save-ayah-button { border-color:var(--app-line-strong); background:#fff; color:var(--ink); }

  body.home #content[data-engagement-surface="home"] .category-section { grid-area:themes; position:sticky; top:82px; max-height:calc(100vh - 96px); padding:12px 9px 10px; overflow:auto; border:1px solid var(--app-line); border-radius:var(--app-radius); background:var(--app-surface); box-shadow:var(--app-shadow-soft); scrollbar-width:thin; }
  body.admin-bar.home .category-section { top:114px; }
  body.home #content[data-engagement-surface="home"] .category-section>.section-heading { display:none; }
  body.home #content[data-engagement-surface="home"] .category-grid { display:grid; grid-template-columns:1fr; gap:4px; }
  body.home #content[data-engagement-surface="home"] .category-card { min-height:52px; padding:7px 8px; display:grid; grid-template-columns:27px minmax(0,1fr) 14px; grid-template-rows:auto auto; align-items:center; gap:1px 7px; border:1px solid rgba(31,59,52,.07); border-radius:11px; box-shadow:none; }
  body.home #content[data-engagement-surface="home"] .category-card:hover { transform:translateX(2px); }
  body.home #content[data-engagement-surface="home"] .category-card>span { grid-column:1; grid-row:1/3; display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:rgba(255,255,255,.55); font:800 9px/1 var(--app-ui); }
  body.home #content[data-engagement-surface="home"] .category-card h3 { grid-column:2; grid-row:1; margin:0; font-family:var(--app-ui); font-size:10px; font-weight:750; line-height:1.15; }
  body.home #content[data-engagement-surface="home"] .category-card p { grid-column:2; grid-row:2; margin:0; font:500 8px/1.2 var(--app-ui); }
  body.home #content[data-engagement-surface="home"] .category-card b { position:static; grid-column:3; grid-row:1/3; }
  body.home #content[data-engagement-surface="home"] .category-card b .versekind-icon,body.home #content[data-engagement-surface="home"] .category-card b .ayahkind-icon { width:12px; height:12px; }

  body.home #content[data-engagement-surface="home"] .verse-section,body.home #content[data-engagement-surface="home"] .ayah-section { grid-area:latest; padding:18px; border:1px solid var(--app-line); border-radius:var(--app-radius); background:var(--app-surface-solid); box-shadow:var(--app-shadow-soft); }
  body.home #content[data-engagement-surface="home"] .verse-section>.section-heading,body.home #content[data-engagement-surface="home"] .ayah-section>.section-heading { margin-bottom:14px; align-items:center; }
  body.home #content[data-engagement-surface="home"] .verse-section>.section-heading h2,body.home #content[data-engagement-surface="home"] .ayah-section>.section-heading h2 { margin-top:6px; font-size:clamp(27px,2.7vw,36px); }
  body.home #content[data-engagement-surface="home"] .result-count { display:flex; align-items:center; gap:5px; color:var(--ink); font:700 9px/1.2 var(--app-ui); }
  body.home #content[data-engagement-surface="home"] .result-count .versekind-icon,body.home #content[data-engagement-surface="home"] .result-count .ayahkind-icon { width:13px; height:13px; }
  body.home #content[data-engagement-surface="home"] .filter-row { padding-bottom:14px; }
  body.home #content[data-engagement-surface="home"] .filter { padding:8px 12px; font:650 9px/1 var(--app-ui); }
  body.home #content[data-engagement-surface="home"] .verse-grid,body.home #content[data-engagement-surface="home"] .ayah-grid { grid-template-columns:1fr; gap:12px; }
  body.home #content[data-engagement-surface="home"] .feed-card { padding:12px; border:1px solid var(--app-line); border-radius:15px; background:#fcfdfa; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
  body.home #content[data-engagement-surface="home"] .feed-card:hover { transform:translateY(-2px); border-color:rgba(31,59,52,.19); box-shadow:var(--app-shadow-soft); }
  body.home #content[data-engagement-surface="home"] .feed-card>.home-feed-author { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid var(--app-line); }
  body.home #content[data-engagement-surface="home"] .home-feed-card-body { display:grid; grid-template-columns:145px minmax(0,1fr); gap:16px; align-items:start; }
  body.home #content[data-engagement-surface="home"] .card-image-link { border-radius:11px; }
  body.home #content[data-engagement-surface="home"] .card-image-link img { object-fit:contain; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy { padding:3px 0; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy h3 { margin:4px 0 0; font-size:25px; font-weight:400; }
  body.home #content[data-engagement-surface="home"] .card-actions { display:flex; align-items:center; gap:6px; }
  body.home #content[data-engagement-surface="home"] .card-actions button { width:34px; height:34px; }
  body.home #content[data-engagement-surface="home"] .load-more-wrap { margin-top:18px; }

  body.home #content[data-engagement-surface="home"] .newsletter-section { grid-area:email; padding:18px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(330px,1.1fr); gap:22px; border:1px solid var(--app-line); border-radius:var(--app-radius); background:linear-gradient(145deg,#eef1e9,#f8f1e5); box-shadow:var(--app-shadow-soft); }
  body.home #content[data-engagement-surface="home"] .home-discovery-panel { grid-column:1/-1; }
  body.home #content[data-engagement-surface="home"] .newsletter-copy { align-self:center; }
  body.home #content[data-engagement-surface="home"] .newsletter-copy h2 { margin:7px 0 10px; font-size:clamp(29px,3vw,40px); line-height:1.02; }
  body.home #content[data-engagement-surface="home"] .newsletter-copy>p { margin:0; font:500 11px/1.5 var(--app-ui); }
  body.home #content[data-engagement-surface="home"] .newsletter-window { width:100%; justify-self:stretch; padding:0; border:0; border-radius:14px; background:transparent; box-shadow:none; }
  body.home #content[data-engagement-surface="home"] .newsletter-window::before,body.home #content[data-engagement-surface="home"] .newsletter-window::after { display:none; }
  body.home #content[data-engagement-surface="home"] .newsletter-form-card { height:100%; padding:18px; display:flex; flex-direction:column; justify-content:center; border:1px solid rgba(31,59,52,.11); border-radius:14px; background:rgba(255,255,255,.82); }
  body.home #content[data-engagement-surface="home"] .newsletter-mark { width:32px; height:36px; margin-bottom:10px; font-size:17px; }
  body.home #content[data-engagement-surface="home"] .newsletter-form-card h3 { font-size:25px; }
  body.home #content[data-engagement-surface="home"] .newsletter-form-card>p { margin-bottom:14px; font:500 10px/1.45 var(--app-ui); }
  body.home #content[data-engagement-surface="home"] .newsletter-form-card small { margin-top:8px; font:500 8px/1.4 var(--app-ui); }

  body.home #content[data-engagement-surface="home"] .home-supporting-content { padding:24px 28px; border:1px solid var(--app-line); border-radius:var(--app-radius); background:var(--app-surface-solid); }
  body.home #content[data-engagement-surface="home"] .about-section { grid-area:about; grid-template-columns:.7fr 1.2fr .9fr; align-items:center; gap:24px; }
  body.home #content[data-engagement-surface="home"] .about-section h2 { font-size:31px; }
  body.home #content[data-engagement-surface="home"] .about-copy p { font:500 10px/1.55 var(--app-ui); }
  body.home #content[data-engagement-surface="home"] .values-grid { grid-column:auto; grid-template-columns:1fr; gap:5px; }
  body.home #content[data-engagement-surface="home"] .values-grid article { min-height:0; padding:8px 10px; display:flex; align-items:center; gap:10px; }
  body.home #content[data-engagement-surface="home"] .values-grid article h3 { margin:0; font:700 10px/1.2 var(--app-ui); }
  body.home #content[data-engagement-surface="home"] .values-grid article p { display:none; }
  body.home #content[data-engagement-surface="home"] .faq-section { grid-area:faq; }
  body.home #content[data-engagement-surface="home"] .faq-section>.section-heading { margin-bottom:14px; }
  body.home #content[data-engagement-surface="home"] .faq-section h2 { font-size:31px; }
  body.home #content[data-engagement-surface="home"] .faq-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  body.home #content[data-engagement-surface="home"] .faq-list details { border:1px solid var(--app-line); border-radius:11px; padding:0 12px; }

  .library-hero,.saved-hero,.about-hero,.category-hero { width:min(1500px,calc(100% - 24px)); margin:12px auto 0; border:1px solid var(--app-line); border-radius:20px; box-shadow:var(--app-shadow-soft); }
  .library-results,.saved-results,.category-verse-list { width:min(1500px,calc(100% - 24px)); margin:12px auto 34px; border:1px solid var(--app-line); border-radius:20px; box-shadow:var(--app-shadow-soft); }
  .personal-bible-book .saved-recovery,.personal-quran-book .saved-recovery {
    position:relative;
    z-index:2;
    max-width:560px;
    margin:34px auto;
    padding:38px 30px;
    border:1px dashed rgba(31,59,52,.24);
    border-radius:18px;
    background:rgba(246,242,230,.68);
    text-align:center;
  }
  .personal-bible-book .saved-recovery[hidden],.personal-quran-book .saved-recovery[hidden] { display:none; }
  .personal-bible-book .saved-recovery h2,.personal-quran-book .saved-recovery h2 { margin:8px 0 10px; font-size:30px; font-weight:400; }
  .personal-bible-book .saved-recovery>p,.personal-quran-book .saved-recovery>p { max-width:430px; margin:0 auto 18px; color:var(--muted); font:500 12px/1.6 var(--app-ui); }
  .personal-bible-book .saved-recovery [data-saved-recovery-status]:empty,.personal-quran-book .saved-recovery [data-saved-recovery-status]:empty { display:none; }
}

@media (min-width:1000px) {
  body.home #content[data-engagement-surface="home"] { grid-template-columns:190px minmax(0,1fr) 240px; grid-template-areas:"themes intent email" "themes daily email" "themes latest email" "about about about" "faq faq faq"; }
  body.home #content[data-engagement-surface="home"] .newsletter-section { position:sticky; top:82px; display:block; max-height:calc(100vh - 96px); overflow:auto; }
  body.admin-bar.home .newsletter-section { top:114px; }
  body.home #content[data-engagement-surface="home"] .newsletter-copy { text-align:left; }
  body.home #content[data-engagement-surface="home"] .newsletter-copy h2 { font-size:25px; }
  body.home #content[data-engagement-surface="home"] .newsletter-copy>p { font-size:10px; }
  body.home #content[data-engagement-surface="home"] .newsletter-form-card { min-height:0; margin-top:13px; padding:14px; }
  body.home #content[data-engagement-surface="home"] .newsletter-form>div { display:block; border:0; padding:0; background:transparent; }
  body.home #content[data-engagement-surface="home"] .newsletter-form input[type="email"] { display:block; border:1px solid #cdd4ce; border-radius:10px; padding:10px 11px; background:#fff; }
  body.home #content[data-engagement-surface="home"] .newsletter-form button { width:100%; margin-top:7px; border-radius:10px; padding:10px; }
}

@media (min-width:1280px) {
  body.home #content[data-engagement-surface="home"] { grid-template-columns:215px minmax(0,1fr) 285px; gap:14px; padding:14px; }
  body.home #content[data-engagement-surface="home"] .category-section { padding:14px 10px 11px; }
  body.home #content[data-engagement-surface="home"] .home-primary-nav a { min-height:42px; font-size:11px; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-body { grid-template-columns:175px minmax(0,1fr); gap:20px; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy blockquote { font-size:25px; }
  body.home #content[data-engagement-surface="home"] .newsletter-section { padding:20px; }
  body.home #content[data-engagement-surface="home"] .home-discovery-panel h2 { font-size:29px; }
}

@media (max-width:1180px) and (min-width:1000px) {
  .header-global-search { width:min(360px,31vw); margin:0 14px; }
  body:has(#content[data-engagement-surface="home"]) .site-navigation .saved-nav-link>span:not(.saved-count),
  body:has(#content[data-engagement-surface="home"]) .site-navigation .account-nav-link>span,
  body:has(#content[data-engagement-surface="home"]) .site-navigation .nav-account>summary>span { display:none; }
}

@media (max-width:999px) and (min-width:901px) {
  .header-global-search { display:none; }
  body.home #content[data-engagement-surface="home"] .newsletter-section { grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr); }
  body.home #content[data-engagement-surface="home"] .home-discovery-panel { display:none; }
}

@media (max-width:900px) {
  .header-global-search { display:none; }
  .site-header { position:sticky; top:0; z-index:70; background:rgba(247,242,232,.9); -webkit-backdrop-filter:blur(16px) saturate(140%); backdrop-filter:blur(16px) saturate(140%); }
  .admin-bar .site-header { top:46px; }
  body.home #content[data-engagement-surface="home"] .home-intent-panel { margin:8px 14px 0; padding:13px; border:1px solid var(--app-line); border-radius:15px; box-shadow:var(--app-shadow-soft); }
  body.home #content[data-engagement-surface="home"] .home-intent-author { display:none; }
  body.home #content[data-engagement-surface="home"] .home-intent-search>label { margin-bottom:8px; font-size:14px; }
  body.home #content[data-engagement-surface="home"] .home-intent-search>div { gap:6px; }
  body.home #content[data-engagement-surface="home"] .home-intent-search input { height:41px; }
  body.home #content[data-engagement-surface="home"] .home-intent-search button { min-width:44px; width:44px; height:41px; padding:0; font-size:0; }
  body.home #content[data-engagement-surface="home"] .home-intent-shortcuts { margin-top:9px; }
  body.home #content[data-engagement-surface="home"] .home-mode-tabs { margin-top:10px; padding-top:10px; }
  body.home #content[data-engagement-surface="home"] .home-mode-tabs a { padding:7px 11px; }
  body.home #content[data-engagement-surface="home"] .home-feature-author { width:min(100%,360px); margin:0 auto; padding:9px 0 5px; border-bottom:0; background:transparent; color:#f8f2e5; }
  body.home #content[data-engagement-surface="home"] .home-feature-author strong { color:#f8f2e5; }
  body.home #content[data-engagement-surface="home"] .home-feature-author small { color:#aebdb6; }
  body.home #content[data-engagement-surface="home"] .home-feature-status { color:#dbc4a6; }
  body.home #content[data-engagement-surface="home"] .home-daily-landscape-copy { display:none; }
  body.home #content[data-engagement-surface="home"] .home-daily-intro { margin-bottom:10px; padding-bottom:9px; }
  body.home #content[data-engagement-surface="home"] .home-daily-intro p { display:none; }
  body.home #content[data-engagement-surface="home"] .category-section { padding-top:38px; padding-bottom:45px; }
  body.home #content[data-engagement-surface="home"] .home-primary-nav { display:none; }
  body.home #content[data-engagement-surface="home"] .home-theme-heading { padding:0 0 16px; }
  body.home #content[data-engagement-surface="home"] .home-theme-heading h2 { font-size:34px; }
  body.home #content[data-engagement-surface="home"] .home-theme-heading p { font-size:11px; }
  body.home #content[data-engagement-surface="home"] .verse-section,body.home #content[data-engagement-surface="home"] .ayah-section { padding-top:40px; padding-bottom:52px; }
  body.home #content[data-engagement-surface="home"] .verse-section>.section-heading,body.home #content[data-engagement-surface="home"] .ayah-section>.section-heading { margin-bottom:16px; }
  body.home #content[data-engagement-surface="home"] .verse-section>.section-heading h2,body.home #content[data-engagement-surface="home"] .ayah-section>.section-heading h2 { font-size:clamp(31px,8.8vw,42px); }
  body.home #content[data-engagement-surface="home"] .verse-grid,body.home #content[data-engagement-surface="home"] .ayah-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  body.home #content[data-engagement-surface="home"] .feed-card { min-width:0; }
  body.home #content[data-engagement-surface="home"] .feed-card>.home-feed-author,body.home #content[data-engagement-surface="home"] .home-feed-card-copy,body.home #content[data-engagement-surface="home"] .home-feed-actions>span { display:none; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-body { display:block; }
  body.home #content[data-engagement-surface="home"] .home-feed-actions { justify-content:flex-end; padding-top:8px; margin-top:2px; border-top:0; }
  body.home #content[data-engagement-surface="home"] .card-image-link { border-radius:13px; }
  body.home #content[data-engagement-surface="home"] .card-actions { gap:4px; }
  body.home #content[data-engagement-surface="home"] .card-actions button { width:32px; height:32px; }
  body.home #content[data-engagement-surface="home"] .newsletter-section { padding-top:48px; padding-bottom:58px; }
  body.home #content[data-engagement-surface="home"] .home-discovery-panel,body.home #content[data-engagement-surface="home"] .home-rail-share { display:none; }
}

@media (max-width:600px) {
  .site-header { justify-content:flex-start; }
  .site-header .brand { margin:0; }
  body.home #content[data-engagement-surface="home"] .home-intent-panel { margin-top:6px; }
  body.home #content[data-engagement-surface="home"] .home-intent-shortcuts>span { display:none; }
  body.home #content[data-engagement-surface="home"] .home-intent-shortcuts a { padding:6px 9px; }
  body.home #content[data-engagement-surface="home"] .home-mode-tabs { gap:5px; }
  body.home #content[data-engagement-surface="home"] .home-mode-tabs a { padding:7px 9px; font-size:9px; }
  body.home #content[data-engagement-surface="home"] .home-feature-status { font-size:8px; }
  body.home #content[data-engagement-surface="home"] .home-feature-author .home-feed-avatar { width:31px; height:31px; }
  body.home #content[data-engagement-surface="home"] .home-supporting-content { padding-top:42px; padding-bottom:42px; }
}

@media (max-width:360px) {
  body.home #content[data-engagement-surface="home"] .verse-grid,body.home #content[data-engagement-surface="home"] .ayah-grid { grid-template-columns:1fr; }
}

@media (prefers-reduced-transparency:reduce) {
  .site-header { background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none; }
}

/*
 * 2.1 — final cross-device polish.
 * The Scripture remains the visual focus while the first useful action stays
 * reachable in the initial viewport. Shared across every Kind site.
 */

:where(a,button,input,summary):focus-visible {
  outline:3px solid color-mix(in srgb,var(--clay) 72%,#fff);
  outline-offset:3px;
}

@media (min-width:901px) {
  /* A calm, aligned reading surface instead of an oversized marketing hero. */
  .detail-page { padding-top:12px; }
  .detail-breadcrumbs {
    width:min(1500px,calc(100% - 24px));
    min-height:40px;
    margin:0 auto;
    padding:10px 16px;
    border:1px solid var(--app-line);
    border-radius:13px;
    background:rgba(255,255,255,.72);
    font-family:var(--app-ui);
  }
  .pinterest-arrival {
    width:min(1500px,calc(100% - 24px));
    margin:10px auto 0;
    padding:14px 16px;
    border-color:var(--app-line);
    border-radius:15px;
    box-shadow:var(--app-shadow-soft);
  }
  .pinterest-arrival:not([hidden])+.detail-hero { margin-top:10px; }
  .detail-hero {
    width:min(1500px,calc(100% - 24px));
    margin:10px auto 12px;
    padding:clamp(18px,2vw,28px);
    grid-template-columns:minmax(260px,340px) minmax(0,1fr);
    gap:clamp(30px,4vw,62px);
    align-items:center;
    border:1px solid var(--app-line);
    border-radius:22px;
    background:var(--app-surface-solid);
    box-shadow:var(--app-shadow);
  }
  .detail-image {
    width:100%;
    max-width:340px;
    justify-self:center;
    padding:12px;
    border-color:var(--app-line-strong);
    border-radius:180px 180px 22px 22px;
    box-shadow:0 18px 44px rgba(31,59,52,.1);
  }
  .detail-image::before { inset:7px; border-radius:174px 174px 17px 17px; }
  .detail-copy { min-width:0; padding-right:clamp(0px,2vw,24px); }
  .detail-copy h1 {
    max-width:930px;
    margin:10px 0 12px;
    font-size:clamp(38px,4vw,58px);
    line-height:1.015;
    letter-spacing:-.042em;
    text-wrap:balance;
  }
  .detail-copy .reference { margin-bottom:12px; }
  .detail-copy .full-verse,.detail-copy .full-ayah { max-width:860px; margin-bottom:0; font-size:15px; line-height:1.65; }
  .detail-copy .verse-engagement {
    display:grid;
    grid-template-columns:auto minmax(290px,1fr);
    align-items:end;
    gap:14px 20px;
    margin-top:18px;
  }
  .detail-copy .verse-engagement>[class*="save-"][class*="-button"] { min-width:172px; }
  .detail-copy .verse-engagement>.share-panel { align-self:end; padding:0 0 0 18px; border-top:0; border-left:1px solid var(--app-line); }
  .detail-copy .share-panel>span { margin-bottom:8px; font:750 8px/1 var(--app-ui); letter-spacing:.13em; }
  .detail-copy .detail-discovery-actions { margin:16px 0 13px; }
  .detail-copy .editorial-note { margin-top:0; }

  .reflection-section,.newsletter-inline,.related-verses,.related-ayahs,.verse-recirculation {
    width:min(1500px,calc(100% - 24px));
    margin:12px auto 0;
    border:1px solid var(--app-line);
    border-radius:22px;
    box-shadow:var(--app-shadow-soft);
  }
  .reflection-section { padding:42px clamp(28px,5vw,76px); gap:clamp(38px,6vw,88px); }
  .reflection-section h2 { font-size:clamp(34px,4vw,50px); }
  .reflection-section>div:last-child { font-size:18px; line-height:1.6; }
  .newsletter-inline { padding:38px clamp(28px,5vw,70px); gap:clamp(34px,5vw,72px); }
  .newsletter-inline h2 { font-size:clamp(32px,3.6vw,48px); }
  .newsletter-inline-form { padding:22px; border-radius:18px; box-shadow:none; }
  .direct-related { width:min(980px,calc(100% - 48px)); margin:12px auto 0; }
  .related-verses,.related-ayahs,.verse-recirculation { padding:38px clamp(28px,5vw,70px) 48px; }
  .related-verses .section-heading,.related-ayahs .section-heading,.verse-recirculation .section-heading { margin-bottom:20px; }

  /* More of the library is visible at once on the screens it was built for. */
  .library-results { padding:24px; }
  .library-results .verse-grid,.library-results .ayah-grid { gap:20px; }
  .library-results .feed-card {
    padding:10px;
    border:1px solid var(--app-line);
    border-radius:16px;
    background:#fff;
    box-shadow:var(--app-shadow-soft);
  }
  .library-results .card-image-link { border-radius:12px; }
  .library-results .card-meta { padding:10px 2px 2px; }
  .library-results .card-meta h3 { font-size:20px; }

  /* Logged-in pages use the same app-card rhythm as the new homepage. */
  .account-page { padding:12px 0 34px; background:var(--app-bg); }
  .account-dashboard-hero,.account-quick-nav,.personal-verse,.personal-ayah,.account-preferences,.account-connections {
    width:min(1500px,calc(100% - 24px));
    margin:0 auto 12px;
    border:1px solid var(--app-line);
    border-radius:20px;
    box-shadow:var(--app-shadow-soft);
  }
  .account-dashboard-hero { padding:18px 22px; background:#fff; }
  .account-quick-nav { overflow:hidden; background:#fff; }
  .personal-verse,.personal-ayah {
    padding:28px clamp(24px,4vw,56px);
    grid-template-columns:minmax(220px,290px) minmax(0,1fr);
    gap:clamp(32px,5vw,68px);
  }
  .personal-verse-image,.personal-ayah-image { width:100%; max-width:290px; justify-self:center; padding:11px; border-radius:155px 155px 20px 20px; }
  .personal-verse-copy h2,.personal-ayah-copy h2 { max-width:840px; margin:12px 0; font-size:clamp(36px,4vw,52px); line-height:1.03; }
  .personal-verse-copy>p:not(.reference),.personal-ayah-copy>p:not(.reference) { font-size:14px; line-height:1.65; }
  .personal-verse-actions,.personal-ayah-actions { margin-top:18px; }
  .account-preferences { padding:42px clamp(28px,5vw,70px); gap:clamp(38px,6vw,82px); background:#fff; }
  .account-preferences h2 { font-size:clamp(36px,4vw,52px); }
  .account-connections { padding:36px clamp(28px,5vw,70px); background:#fff; }
}

@media (min-width:1200px) {
  .library-results .verse-grid,.library-results .ayah-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (min-width:681px) and (max-width:1199px) {
  .library-results .verse-grid,.library-results .ayah-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:900px) {
  .reflection-section,.newsletter-inline,.related-verses,.related-ayahs,.verse-recirculation { box-sizing:border-box; }
}

.mobile-language-switcher { display:none; }

@media (max-width:680px) {
  /* The top bar orients; the bottom dock navigates. Both remain easy to tap. */
  body { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
  .site-header { width:calc(100% - 20px); height:48px; min-height:48px; justify-content:flex-start; }
  .site-header .brand { min-height:48px; font-size:15px; }
  .header-actions { right:0; }
  .language-switcher { height:44px; padding:0 2px; gap:0; }
  .language-switcher>.versekind-icon,.language-switcher>.ayahkind-icon { display:none; }
  .language-switcher>a,.language-switcher>span { min-width:44px; height:44px; padding:0; }
  .language-switcher>a:focus-visible { outline:3px solid var(--clay); outline-offset:2px; }
  .mobile-bottom-nav { min-height:52px; }
  .mobile-bottom-nav a { min-height:44px; }
  .share-mobile-options>a.share-service-link,.share-mobile-options>button,.share-mobile-options>.share-popover>.share-toggle { flex-basis:44px; width:44px; height:44px; }
  .newsletter-nudge-close,.first-save-receipt-action,.first-save-receipt-close { min-width:44px; min-height:44px; }
  .first-save-receipt { grid-template-columns:32px minmax(0,1fr) auto 44px; }

  /* Home: one clear search cue, then the Scripture people came for. */
  body.home #content[data-engagement-surface="home"] .home-intent-panel { margin:6px 10px 0; padding:10px; }
  body.home #content[data-engagement-surface="home"] .home-intent-search>label { margin-bottom:6px; font-size:13px; }
  body.home #content[data-engagement-surface="home"] .home-intent-shortcuts,body.home #content[data-engagement-surface="home"] .home-mode-tabs { display:none; }
  body.home #content[data-engagement-surface="home"] .home-intent-search input { height:42px; }
  body.home #content[data-engagement-surface="home"] .home-intent-search button { width:44px; height:44px; }
  body.home #content[data-engagement-surface="home"] .home-daily-hero { padding:10px 12px 24px; gap:12px; }
  body.home #content[data-engagement-surface="home"] .home-daily-hero .daily-image { width:min(74vw,258px); padding:8px; }
  body.home #content[data-engagement-surface="home"] .home-feature-author { width:min(100%,330px); padding:7px 0 3px; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy { width:min(100%,350px); }
  body.home #content[data-engagement-surface="home"] .home-daily-copy h1 { margin:6px 0 7px; font-size:clamp(27px,8vw,32px); }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>p:not(.reference):not(.ayah-arabic) { -webkit-line-clamp:2; }

  /* Detail: image and meaning arrive together; save/share stay above the fold. */
  .detail-page { padding:0 0 24px; background:var(--app-bg); }
  .detail-breadcrumbs {
    width:calc(100% - 20px);
    min-height:30px;
    margin:6px auto 0;
    padding:7px 9px;
    overflow:hidden;
    border:1px solid var(--app-line);
    border-radius:10px;
    background:rgba(255,255,255,.72);
    white-space:nowrap;
  }
  .pinterest-arrival:not([hidden]) { width:calc(100% - 20px); height:72px; margin-top:7px; }
  .pinterest-arrival:not([hidden])+.detail-hero { margin-top:7px; }
  .detail-page .detail-hero {
    width:calc(100% - 20px);
    margin:7px auto 0;
    padding:11px;
    grid-template-columns:minmax(104px,30vw) minmax(0,1fr);
    gap:13px;
    align-items:start;
    border:1px solid var(--app-line);
    border-radius:18px;
    background:#fff;
    box-shadow:var(--app-shadow-soft);
  }
  .detail-page .detail-image {
    grid-column:1;
    grid-row:1;
    width:100%;
    max-width:126px;
    align-self:start;
    justify-self:center;
    margin:0;
    padding:5px;
    border-radius:66px 66px 10px 10px;
    box-shadow:none;
  }
  .detail-image::before { inset:3px; border-radius:63px 63px 8px 8px; }
  .detail-image::after { top:3px; width:6px; height:6px; }
  .detail-image .image-pin-button { right:5px; bottom:5px; min-width:44px; min-height:44px; padding:0; border-radius:50%; }
  .detail-image .image-pin-button span { display:none; }
  .detail-copy { grid-column:2; grid-row:1; min-width:0; text-align:left; }
  .detail-copy>.section-kicker { display:block; overflow:hidden; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
  .detail-page .detail-copy h1 {
    margin:6px 0 7px;
    display:-webkit-box;
    overflow:hidden;
    font-size:clamp(24px,7.4vw,31px);
    line-height:1.02;
    letter-spacing:-.035em;
    text-wrap:balance;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;
  }
  .detail-copy .reference { margin:0 0 7px; font-size:8px; }
  .detail-page .detail-copy .full-verse,.detail-page .detail-copy .full-ayah { margin:0; display:block; overflow:visible; font-size:11px; line-height:1.45; -webkit-line-clamp:unset; }
  .detail-page .detail-copy .verse-engagement { margin-top:11px; gap:8px; }
  .detail-copy .verse-engagement>[class*="save-"][class*="-button"] { width:100%; min-height:44px; padding:9px 10px; font-size:9px; }
  .detail-copy .verse-engagement>.share-panel { padding-top:9px; }
  .detail-copy .share-panel>span { margin-bottom:7px; font-size:7px; }
  .detail-copy .detail-discovery-actions { margin:10px 0 0; gap:8px; }
  .detail-copy .detail-discovery-actions .outline-button { min-height:44px; padding:8px 10px; font-size:8px; }
  .detail-copy .detail-discovery-actions .text-link,.detail-copy .editorial-note { display:none; }

  .reflection-section,.newsletter-inline,.related-verses,.related-ayahs,.verse-recirculation {
    width:calc(100% - 20px);
    margin:8px auto 0;
    border:1px solid var(--app-line);
    border-radius:18px;
    box-shadow:var(--app-shadow-soft);
  }
  .reflection-section { padding:24px 16px; gap:13px; }
  .reflection-section h2 { margin-top:6px; font-size:28px; }
  .reflection-section>div:last-child { font-size:15px; line-height:1.55; }
  .reflection-section .prompt { margin-bottom:0; font-size:10px; }
  .newsletter-inline { padding:24px 14px; gap:18px; }
  .newsletter-inline-copy { text-align:left; }
  .newsletter-inline h2 { margin:6px 0 9px; font-size:28px; }
  .newsletter-inline-copy>p { font-size:11px; line-height:1.5; }
  .newsletter-inline-trust { justify-content:flex-start; margin-top:13px; gap:7px 12px; font-size:9px; }
  .newsletter-inline-form { padding:14px; border-radius:14px; box-shadow:none; }
  .direct-related { width:calc(100% - 20px); margin:8px auto 0; }
  .related-verses,.related-ayahs,.verse-recirculation { padding:24px 10px 70px; }

  /* Explore stays a scan-friendly two-column visual library. */
  .library-hero,.library-results,.saved-hero,.saved-results,.about-hero,.category-hero,.category-verse-list { width:calc(100% - 20px); }
  .library-hero.compact-page-intro { margin-top:7px; padding:10px 10px 12px; border-radius:15px; }
  .library-results { margin-top:8px; padding:13px 9px 64px; border-radius:16px; }
  .library-results .verse-grid,.library-results .ayah-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 8px; }
  .library-results .feed-card { min-width:0; }
  .library-results .card-meta { padding-top:7px; }
  .library-results .card-meta h3 { font-size:14px; }

  /* Personal Scripture is visible immediately, without a second oversized hero. */
  .account-page { padding:7px 0 20px; background:var(--app-bg); }
  .account-dashboard-hero,.account-quick-nav,.personal-verse,.personal-ayah,.account-preferences,.account-connections {
    width:calc(100% - 20px);
    margin:0 auto 8px;
    border:1px solid var(--app-line);
    border-radius:16px;
    box-shadow:var(--app-shadow-soft);
  }
  .account-dashboard-hero { padding:9px 10px; background:#fff; }
  .account-dashboard-hero>.text-link { top:7px; right:8px; min-width:44px; min-height:44px; }
  .account-welcome { padding-right:118px; }
  .account-welcome h1 { font-size:25px; }
  .account-welcome p { font-size:10px; }
  .account-quick-nav { background:#fff; }
  .account-quick-nav a { min-height:44px; }
  .personal-verse,.personal-ayah {
    padding:14px;
    grid-template-columns:104px minmax(0,1fr);
    gap:13px;
    align-items:start;
    text-align:left;
  }
  .personal-verse-image,.personal-ayah-image { width:104px; margin:0; padding:5px; border-radius:56px 56px 10px 10px; }
  .personal-verse-copy,.personal-ayah-copy { min-width:0; }
  .personal-verse-copy .section-kicker,.personal-ayah-copy .section-kicker { font-size:7px; }
  .personal-verse-copy h2,.personal-ayah-copy h2 { margin:6px 0; display:-webkit-box; overflow:hidden; font-size:clamp(23px,7vw,29px); line-height:1.03; -webkit-box-orient:vertical; -webkit-line-clamp:5; }
  .personal-verse-copy>.reference,.personal-ayah-copy>.reference { margin-bottom:7px; font-size:8px; }
  .personal-verse-copy>p:not(.reference),.personal-ayah-copy>p:not(.reference) { margin:0; display:-webkit-box; overflow:hidden; font-size:10.5px; line-height:1.45; text-align:left; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
  .personal-verse-actions,.personal-ayah-actions { justify-content:flex-start; gap:7px; margin-top:10px; }
  .personal-verse-actions .primary-button,.personal-verse-actions [class*="save-"][class*="-button"],.personal-ayah-actions .primary-button,.personal-ayah-actions [class*="save-"][class*="-button"] { min-height:44px; padding:9px 10px; font-size:8px; }
  .personal-verse-copy>small,.personal-ayah-copy>small { display:none; }
  .account-preferences { padding:28px 14px; background:#fff; }
  .account-connections { padding:26px 14px; background:#fff; }
  .personal-bible-book .saved-recovery,.personal-quran-book .saved-recovery { margin:18px 12px; padding:28px 18px; }
  .personal-bible-book .saved-recovery h2,.personal-quran-book .saved-recovery h2 { font-size:26px; }
}

@media (max-width:430px) {
  .detail-page .detail-hero { grid-template-columns:1fr; gap:10px; padding:9px; }
  .detail-page .detail-image { grid-column:1; grid-row:1; width:120px; max-width:120px; margin:0; justify-self:center; }
  .detail-page .detail-copy { grid-column:1; grid-row:2; }
  .detail-page .detail-copy h1 { font-size:23px; -webkit-line-clamp:4; }
}

@media (max-width:370px) {
  .site-header .brand-logo { display:block; width:26px; height:26px; }
  .site-header .brand>span { display:none; }
  .personal-verse,.personal-ayah { grid-template-columns:90px minmax(0,1fr); gap:10px; padding:11px; }
  .personal-verse-image,.personal-ayah-image { width:90px; }
}

@media (max-width:900px) {
  .personal-bible-book .saved-recovery,.personal-quran-book .saved-recovery {
    position:relative;
    z-index:2;
    max-width:560px;
    margin:26px auto;
    padding:34px 24px;
    border:1px dashed rgba(31,59,52,.24);
    border-radius:18px;
    background:rgba(246,242,230,.68);
    text-align:center;
  }
  .personal-bible-book .saved-recovery[hidden],.personal-quran-book .saved-recovery[hidden] { display:none; }
  .personal-bible-book .saved-recovery h2,.personal-quran-book .saved-recovery h2 { margin:8px 0 10px; font-size:28px; font-weight:400; }
  .personal-bible-book .saved-recovery>p,.personal-quran-book .saved-recovery>p { max-width:430px; margin:0 auto 18px; color:var(--muted); font:500 12px/1.6 var(--app-ui); }
  .personal-bible-book .saved-recovery [data-saved-recovery-status]:empty,.personal-quran-book .saved-recovery [data-saved-recovery-status]:empty { display:none; }
}

@media (max-width:680px) {
  .personal-bible-book .saved-recovery,.personal-quran-book .saved-recovery { margin:18px 12px; padding:28px 18px; }
  .personal-bible-book .saved-recovery h2,.personal-quran-book .saved-recovery h2 { font-size:26px; }
}

/* Breakpoint repairs found during real 320/390/768/1024/1440px review. */
.account-nav-link,.nav-account>summary { white-space:nowrap; }
.share-popover-menu { max-width:min(290px,calc(100vw - 20px)); }
.share-popover-menu button,.share-popover-menu a { min-height:44px; }

@media (min-width:901px) {
  .library-hero,.saved-hero,.about-hero,.category-hero,
  .library-results,.saved-results,.category-verse-list {
    box-sizing:border-box;
    padding-right:clamp(24px,4vw,64px);
    padding-left:clamp(24px,4vw,64px);
  }
  body.home #content[data-engagement-surface="home"] .home-daily-copy h1 {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
  .home-primary-nav a,.home-latest-list strong,.home-view-all { font-size:11px; }
  .home-latest-list small,.home-discovery-panel>p,.newsletter-form-card>p { font-size:10px; }
}

@media (min-width:1000px) and (max-width:1279px) {
  body.home #content[data-engagement-surface="home"] .category-section,body.home #content[data-engagement-surface="home"] .newsletter-section {
    position:static;
    top:auto;
    max-height:none;
    overflow:visible;
  }
}

@media (min-width:901px) and (max-width:1180px) {
  .header-global-search { display:none; }
}

@media (min-width:1000px) and (max-height:900px) {
  body.home #content[data-engagement-surface="home"] .category-section,body.home #content[data-engagement-surface="home"] .newsletter-section {
    position:static;
    top:auto;
    max-height:none;
    overflow:visible;
  }
}

@media (max-width:900px) {
  body.home #content[data-engagement-surface="home"] { display:flex; flex-direction:column; }
  body.home #content[data-engagement-surface="home"] .home-intent-panel { order:0; }
  body.home #content[data-engagement-surface="home"] .home-daily-hero {
    order:1;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"author" "art" "copy";
    min-height:0;
  }
  body.home #content[data-engagement-surface="home"] .home-feature-author { grid-area:author; }
  body.home #content[data-engagement-surface="home"] .home-daily-art { grid-area:art; justify-self:center; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy { grid-area:copy; justify-self:center; }
  body.home #content[data-engagement-surface="home"] .newsletter-section { order:2; }
  body.home #content[data-engagement-surface="home"] .verse-section,body.home #content[data-engagement-surface="home"] .ayah-section { order:3; }
  body.home #content[data-engagement-surface="home"] .category-section { order:4; }
  body.home #content[data-engagement-surface="home"] .about-section { order:5; }
  body.home #content[data-engagement-surface="home"] .faq-section { order:6; }
}

@media (min-width:681px) and (max-width:900px) {
  body.home #content[data-engagement-surface="home"] .home-daily-hero { padding:24px; gap:18px; }
  body.home #content[data-engagement-surface="home"] .home-daily-art { width:min(360px,56vw); }
  body.home #content[data-engagement-surface="home"] .home-daily-copy { width:min(620px,100%); }
  body.home #content[data-engagement-surface="home"] .newsletter-section { width:calc(100% - 24px); margin:12px auto 0; padding:30px; border:1px solid var(--app-line); border-radius:20px; }
  body.home #content[data-engagement-surface="home"] .category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.home #content[data-engagement-surface="home"] .category-card { min-height:118px; }

  .library-hero.compact-page-intro {
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:"crumb" "copy" "search";
    gap:0;
    padding:22px 28px 26px;
    text-align:left;
  }
  .library-hero.compact-page-intro .library-search { margin-top:16px; justify-self:stretch; }
  .detail-hero {
    grid-template-columns:1fr;
    width:calc(100% - 24px);
    max-width:760px;
    gap:24px;
    padding:22px;
    margin:12px auto;
    border:1px solid var(--app-line);
    border-radius:20px;
    background:#fff;
    box-shadow:var(--app-shadow-soft);
  }
  .detail-image { width:min(340px,58vw); justify-self:center; }
  .detail-copy { width:min(620px,100%); justify-self:center; text-align:left; }
  .detail-copy h1 { font-size:clamp(38px,7vw,54px); }
  .detail-copy .verse-engagement { align-items:flex-start; }
  .reflection-section,.newsletter-inline,.related-verses,.related-ayahs,.verse-recirculation { width:calc(100% - 24px); margin:12px auto 0; border-radius:20px; }
}

@media (max-width:680px) {
  body.home #content[data-engagement-surface="home"] .newsletter-section {
    width:calc(100% - 20px);
    margin:8px auto 0;
    padding:20px 14px;
    gap:14px;
    border:1px solid var(--app-line);
    border-radius:17px;
    box-shadow:var(--app-shadow-soft);
  }
  body.home #content[data-engagement-surface="home"] .newsletter-copy { text-align:left; }
  body.home #content[data-engagement-surface="home"] .newsletter-copy h2 { margin:5px 0 6px; font-size:27px; }
  body.home #content[data-engagement-surface="home"] .newsletter-copy>p { margin:0; font-size:10.5px; line-height:1.45; }
  body.home #content[data-engagement-surface="home"] .newsletter-window { width:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
  body.home #content[data-engagement-surface="home"] .newsletter-window::before,body.home #content[data-engagement-surface="home"] .newsletter-window::after { display:none; }
  body.home #content[data-engagement-surface="home"] .newsletter-form-card { padding:13px; border:1px solid var(--app-line); border-radius:13px; background:rgba(255,255,255,.82); }
  body.home #content[data-engagement-surface="home"] .newsletter-mark,body.home #content[data-engagement-surface="home"] .newsletter-form-card>h3,body.home #content[data-engagement-surface="home"] .newsletter-form-card>p { display:none; }

  body.home #content[data-engagement-surface="home"] .category-section { padding:22px 10px 30px; overflow:hidden; }
  body.home #content[data-engagement-surface="home"] .home-theme-heading { padding:0 2px 12px; }
  body.home #content[data-engagement-surface="home"] .home-theme-heading h2 { margin-top:5px; font-size:27px; }
  body.home #content[data-engagement-surface="home"] .home-theme-heading p { font-size:10px; }
  body.home #content[data-engagement-surface="home"] .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  body.home #content[data-engagement-surface="home"] .category-card {
    min-height:68px;
    padding:9px;
    display:grid;
    grid-template-columns:25px minmax(0,1fr) 12px;
    grid-template-rows:auto auto;
    align-items:center;
    gap:2px 7px;
    border-radius:12px;
  }
  body.home #content[data-engagement-surface="home"] .category-card>span { grid-column:1; grid-row:1/3; font-size:8px; }
  body.home #content[data-engagement-surface="home"] .category-card h3 { grid-column:2; grid-row:1; margin:0; overflow:hidden; font-size:16px; line-height:1.05; text-overflow:ellipsis; white-space:nowrap; }
  body.home #content[data-engagement-surface="home"] .category-card p { grid-column:2; grid-row:2; margin:0; overflow:hidden; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
  body.home #content[data-engagement-surface="home"] .category-card b { position:static; grid-column:3; grid-row:1/3; }
  body.home #content[data-engagement-surface="home"] .category-card b .versekind-icon,body.home #content[data-engagement-surface="home"] .category-card b .ayahkind-icon { width:12px; height:12px; }

  .share-popover-menu { right:0; }
}

@media (max-width:390px) {
  .library-results-toolbar { flex-wrap:wrap; gap:5px 8px; }
  .library-results-toolbar p { flex:1 0 100%; white-space:normal; }
}

@media (max-width:360px) {
  body.home #content[data-engagement-surface="home"] .verse-grid,body.home #content[data-engagement-surface="home"] .ayah-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/*
 * 2.2 — mobile Scripture platform.
 * The visual language borrows the clarity of a modern content app without
 * inventing social features: every surface is search, Scripture, reflection,
 * saving, sharing, themes or email.
 */
@media (max-width:680px) {
  html { background:#eef2ee; }
  body { background:linear-gradient(180deg,#f7f7f3 0,#f1f4f0 58%,#eef2ee 100%); }

  /* Compact orientation bar; the bottom dock remains the primary navigation. */
  .site-header {
    width:100%;
    height:48px;
    min-height:48px;
    padding:0 10px;
    border-bottom:1px solid var(--app-line);
    background:rgba(250,249,245,.9);
    box-shadow:0 7px 22px rgba(31,59,52,.04);
  }
  .site-header .brand { min-height:48px; gap:7px; font-size:17px; letter-spacing:-.025em; }
  .site-header .brand-logo { width:27px; height:27px; }
  .header-actions { position:static; top:auto; right:auto; margin-left:auto; transform:none; }
  .language-switcher {
    max-width:224px;
    height:44px;
    padding:0;
    gap:0;
    overflow-x:auto;
    border:1px solid rgba(31,59,52,.09);
    border-radius:14px;
    background:rgba(255,255,255,.72);
    box-shadow:0 3px 12px rgba(31,59,52,.04);
    scrollbar-width:none;
  }
  .language-switcher::-webkit-scrollbar { display:none; }
  .language-switcher>a,.language-switcher>span { flex:0 0 44px; min-width:44px; width:44px; height:44px; padding:0; border-radius:12px; font-size:8px; }
  .language-switcher .is-current { background:var(--ink); color:#fff; }

  .mobile-bottom-nav {
    left:10px;
    right:10px;
    bottom:max(6px,env(safe-area-inset-bottom));
    min-height:54px;
    padding:4px;
    border-radius:20px;
    background:linear-gradient(145deg,rgba(252,252,249,.9),rgba(231,238,232,.82));
    box-shadow:0 12px 30px rgba(25,45,39,.15),inset 0 1px 0 rgba(255,255,255,.9);
    -webkit-backdrop-filter:blur(20px) saturate(145%);
    backdrop-filter:blur(20px) saturate(145%);
  }
  .mobile-bottom-nav::before { border-radius:18px; }
  .mobile-bottom-nav a { min-height:44px; gap:2px; padding:3px 2px; border-radius:15px; font:750 8px/1 var(--app-ui); }
  .mobile-bottom-nav .versekind-icon,.mobile-bottom-nav .ayahkind-icon { width:17px; height:17px; }

  /* Home begins with one useful question and one useful passage. */
  body.home #content[data-engagement-surface="home"] { gap:8px; overflow:clip; }
  body.home #content[data-engagement-surface="home"] .home-intent-panel {
    order:0;
    width:calc(100% - 20px);
    margin:8px auto 0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  body.home #content[data-engagement-surface="home"] .home-intent-search { position:relative; }
  body.home #content[data-engagement-surface="home"] .home-intent-search>label {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
  body.home #content[data-engagement-surface="home"] .home-intent-search>div { gap:7px; }
  body.home #content[data-engagement-surface="home"] .home-intent-search input {
    height:46px;
    padding:0 15px;
    border-color:rgba(31,59,52,.11);
    border-radius:14px;
    background:rgba(255,255,255,.92);
    box-shadow:0 5px 18px rgba(31,59,52,.045);
    font-size:11px;
  }
  body.home #content[data-engagement-surface="home"] .home-intent-search button { flex:0 0 46px; width:46px; height:46px; border-radius:14px; }

  body.home #content[data-engagement-surface="home"] .home-daily-hero {
    order:1;
    width:calc(100% - 20px);
    margin:0 auto;
    padding:0;
    display:grid;
    grid-template-columns:minmax(108px,31%) minmax(0,1fr);
    grid-template-areas:"author author" "art copy";
    gap:0;
    overflow:hidden;
    border:1px solid var(--app-line);
    border-radius:19px;
    background:#fff;
    color:var(--ink);
    box-shadow:var(--app-shadow-soft);
  }
  body.home #content[data-engagement-surface="home"] .home-daily-hero::after { display:none; }
  body.home #content[data-engagement-surface="home"] .home-feature-author {
    grid-area:author;
    width:100%;
    margin:0;
    padding:9px 11px;
    border-bottom:1px solid var(--app-line);
    background:#fff;
    color:var(--ink);
  }
  body.home #content[data-engagement-surface="home"] .home-feature-author strong { color:var(--ink); }
  body.home #content[data-engagement-surface="home"] .home-feature-author small { color:var(--muted); }
  body.home #content[data-engagement-surface="home"] .home-feature-status { color:var(--clay); font-size:7px; }
  body.home #content[data-engagement-surface="home"] .home-feature-status .versekind-icon,body.home #content[data-engagement-surface="home"] .home-feature-status .ayahkind-icon { width:12px; height:12px; }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image {
    grid-area:art;
    align-self:stretch;
    justify-self:stretch;
    width:100%;
    min-height:204px;
    margin:0;
    padding:7px;
    border:0;
    border-right:1px solid rgba(255,255,255,.11);
    border-radius:0;
    background-color:#173c32;
    background-image:linear-gradient(180deg,rgba(14,49,40,.18),rgba(12,43,35,.7)),var(--home-daily-art);
    background-position:center;
    background-size:cover;
    box-shadow:none;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image::before { border-radius:0; opacity:.32; }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image img {
    width:100%;
    height:100%;
    max-height:225px;
    margin:0;
    border:1px solid rgba(255,255,255,.16);
    border-radius:8px;
    object-fit:contain;
    object-position:center;
    box-shadow:0 10px 24px rgba(5,24,19,.17);
  }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image .image-pin-button { right:7px; bottom:7px; min-width:44px; min-height:44px; padding:0; border-radius:50%; }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image .image-pin-button span { display:none; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy {
    grid-area:copy;
    align-self:stretch;
    justify-self:stretch;
    width:auto;
    min-width:0;
    padding:12px 11px 10px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-intro { display:none; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy .section-kicker { font-size:8px; letter-spacing:.12em; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy h1 {
    margin:6px 0 7px;
    display:-webkit-box;
    overflow:hidden;
    color:var(--ink);
    font-size:clamp(20px,5.9vw,25px);
    line-height:1.04;
    letter-spacing:-.035em;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>.reference { margin:0 0 7px; font-size:9px; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>p:not(.reference):not(.ayah-arabic) {
    margin:0;
    display:-webkit-box;
    overflow:hidden;
    color:#5a6a64;
    font:500 10px/1.45 var(--app-ui);
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>p.ayah-arabic {
    margin:0 0 6px;
    display:-webkit-box;
    overflow:hidden;
    font-size:17px;
    line-height:1.45;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-actions { width:100%; margin-top:auto; padding-top:9px; gap:6px; }
  body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button { min-height:44px; flex:1 1 auto; padding:9px 10px; font-size:10px; white-space:nowrap; }
  body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button .versekind-icon,body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button .ayahkind-icon { width:14px; height:14px; }
  body.home #content[data-engagement-surface="home"] .home-library-link { display:none; }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement { width:100%; margin-top:7px; padding-top:7px; display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:6px; border-top:1px solid var(--app-line); }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>.share-popover { min-width:0; }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>.share-popover>.share-toggle { width:44px; height:44px; padding:0; display:grid; place-items:center; border-color:var(--app-line-strong); border-radius:50%; background:#fff; color:var(--ink); }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>.share-popover>.share-popover-menu { right:auto; left:0; }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>[class*="save-"][class*="-button"] { width:100%; min-height:44px; margin:0; padding:9px 10px; justify-content:center; border-color:var(--app-line-strong); background:#fff; color:var(--ink); font-size:10px; }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>[class*="save-"][class*="-button"].is-saved { border-color:var(--ink); background:var(--ink); color:#fff; }

  /* A horizontally scrollable editorial theme shelf, not a people rail. */
  body.home #content[data-engagement-surface="home"] .category-section {
    order:2;
    width:100%;
    padding:10px 0 12px;
    overflow:hidden;
    border-top:1px solid var(--app-line);
    border-bottom:1px solid var(--app-line);
    background:rgba(255,255,255,.6);
  }
  body.home #content[data-engagement-surface="home"] .home-theme-heading { padding:0 10px 8px; }
  body.home #content[data-engagement-surface="home"] .home-theme-heading .section-kicker,body.home #content[data-engagement-surface="home"] .home-theme-heading p { display:none; }
  body.home #content[data-engagement-surface="home"] .home-theme-heading h2 { margin:0; font:400 20px/1.05 Georgia,serif; letter-spacing:-.025em; }
  body.home #content[data-engagement-surface="home"] .category-grid {
    display:flex;
    grid-template-columns:none;
    gap:9px;
    padding:0 10px 3px;
    overflow-x:auto;
    scroll-padding-left:10px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  body.home #content[data-engagement-surface="home"] .category-grid::-webkit-scrollbar { display:none; }
  body.home #content[data-engagement-surface="home"] .category-card {
    --theme-chip:#e0e7d6;
    flex:0 0 76px;
    min-height:88px;
    padding:3px 2px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:4px;
    border:0;
    border-radius:13px;
    background:transparent;
    color:var(--ink);
    box-shadow:none;
    text-align:center;
    scroll-snap-align:start;
  }
  body.home #content[data-engagement-surface="home"] .category-card:hover { transform:none; }
  body.home #content[data-engagement-surface="home"] .category-card>span {
    flex:0 0 48px;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:1px solid rgba(31,59,52,.07);
    border-radius:50%;
    background:var(--theme-chip);
    color:currentColor;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.52);
    font:800 9px/1 var(--app-ui);
  }
  body.home #content[data-engagement-surface="home"] .category-card h3 { width:100%; margin:0; overflow:hidden; color:var(--ink); font:720 10px/1.15 var(--app-ui); text-overflow:ellipsis; white-space:nowrap; }
  body.home #content[data-engagement-surface="home"] .category-card p { width:100%; margin:0; overflow:hidden; color:var(--muted); font:500 7px/1.1 var(--app-ui); text-overflow:ellipsis; white-space:nowrap; }
  body.home #content[data-engagement-surface="home"] .category-card b { display:none; }
  body.home #content[data-engagement-surface="home"] .category-card.category-peace { --theme-chip:#dce9df; }
  body.home #content[data-engagement-surface="home"] .category-card.category-hope,body.home #content[data-engagement-surface="home"] .category-card.category-patience { --theme-chip:#f1dfae; }
  body.home #content[data-engagement-surface="home"] .category-card.category-love,body.home #content[data-engagement-surface="home"] .category-card.category-mercy { --theme-chip:#efd8d2; }
  body.home #content[data-engagement-surface="home"] .category-card.category-faith,body.home #content[data-engagement-surface="home"] .category-card.category-forgiveness { --theme-chip:#e2ddec; }
  body.home #content[data-engagement-surface="home"] .category-card.category-strength,body.home #content[data-engagement-surface="home"] .category-card.category-trust { --theme-chip:#d6e2d6; }
  body.home #content[data-engagement-surface="home"] .category-card.category-courage,body.home #content[data-engagement-surface="home"] .category-card.category-family { --theme-chip:#efd4c7; }
  body.home #content[data-engagement-surface="home"] .category-card.category-gratitude { --theme-chip:#f2e2b7; }
  body.home #content[data-engagement-surface="home"] .category-card.category-wisdom,body.home #content[data-engagement-surface="home"] .category-card.category-guidance { --theme-chip:#d8e7e8; }
  body.home #content[data-engagement-surface="home"] .category-card.category-healing,body.home #content[data-engagement-surface="home"] .category-card.category-prayer { --theme-chip:#d5e5de; }
  body.home #content[data-engagement-surface="home"] .category-card.category-purpose,body.home #content[data-engagement-surface="home"] .category-card.category-hereafter { --theme-chip:#cedfc7; }

  /* Recent Scripture becomes an editorial reading feed with real actions. */
  body.home #content[data-engagement-surface="home"] .verse-section,body.home #content[data-engagement-surface="home"] .ayah-section {
    order:3;
    width:calc(100% - 20px);
    margin:0 auto;
    padding:14px 10px 16px;
    border:1px solid var(--app-line);
    border-radius:19px;
    background:rgba(255,255,255,.9);
    box-shadow:var(--app-shadow-soft);
  }
  body.home #content[data-engagement-surface="home"] .verse-section>.section-heading,body.home #content[data-engagement-surface="home"] .ayah-section>.section-heading { margin-bottom:9px; align-items:end; gap:10px; }
  body.home #content[data-engagement-surface="home"] .verse-section>.section-heading h2,body.home #content[data-engagement-surface="home"] .ayah-section>.section-heading h2 { margin-top:4px; font-size:25px; line-height:1.02; }
  body.home #content[data-engagement-surface="home"] .result-count { font-size:7.5px; white-space:nowrap; }
  body.home #content[data-engagement-surface="home"] .filter-row { gap:6px; padding-bottom:10px; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:none; }
  body.home #content[data-engagement-surface="home"] .filter-row::-webkit-scrollbar { display:none; }
  body.home #content[data-engagement-surface="home"] .filter { flex:0 0 auto; min-height:44px; padding:10px 13px; scroll-snap-align:start; font-size:10px; }
  body.home #content[data-engagement-surface="home"] .verse-grid,
  body.home #content[data-engagement-surface="home"] .ayah-grid { grid-template-columns:1fr; gap:8px; }
  body.home #content[data-engagement-surface="home"] .feed-card {
    padding:8px;
    overflow:visible;
    border:1px solid var(--app-line);
    border-radius:15px;
    background:#fff;
    box-shadow:0 4px 15px rgba(31,59,52,.035);
  }
  body.home #content[data-engagement-surface="home"] .feed-card>.home-feed-author { display:none; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-body { display:grid; grid-template-columns:92px minmax(0,1fr); gap:11px; align-items:start; }
  body.home #content[data-engagement-surface="home"] .card-image-wrap { min-width:0; }
  body.home #content[data-engagement-surface="home"] .card-image-link { width:100%; aspect-ratio:2/3; display:block; overflow:hidden; border-radius:11px; background:#edf1ec; }
  body.home #content[data-engagement-surface="home"] .card-image-link img { width:100%; height:100%; object-fit:contain; object-position:center; }
  body.home #content[data-engagement-surface="home"] .card-image-link .read-pill { display:none; }
  body.home #content[data-engagement-surface="home"] .card-image-wrap .image-pin-button { right:4px; bottom:4px; min-width:44px; min-height:44px; padding:0; border-radius:50%; }
  body.home #content[data-engagement-surface="home"] .card-image-wrap .image-pin-button span { display:none; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy { min-width:0; display:block; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy .theme-label { font-size:6.5px; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy h3 { margin:4px 0 5px; font:400 18px/1.05 Georgia,serif; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy blockquote {
    margin:0 0 6px;
    display:-webkit-box;
    overflow:hidden;
    font-size:15px;
    line-height:1.3;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy>p:not(.ayah-arabic) { display:none; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy>p.ayah-arabic {
    margin:0 0 5px;
    display:-webkit-box;
    overflow:hidden;
    font-size:16px;
    line-height:1.45;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy .text-link { font-size:7.5px; }
  body.home #content[data-engagement-surface="home"] .home-feed-actions { display:flex; justify-content:flex-end; min-height:44px; margin:6px 0 0; padding:6px 0 0; border-top:1px solid var(--app-line); }
  body.home #content[data-engagement-surface="home"] .home-feed-actions>span { display:none; }
  body.home #content[data-engagement-surface="home"] .card-actions { min-height:44px; gap:5px; }
  body.home #content[data-engagement-surface="home"] .card-actions button { width:44px; height:44px; }
  body.home #content[data-engagement-surface="home"] .load-more-wrap { margin-top:12px; }
  body.home #content[data-engagement-surface="home"] .load-more-wrap .outline-button { width:100%; min-height:44px; }

  body.home #content[data-engagement-surface="home"] .newsletter-section { order:4; }
  body.home #content[data-engagement-surface="home"] .about-section { order:5; }
  body.home #content[data-engagement-surface="home"] .faq-section { order:6; }

  /* Category pages use compact reading rows; Explore stays a visual grid. */
  .category-hero.compact-page-intro {
    width:calc(100% - 20px);
    margin:7px auto 0;
    padding:11px 12px 13px;
    border:1px solid color-mix(in srgb,currentColor 12%,transparent);
    border-radius:17px;
    text-align:left;
    box-shadow:var(--app-shadow-soft);
  }
  .category-hero.compact-page-intro .breadcrumbs { margin:0 0 8px; }
  .category-hero.compact-page-intro h1 { margin:0 0 6px; font-size:29px; line-height:1; }
  .category-hero.compact-page-intro>p { margin:0; display:-webkit-box; overflow:hidden; font-size:10px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  .category-hero.compact-page-intro .page-intro-count { margin-top:8px; font-size:7px; }
  .category-verse-list,.category-ayah-list {
    width:calc(100% - 20px);
    margin:8px auto 0;
    padding:8px 8px 68px;
    border:1px solid var(--app-line);
    border-radius:18px;
    background:rgba(255,255,255,.88);
    box-shadow:var(--app-shadow-soft);
  }
  .category-verse,.category-ayah {
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    gap:11px;
    align-items:start;
    margin:0 0 8px;
    padding:8px;
    overflow:visible;
    border:1px solid var(--app-line);
    border-radius:14px;
    background:#fff;
  }
  .category-verse:last-child,.category-ayah:last-child { margin-bottom:0; }
  .category-verse-image,.category-ayah-image { width:92px; padding:4px; border-radius:12px; aspect-ratio:2/3; overflow:hidden; }
  .category-verse-image::before,.category-ayah-image::before { inset:3px; border-radius:9px; }
  .category-verse-image img,.category-ayah-image img { width:100%; height:100%; object-fit:contain; border-radius:8px; }
  .category-verse-image-wrap .image-pin-button,.category-ayah-image-wrap .image-pin-button { right:4px; bottom:4px; min-width:44px; min-height:44px; padding:0; border-radius:50%; }
  .category-verse>div:last-child,.category-ayah>div:last-child { min-width:0; padding-top:2px; }
  .category-verse>div>span,.category-ayah>div>span { font-size:6.5px; letter-spacing:.12em; }
  .category-verse h2,.category-ayah h2 {
    margin:5px 0 8px;
    display:-webkit-box;
    overflow:hidden;
    font-size:17px;
    line-height:1.25;
    overflow-wrap:anywhere;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
  }
  .category-card-actions { min-height:44px; gap:5px; }
  .category-card-actions .share-popover summary,.category-card-actions .share-popover .share-toggle,.category-card-actions>.save-verse-button,.category-card-actions>.save-ayah-button { width:44px; height:44px; min-width:44px; min-height:44px; padding:0; border-radius:50%; }
  .category-card-actions .share-popover summary::after,.category-card-actions .share-popover .share-toggle::after { content:""; }
  .category-verse>.save-inline-status,.category-ayah>.save-inline-status { grid-column:1/-1; margin:0; }

  /* Keep small glyphs but restore the minimum comfortable hit area. */
  .library-results .card-actions button,.library-results .card-actions .share-toggle,
  .personal-bible-entry .save-verse-button,.personal-quran-entry .save-ayah-button { width:44px; height:44px; min-width:44px; min-height:44px; }
  .library-results .image-pin-button {
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    padding:0;
    display:grid;
    place-items:center;
  }

  /* Native OS sharing stays available in More; visible rows remain four icons. */
  .share-popover-menu [data-service="native"] { min-height:44px; }
}

@media (max-width:360px) {
  body.home #content[data-engagement-surface="home"] .home-daily-hero { grid-template-columns:100px minmax(0,1fr); }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image { min-height:190px; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy { padding:10px 9px 9px; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy h1 { font-size:20px; -webkit-line-clamp:3; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>p:not(.reference):not(.ayah-arabic) { -webkit-line-clamp:1; }
  body.home #content[data-engagement-surface="home"] .category-card { flex-basis:72px; }
}

@media (prefers-reduced-motion:reduce) {
  body.home #content[data-engagement-surface="home"] .category-grid,body.home #content[data-engagement-surface="home"] .filter-row { scroll-behavior:auto; }
}

/*
 * 2.3 — quiet mobile hierarchy.
 * One compact orientation bar, one Scripture card, one theme shelf and one
 * reading list. Secondary context remains available on the destination page.
 */
@media (max-width:680px) {
  body { background:#f5f6f2; }

  /* The language list becomes one calm native control instead of five tabs. */
  .site-header {
    height:46px;
    min-height:46px;
    padding:0 11px;
    box-shadow:none;
  }
  .site-header .brand { min-height:46px; font-size:16px; }
  .site-header .brand-logo { width:25px; height:25px; }
  .language-switcher { display:none; }
  .mobile-language-switcher { position:relative; display:block; }
  .mobile-language-switcher>summary {
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    border:1px solid var(--app-line);
    border-radius:12px;
    background:#fff;
    color:var(--ink);
    list-style:none;
    cursor:pointer;
    font:750 9px/1 var(--app-ui);
  }
  .mobile-language-switcher>summary::-webkit-details-marker { display:none; }
  .mobile-language-switcher>summary .versekind-icon { width:11px; height:11px; transition:transform .18s ease; }
  .mobile-language-switcher[open]>summary .versekind-icon { transform:rotate(180deg); }
  .mobile-language-switcher>nav {
    position:absolute;
    z-index:120;
    top:48px;
    right:0;
    width:166px;
    padding:4px;
    display:grid;
    gap:2px;
    border:1px solid var(--app-line);
    border-radius:14px;
    background:rgba(255,255,255,.98);
    box-shadow:0 18px 44px rgba(31,59,52,.16);
  }
  .mobile-language-switcher>nav>a {
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 11px;
    border-radius:10px;
    color:var(--ink);
    font:650 11px/1 var(--app-ui);
  }
  .mobile-language-switcher>nav>a:hover,.mobile-language-switcher>nav>a:focus-visible { background:#f2f4ef; }
  .mobile-language-switcher>nav b { color:var(--muted); font:750 8px/1 var(--app-ui); }

  /* Search stays useful, but no longer reads as a separate content card. */
  body.home #content[data-engagement-surface="home"] { gap:7px; }
  body.home #content[data-engagement-surface="home"] .home-intent-panel { width:calc(100% - 24px); margin:7px auto 0; }
  body.home #content[data-engagement-surface="home"] .home-intent-search>div { gap:6px; }
  body.home #content[data-engagement-surface="home"] .home-intent-search input {
    height:44px;
    padding:0 13px;
    border-radius:12px;
    box-shadow:none;
    font-size:11px;
  }
  body.home #content[data-engagement-surface="home"] .home-intent-search button { flex-basis:44px; width:44px; height:44px; border-radius:12px; }

  /* Today: remove duplicate publisher/status copy and put the three real actions on one line. */
  body.home #content[data-engagement-surface="home"] .home-daily-hero {
    width:calc(100% - 24px);
    grid-template-columns:minmax(112px,34%) minmax(0,1fr);
    grid-template-areas:"art copy";
    border-radius:16px;
    box-shadow:none;
  }
  body.home #content[data-engagement-surface="home"] .home-feature-author { display:none; }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image {
    min-height:226px;
    padding:6px;
    background-image:none;
    background-color:#edf1ea;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image::before { display:none; }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image img {
    max-height:none;
    border:0;
    border-radius:7px;
    box-shadow:none;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image .image-pin-button { display:none; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy {
    min-height:226px;
    padding:13px 11px 10px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 44px 44px;
    grid-auto-rows:max-content;
    column-gap:6px;
    align-content:start;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-copy .section-kicker,
  body.home #content[data-engagement-surface="home"] .home-daily-copy h1,
  body.home #content[data-engagement-surface="home"] .home-daily-copy>.reference,
  body.home #content[data-engagement-surface="home"] .home-daily-copy>p { grid-column:1/-1; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy .section-kicker { font-size:7px; letter-spacing:.1em; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy h1 {
    margin:7px 0 6px;
    font-size:clamp(20px,5.8vw,24px);
    line-height:1.05;
    -webkit-line-clamp:4;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>.reference { margin:0; font-size:8px; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>p:not(.reference):not(.ayah-arabic) { display:none; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>p.ayah-arabic { margin:4px 0 0; font-size:15px; -webkit-line-clamp:2; }
  body.home #content[data-engagement-surface="home"] .home-daily-actions {
    grid-column:1;
    width:auto;
    margin:0;
    padding:10px 0 0;
    align-self:end;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button {
    width:100%;
    min-height:44px;
    padding:8px;
    border-radius:11px;
    font-size:9px;
  }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement {
    grid-column:2/4;
    width:auto;
    margin:0;
    padding:10px 0 0;
    align-self:end;
    display:grid;
    grid-template-columns:44px 44px;
    gap:6px;
    border:0;
  }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>.share-popover>.share-toggle,
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>[class*="save-"][class*="-button"] {
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    padding:0;
    border-radius:11px;
  }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>[class*="save-"][class*="-button"] .save-label { display:none; }

  /* Themes are navigation chips; sequence numbers and inventory counts are noise here. */
  body.home #content[data-engagement-surface="home"] .category-section {
    padding:10px 0 9px;
    border-top:0;
    background:transparent;
  }
  body.home #content[data-engagement-surface="home"] .home-theme-heading { padding:0 12px 7px; }
  body.home #content[data-engagement-surface="home"] .home-theme-heading h2 { font:400 18px/1.05 Georgia,serif; }
  body.home #content[data-engagement-surface="home"] .category-grid { gap:7px; padding:0 12px 2px; }
  body.home #content[data-engagement-surface="home"] .category-card {
    flex:0 0 auto;
    min-height:44px;
    padding:0 14px;
    justify-content:center;
    border:1px solid rgba(31,59,52,.08);
    border-radius:999px;
    background:var(--theme-chip);
  }
  body.home #content[data-engagement-surface="home"] .category-card>span,
  body.home #content[data-engagement-surface="home"] .category-card p,
  body.home #content[data-engagement-surface="home"] .category-card b { display:none; }
  body.home #content[data-engagement-surface="home"] .category-card h3 { width:auto; font-size:10px; }

  /* Latest: one heading and compact reading rows. Theme filters already live directly above. */
  body.home #content[data-engagement-surface="home"] .verse-section,body.home #content[data-engagement-surface="home"] .ayah-section {
    width:calc(100% - 24px);
    padding:12px 9px 13px;
    border-radius:16px;
    box-shadow:none;
  }
  body.home #content[data-engagement-surface="home"] .verse-section>.section-heading .section-kicker,
  body.home #content[data-engagement-surface="home"] .ayah-section>.section-heading .section-kicker,
  body.home #content[data-engagement-surface="home"] .filter-row { display:none; }
  body.home #content[data-engagement-surface="home"] .verse-section>.section-heading h2,
  body.home #content[data-engagement-surface="home"] .ayah-section>.section-heading h2 { margin:0; font-size:21px; }
  body.home #content[data-engagement-surface="home"] .result-count { display:none; }
  body.home #content[data-engagement-surface="home"] .verse-grid,body.home #content[data-engagement-surface="home"] .ayah-grid { gap:6px; }
  body.home #content[data-engagement-surface="home"] .feed-card {
    position:relative;
    min-height:112px;
    padding:7px 94px 7px 7px;
    border-radius:12px;
    box-shadow:none;
  }
  body.home #content[data-engagement-surface="home"] .feed-card:nth-child(n+5) { display:none; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-body { grid-template-columns:70px minmax(0,1fr); gap:9px; }
  body.home #content[data-engagement-surface="home"] .card-image-link { border-radius:8px; }
  body.home #content[data-engagement-surface="home"] .card-image-wrap .image-pin-button { display:none; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy .theme-label { display:none; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy h3 { margin:2px 0 5px; font-size:16px; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy blockquote { margin:0; font-size:13px; -webkit-line-clamp:3; }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy .text-link { display:none; }
  body.home #content[data-engagement-surface="home"] .home-feed-actions {
    position:absolute;
    right:7px;
    bottom:7px;
    min-height:44px;
    margin:0;
    padding:0;
    border:0;
  }
  body.home #content[data-engagement-surface="home"] .card-actions { min-height:44px; gap:4px; }
  body.home #content[data-engagement-surface="home"] .card-actions button { width:44px; height:44px; }
  body.home #content[data-engagement-surface="home"] .load-more-wrap .outline-button { border-radius:11px; }

  /* The dock is supportive, not the largest object on screen. */
  .mobile-bottom-nav {
    left:14px;
    right:14px;
    min-height:50px;
    padding:3px;
    border-radius:18px;
    box-shadow:0 9px 24px rgba(25,45,39,.13),inset 0 1px 0 rgba(255,255,255,.86);
  }
  .mobile-bottom-nav::before { border-radius:16px; }
  .mobile-bottom-nav a { min-height:44px; border-radius:13px; font-size:7px; }
  .mobile-bottom-nav .versekind-icon,.mobile-bottom-nav .ayahkind-icon { width:16px; height:16px; }

  /* Shared page intros stay aligned and concise. */
  .library-hero.compact-page-intro,.category-hero.compact-page-intro,.saved-hero.compact-page-intro,.about-hero.compact-page-intro {
    width:calc(100% - 24px);
    padding:9px 10px 11px;
    border-radius:14px;
    box-shadow:none;
    text-align:left;
  }
  .compact-page-intro .breadcrumbs { margin-bottom:6px; }
  .compact-page-intro h1 { font-size:27px; line-height:1; }
  .compact-page-intro>p { font-size:10px; line-height:1.4; }
}

@media (max-width:360px) {
  body.home #content[data-engagement-surface="home"] .home-daily-hero { grid-template-columns:104px minmax(0,1fr); }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image,
  body.home #content[data-engagement-surface="home"] .home-daily-copy { min-height:218px; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy h1 { font-size:19px; -webkit-line-clamp:4; }
  body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button {
    gap:4px;
    font-size:0;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button::after {
    content:"Read";
    font:750 8px/1 var(--app-ui);
  }
  html[lang^="es"] body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button::after { content:"Leer"; }
  html[lang^="pt"] body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button::after { content:"Ler"; }
  html[lang^="de"] body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button::after { content:"Lesen"; }
  html[lang^="fr"] body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button::after { content:"Lire"; }
}

/* 2.3.2 — mobile reading hierarchy: one clear thought at a time. */
@media (max-width:680px) {
  body.home #content[data-engagement-surface="home"] {
    --mobile-home-gutter:16px;
    gap:0;
  }
  body.home #content[data-engagement-surface="home"] .home-intent-panel {
    width:calc(100% - (var(--mobile-home-gutter) * 2));
    margin:9px auto 0;
  }

  /* Let today's Scripture breathe instead of squeezing art and copy together. */
  body.home #content[data-engagement-surface="home"] .home-daily-hero {
    width:calc(100% - (var(--mobile-home-gutter) * 2));
    margin:14px auto 0;
    grid-template-columns:1fr;
    grid-template-areas:"art" "copy";
    border-radius:18px;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image {
    width:100%;
    height:250px;
    min-height:0;
    padding:12px;
    border-right:0;
    border-bottom:1px solid var(--app-line);
    background:#edf1ea;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image img {
    width:auto;
    max-width:100%;
    height:100%;
    max-height:226px;
    margin:0 auto;
    object-fit:contain;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-copy {
    min-height:0;
    padding:17px 16px 16px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 44px 44px;
    column-gap:8px;
    align-content:start;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-copy .section-kicker { display:none; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy h1 {
    margin:0;
    font-size:clamp(25px,7vw,29px);
    line-height:1.08;
    -webkit-line-clamp:3;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>.reference {
    margin:10px 0 0;
    font-size:8.5px;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>p.ayah-arabic {
    margin:0 0 9px;
    font-size:22px;
    line-height:1.5;
    -webkit-line-clamp:2;
  }
  body.wp-theme-ayahkind.home #content[data-engagement-surface="home"] .home-daily-copy h1 { -webkit-line-clamp:2; }
  body.home #content[data-engagement-surface="home"] .home-daily-actions {
    grid-column:1;
    margin:0;
    padding:15px 0 0;
  }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement {
    grid-column:2/4;
    margin:0;
    padding:15px 0 0;
    gap:8px;
  }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>.share-toggle,
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>.share-popover>.share-toggle {
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid var(--app-line-strong);
    border-radius:11px;
    background:#fff;
    color:var(--ink);
  }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>.share-toggle>span,
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>[class*="save-"][class*="-button"]>.save-label { display:none; }

  /* A short label and a single chip rail are enough orientation here. */
  body.home #content[data-engagement-surface="home"] .category-section {
    width:calc(100% - (var(--mobile-home-gutter) * 2));
    margin:18px auto 0;
    padding:0;
    border:0;
    background:transparent;
  }
  body.home #content[data-engagement-surface="home"] .home-theme-heading { padding:0 0 10px; }
  body.home #content[data-engagement-surface="home"] .home-theme-heading h2 {
    margin:0;
    font-size:0;
    line-height:1;
  }
  body.home #content[data-engagement-surface="home"] .home-theme-heading h2::after {
    content:"Explore themes";
    display:block;
    color:var(--muted);
    font:750 10px/1.2 var(--app-ui);
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  html[lang^="es"] body.home #content[data-engagement-surface="home"] .home-theme-heading h2::after { content:"Explorar temas"; }
  html[lang^="pt"] body.home #content[data-engagement-surface="home"] .home-theme-heading h2::after { content:"Explorar temas"; }
  html[lang^="de"] body.home #content[data-engagement-surface="home"] .home-theme-heading h2::after { content:"Themen entdecken"; }
  html[lang^="fr"] body.home #content[data-engagement-surface="home"] .home-theme-heading h2::after { content:"Explorer les thèmes"; }
  body.home #content[data-engagement-surface="home"] .category-grid {
    gap:8px;
    padding:0 0 3px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  body.home #content[data-engagement-surface="home"] .category-card { padding:0 16px; }

  /* Recent Scripture becomes a small doorway into the library, not another text wall. */
  body.home #content[data-engagement-surface="home"] .verse-section,
  body.home #content[data-engagement-surface="home"] .ayah-section {
    width:calc(100% - (var(--mobile-home-gutter) * 2));
    margin:18px auto 0;
    padding:16px 12px 17px;
  }
  body.home #content[data-engagement-surface="home"] .verse-section>.section-heading,
  body.home #content[data-engagement-surface="home"] .ayah-section>.section-heading {
    margin-bottom:12px;
    align-items:start;
  }
  body.home #content[data-engagement-surface="home"] .verse-section>.section-heading h2,
  body.home #content[data-engagement-surface="home"] .ayah-section>.section-heading h2 {
    margin:0;
    font-size:0;
    line-height:1;
    text-align:left;
  }
  body.home #content[data-engagement-surface="home"] .verse-section>.section-heading h2::after,
  body.home #content[data-engagement-surface="home"] .ayah-section>.section-heading h2::after {
    content:"More to read";
    display:block;
    color:var(--ink);
    font:400 22px/1.05 Georgia,serif;
    letter-spacing:-.025em;
  }
  html[lang^="es"] body.home #content[data-engagement-surface="home"] .verse-section>.section-heading h2::after { content:"Más para leer"; }
  html[lang^="pt"] body.home #content[data-engagement-surface="home"] .verse-section>.section-heading h2::after { content:"Mais para ler"; }
  html[lang^="de"] body.home #content[data-engagement-surface="home"] .verse-section>.section-heading h2::after { content:"Mehr zum Lesen"; }
  html[lang^="fr"] body.home #content[data-engagement-surface="home"] .verse-section>.section-heading h2::after { content:"À lire ensuite"; }
  body.wp-theme-ayahkind.home #content[data-engagement-surface="home"] .ayah-section>.section-heading h2::after { content:"More ayahs"; }
  body.home #content[data-engagement-surface="home"] .verse-grid,
  body.home #content[data-engagement-surface="home"] .ayah-grid { gap:10px; }
  body.home #content[data-engagement-surface="home"] .feed-card:first-child,
  body.home #content[data-engagement-surface="home"] .feed-card:nth-child(n+4) { display:none; }
  body.home #content[data-engagement-surface="home"] .feed-card {
    min-height:114px;
    padding:9px 102px 9px 9px;
  }
  body.home #content[data-engagement-surface="home"] .home-feed-card-body {
    grid-template-columns:64px minmax(0,1fr);
    gap:11px;
    align-items:center;
  }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy .theme-label {
    display:inline-flex;
    font-size:7px;
  }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy h3 {
    margin:6px 0 0;
    font-size:18px;
  }
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy blockquote,
  body.home #content[data-engagement-surface="home"] .home-feed-card-copy>p.ayah-arabic { display:none; }
  body.home #content[data-engagement-surface="home"] .home-feed-actions {
    position:absolute;
    top:50%;
    right:9px;
    bottom:auto;
    min-height:44px;
    margin:0;
    padding:0;
    border:0;
    transform:translateY(-50%);
  }
  body.home #content[data-engagement-surface="home"] .load-more-wrap { margin-top:13px; }
}

@media (max-width:360px) {
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image { height:226px; }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image img { max-height:202px; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy { padding:15px 14px 14px; }
  body.home #content[data-engagement-surface="home"] .home-daily-copy h1 { font-size:22px; -webkit-line-clamp:3; }
}

/* 2.3.3 — one shared mobile alignment rail for header, search and content. */
@media (max-width:680px) {
  .site-header {
    width:100%;
    height:48px;
    min-height:48px;
    padding:0 16px;
    box-sizing:border-box;
    align-items:center;
  }
  .site-header .brand {
    height:44px;
    min-height:44px;
    align-items:center;
  }
  .site-header .brand-logo { display:none; }
  .site-header .brand>span { display:block; }
  .header-actions {
    height:44px;
    align-items:center;
  }
  .mobile-language-switcher {
    height:44px;
    align-self:center;
  }
  body.home #content[data-engagement-surface="home"] .home-intent-panel {
    margin-top:8px;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-hero {
    margin-top:16px;
  }
}

/*
 * KIND CONTENT-FIRST SHARE SYSTEM — 2.5.2
 * One quiet, accessible action language and one alignment rail across every
 * Kind site. Keep this release block identical in all six themes.
 */

:root {
  --kind-content-max:1500px;
  --kind-share-pinterest:#8b1e2d;
  --kind-share-x:#18231f;
  --kind-share-whatsapp:#145f40;
  --kind-action-border:#bcc8c2;
  --kind-action-bg:#fff;
  --kind-action-hover:#f1f4f1;
}

/* Shared share and save primitives: neutral surfaces, dark legible accents. */
.share-suite {
  min-width:0;
  max-width:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ink);
  font-family:var(--app-ui);
}
.share-suite>.share-panel-title {
  display:block;
  margin:0 0 8px;
  color:#566861;
  font:750 9px/1.2 var(--app-ui);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.share-suite>.share-primary-options {
  display:grid;
  grid-template-columns:repeat(4,max-content);
  align-items:center;
  justify-content:start;
  gap:5px;
  min-width:0;
}
.share-suite .share-more { position:relative; min-width:0; }
.share-suite .share-primary-options>.share-quick-action,
.share-suite .share-primary-options>.share-more>.share-toggle {
  width:auto;
  min-width:44px;
  height:44px;
  min-height:44px;
  margin:0;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid var(--kind-action-border);
  border-radius:12px;
  background:var(--kind-action-bg);
  box-shadow:none;
  color:var(--kind-share-x);
  font:750 9.5px/1 var(--app-ui);
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.share-suite .share-primary-options>.share-quick-action:hover,
.share-suite .share-primary-options>.share-more>.share-toggle:hover {
  border-color:#93a49b;
  background:var(--kind-action-hover);
  transform:translateY(-1px);
}
.share-suite .share-primary-options>.share-pinterest { border-color:#d8b6bc; color:var(--kind-share-pinterest); }
.share-suite .share-primary-options>.share-x { color:var(--kind-share-x); }
.share-suite .share-primary-options>.share-whatsapp { border-color:#b7d0c3; color:var(--kind-share-whatsapp); }
.share-suite .share-primary-options>.share-more>.share-toggle { color:#263e37; }
.share-suite .share-primary-options>.share-more>.share-toggle::after { content:none!important; }
.share-suite .share-primary-options .versekind-icon,
.share-suite .share-primary-options .ayahkind-icon {
  flex:0 0 auto;
  width:16px;
  height:16px;
}
.share-suite .share-popover-menu[hidden] { display:none!important; }
.share-suite .share-popover-menu>[hidden] { display:none!important; }
.share-suite .share-popover-menu:not([hidden]) {
  position:absolute;
  z-index:110;
  right:0;
  bottom:calc(100% + 8px);
  left:auto;
  width:220px;
  max-width:min(220px,calc(100vw - 24px));
  max-height:min(430px,70vh);
  padding:7px;
  overflow:auto;
  border:1px solid var(--app-line-strong);
  border-radius:15px;
  background:#fff;
  box-shadow:0 18px 46px rgba(22,43,37,.18);
}
.share-suite .share-popover-menu>a,
.share-suite .share-popover-menu>button {
  width:100%;
  min-height:44px;
  height:auto;
  margin:0;
  padding:10px 11px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#203a33;
  font:680 11px/1.25 var(--app-ui);
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}
.share-suite .share-popover-menu>a:hover,
.share-suite .share-popover-menu>button:hover { background:var(--kind-action-hover); }
.share-suite .share-popover-menu .versekind-icon,
.share-suite .share-popover-menu .ayahkind-icon { flex:0 0 auto; width:17px; height:17px; color:#465c54; }

.save-verse-button,.save-ayah-button {
  min-width:44px;
  min-height:44px;
  border-color:var(--kind-action-border);
  background:#fff;
  color:#263e37;
}
:where(.verse-engagement,.card-actions,.category-card-actions,.personal-verse-actions,.personal-ayah-actions,.bible-entry-actions,.quran-entry-actions)>.save-verse-button,
:where(.verse-engagement,.card-actions,.category-card-actions,.personal-verse-actions,.personal-ayah-actions,.bible-entry-actions,.quran-entry-actions)>.save-ayah-button {
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  margin:0;
  padding:0;
  display:inline-grid;
  place-items:center;
  border:1px solid var(--kind-action-border);
  border-radius:12px;
  background:#fff;
  color:#263e37;
  box-shadow:none;
}
:where(.verse-engagement,.personal-verse-actions,.personal-ayah-actions)>.save-verse-button-labelled,
:where(.verse-engagement,.personal-verse-actions,.personal-ayah-actions)>.save-ayah-button-labelled {
  width:44px;
  min-width:44px;
  padding:0;
  display:inline-grid;
  place-items:center;
}
:where(.verse-engagement,.personal-verse-actions,.personal-ayah-actions)>.save-verse-button-labelled>.save-label,
:where(.verse-engagement,.personal-verse-actions,.personal-ayah-actions)>.save-ayah-button-labelled>.save-label,
.verse-save-primary>.save-verse-button-labelled>.save-label,
.verse-save-primary>.save-ayah-button-labelled>.save-label { display:none; }
.save-verse-button.is-saved,.save-ayah-button.is-saved { border-color:var(--ink); background:var(--ink); color:#fff; }
.card-actions,.category-card-actions { min-width:0; max-width:100%; display:flex; align-items:center; flex-wrap:nowrap; gap:6px; }

/* Never offer Pinterest twice on compact content cards. */
.feed-card:has(.share-suite--compact) .image-pin-button,
.category-verse:has(.share-suite--compact) .image-pin-button,
.category-ayah:has(.share-suite--compact) .image-pin-button,
.personal-verse:has(.share-suite--compact) .image-pin-button,
.personal-ayah:has(.share-suite--compact) .image-pin-button { display:none!important; }

/* Detail actions are explicitly share-first/save-second in every locale. */
.detail-copy .verse-engagement {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"share save";
  align-items:end;
  gap:12px;
  min-width:0;
}
.detail-copy .verse-engagement>.share-suite {
  grid-area:share;
  grid-column:1;
  min-width:0;
}
.detail-copy .verse-engagement>.verse-save-primary,
.detail-copy .verse-engagement>.save-verse-button,
.detail-copy .verse-engagement>.save-ayah-button {
  grid-area:save;
  grid-column:2;
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  margin:0;
  padding:0;
  align-self:end;
  justify-self:end;
}
.detail-copy .verse-engagement>.verse-save-primary {
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.detail-copy .verse-engagement>.verse-save-primary>.section-kicker { display:none; }
.detail-copy .verse-engagement>.verse-save-primary>.save-verse-button,
.detail-copy .verse-engagement>.verse-save-primary>.save-ayah-button { min-height:44px; margin:0; }
.detail-copy .verse-engagement>.share-suite.share-panel {
  align-self:end;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}

/* Personal content keeps its primary reading CTA on a separate first row. */
.personal-verse-actions:has(.share-suite),
.personal-ayah-actions:has(.share-suite),
.bible-entry-actions:has(.share-suite),
.quran-entry-actions:has(.share-suite) {
  display:grid;
  grid-template-columns:max-content 44px;
  grid-template-areas:"primary primary" "share save";
  justify-content:start;
  align-items:center;
  gap:8px 7px;
}
.personal-verse-actions:has(.share-suite)>.primary-button,
.personal-ayah-actions:has(.share-suite)>.primary-button,
.bible-entry-actions:has(.share-suite)>a:first-child,
.quran-entry-actions:has(.share-suite)>a:first-child { grid-area:primary; justify-self:start; }
.personal-verse-actions>.share-suite,.personal-ayah-actions>.share-suite,
.bible-entry-actions>.share-suite,.quran-entry-actions>.share-suite { grid-area:share; grid-column:1; }
.personal-verse-actions>.save-verse-button,.personal-verse-actions>.save-ayah-button,
.personal-ayah-actions>.save-verse-button,.personal-ayah-actions>.save-ayah-button,
.bible-entry-actions>.save-verse-button,.quran-entry-actions>.save-ayah-button { grid-area:save; grid-column:2; }

@media (min-width:901px) {
  /* One 1500px desktop rail for header and every primary content surface. */
  .site-header,
  body.home #content[data-engagement-surface="home"],
  .library-hero,.library-results,.saved-hero,.saved-results,.about-hero,
  .category-hero,.category-verse-list,.category-ayah-list,
  .detail-breadcrumbs,.pinterest-arrival,.detail-hero,
  .reflection-section,.newsletter-inline,.related-verses,.related-ayahs,.verse-recirculation,
  .account-dashboard-hero,.account-quick-nav,.personal-verse,.personal-ayah,.account-preferences,.account-connections {
    width:min(var(--kind-content-max),calc(100% - 24px));
    box-sizing:border-box;
  }
  body.home #content[data-engagement-surface="home"] { margin-inline:auto; }

  /* Desktop detail: more art, calmer heading, and the full reading width. */
  .detail-hero {
    grid-template-columns:minmax(300px,380px) minmax(0,1fr);
    gap:clamp(32px,4vw,64px);
  }
  .detail-image { width:100%; max-width:380px; }
  .detail-copy { min-width:0; }
  .detail-copy h1 {
    width:100%;
    max-width:900px;
    font-size:clamp(36px,3.6vw,52px);
    line-height:1.04;
  }
  .detail-copy .full-verse,.detail-copy .full-ayah { width:100%; max-width:900px; }

  /* Compact suites remain fully named on desktop without saturated brand fills. */
  .share-suite .share-primary-options>.share-quick-action>.button-label,
  .share-suite .share-primary-options>.share-more>.share-toggle>.button-label {
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto;
    white-space:nowrap;
  }
  .home-verse-engagement,
  .home-feed-actions .card-actions,
  .category-card-actions,
  .library-results .card-actions {
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:6px;
  }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement {
    width:100%;
    display:flex;
    align-items:center;
    gap:7px;
    border:0;
  }
  body.home #content[data-engagement-surface="home"] .home-feed-actions { justify-content:flex-start; }
  body.home #content[data-engagement-surface="home"] .home-feed-actions>span { display:none; }

  /* Two generous card columns first, then three when labels genuinely fit. */
  .library-results .verse-grid,.library-results .ayah-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .library-results .card-meta { display:block; }
  .library-results .card-meta>.card-actions { margin-top:10px; }
}

@media (min-width:1280px) {
  .library-results .verse-grid,.library-results .ayah-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (min-width:901px) and (max-width:1439px) {
  /* Keep the desktop search usable while long language names cannot collide. */
  .site-header .language-switcher .language-name { display:none!important; }
  .site-header .language-switcher .language-code { display:inline!important; }
  .header-global-search { width:min(340px,30vw); min-width:180px; margin-inline:10px; }
}

@media (min-width:681px) and (max-width:900px) {
  /* Tablet uses the same comfortable rail and icon actions as mobile. */
  body.home #content[data-engagement-surface="home"] .home-intent-panel,
  body.home #content[data-engagement-surface="home"] .home-daily-hero,
  body.home #content[data-engagement-surface="home"] .category-section,
  body.home #content[data-engagement-surface="home"] .verse-section,
  body.home #content[data-engagement-surface="home"] .ayah-section,
  body.home #content[data-engagement-surface="home"] .newsletter-section,
  .library-hero,.library-results,.saved-hero,.saved-results,.about-hero,
  .category-hero,.category-verse-list,.category-ayah-list,
  .detail-breadcrumbs,.pinterest-arrival,.detail-hero,
  .reflection-section,.newsletter-inline,.related-verses,.related-ayahs,.verse-recirculation {
    width:calc(100% - 32px);
    box-sizing:border-box;
    margin-inline:auto;
  }
  .library-results .verse-grid,.library-results .ayah-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .library-results .card-meta { display:block; }
  .library-results .card-meta>.card-actions { margin-top:9px; }
}

@media (max-width:900px) {
  /* Icon-only primary sharing on touch layouts; accessible names remain on links. */
  .share-suite>.share-primary-options {
    width:188px;
    grid-template-columns:repeat(4,44px);
    gap:4px;
  }
  .share-suite .share-primary-options>.share-quick-action,
  .share-suite .share-primary-options>.share-more>.share-toggle {
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    padding:0;
    border-radius:12px;
  }
  .share-suite .share-primary-options>.share-quick-action>.button-label,
  .share-suite .share-primary-options>.share-more>.share-toggle>.button-label {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    border:0;
    white-space:nowrap;
  }
  .share-suite>.share-panel-title { margin-bottom:7px; font-size:8px; }
}

@media (max-width:680px) {
  /* A single 16px mobile rail, including the app header and bottom dock. */
  .site-header {
    width:100%;
    height:52px;
    min-height:52px;
    padding-inline:16px;
    box-sizing:border-box;
  }
  .site-header .brand,.header-actions,.mobile-language-switcher { min-height:44px; }
  .mobile-bottom-nav { right:16px; left:16px; }
  body.home #content[data-engagement-surface="home"] { width:100%; max-width:100%; margin:0; padding:0; }
  body.home #content[data-engagement-surface="home"] .home-intent-panel,
  body.home #content[data-engagement-surface="home"] .home-daily-hero,
  body.home #content[data-engagement-surface="home"] .category-section,
  body.home #content[data-engagement-surface="home"] .verse-section,
  body.home #content[data-engagement-surface="home"] .ayah-section,
  body.home #content[data-engagement-surface="home"] .newsletter-section,
  body.home #content[data-engagement-surface="home"] .home-supporting-content,
  .library-hero,.library-results,.saved-hero,.saved-results,.about-hero,
  .category-hero,.category-verse-list,.category-ayah-list,
  .detail-breadcrumbs,.pinterest-arrival,.detail-hero,
  .reflection-section,.newsletter-inline,.direct-related,.related-verses,.related-ayahs,.verse-recirculation,
  .account-dashboard-hero,.account-quick-nav,.personal-verse,.personal-ayah,.account-preferences,.account-connections {
    width:calc(100% - 32px);
    box-sizing:border-box;
    margin-inline:auto;
  }
  .detail-breadcrumbs { text-overflow:ellipsis; }

  /* More opens as a reachable bottom sheet without hiding its text labels. */
  .share-suite .share-popover-menu:not([hidden]) {
    position:fixed!important;
    z-index:240;
    right:auto!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    left:50%!important;
    width:min(420px,calc(100vw - 32px));
    max-width:none;
    max-height:min(68svh,520px);
    padding:9px;
    overflow:auto;
    border-radius:20px;
    transform:translateX(-50%);
    box-shadow:0 25px 70px rgba(13,33,27,.28);
  }
  .share-suite .share-popover-menu>a,
  .share-suite .share-popover-menu>button { min-height:48px; padding:12px; font-size:12px; }
  .share-more:has(.share-popover-menu:not([hidden]))::before {
    content:"";
    position:fixed;
    z-index:230;
    inset:0;
    background:rgba(12,28,23,.32);
    pointer-events:none;
  }
  :where(.feed-card,.category-verse,.category-ayah,.detail-hero,.personal-verse,.personal-ayah):has(.share-popover-menu:not([hidden])) {
    position:relative;
    z-index:95;
    overflow:visible;
  }

  /* Home feature: full-width copy and two non-overflowing action rows. */
  body.home #content[data-engagement-surface="home"] .home-daily-hero {
    margin-top:10px;
    padding:0;
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:"art" "copy";
    gap:0;
    overflow:visible;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image {
    grid-area:art;
    width:100%;
    height:clamp(260px,78vw,360px);
    min-height:0;
    padding:10px;
    border:0;
    border-bottom:1px solid var(--app-line);
    border-radius:17px 17px 0 0;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-hero>.daily-image img {
    width:100%;
    height:100%;
    max-height:none;
    object-fit:contain;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-copy {
    grid-area:copy;
    width:100%;
    min-height:0;
    padding:16px 14px 14px;
    display:block;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-copy h1 {
    margin:6px 0 8px;
    display:block;
    overflow:visible;
    font-size:clamp(24px,7vw,30px);
    line-height:1.08;
    overflow-wrap:anywhere;
    -webkit-line-clamp:unset;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-copy>p:not(.reference):not(.ayah-arabic) {
    margin:0;
    display:block;
    overflow:visible;
    font-size:11px;
    line-height:1.5;
    -webkit-line-clamp:unset;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-actions {
    width:100%;
    margin:12px 0 0;
    padding:0;
    display:flex;
  }
  body.home #content[data-engagement-surface="home"] .home-daily-actions>.primary-button { width:100%; min-height:44px; }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement {
    width:100%;
    margin:10px 0 0;
    padding:10px 0 0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    border-top:1px solid var(--app-line);
  }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>.share-suite { flex:0 0 188px; }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>.save-verse-button,
  body.home #content[data-engagement-surface="home"] .home-verse-engagement>.save-ayah-button {
    flex:0 0 44px;
    width:44px;
    min-width:44px;
    padding:0;
    border-radius:12px;
  }
  body.home #content[data-engagement-surface="home"] .home-verse-engagement .save-label { display:none; }

  /* Home reading cards keep content first, actions in a full-width footer. */
  body.home #content[data-engagement-surface="home"] .feed-card {
    min-height:0;
    padding:9px;
    overflow:visible;
  }
  body.home #content[data-engagement-surface="home"] .home-feed-card-body { grid-template-columns:76px minmax(0,1fr); gap:10px; }
  body.home #content[data-engagement-surface="home"] .home-feed-actions {
    position:static;
    width:100%;
    min-height:0;
    margin:9px 0 0;
    padding:9px 0 0;
    display:flex;
    justify-content:flex-start;
    border-top:1px solid var(--app-line);
    transform:none;
  }
  body.home #content[data-engagement-surface="home"] .home-feed-actions>span { display:none; }
  body.home #content[data-engagement-surface="home"] .card-actions { width:100%; justify-content:flex-start; }

  /* The detail page stacks early: larger art, then a complete smaller title. */
  .detail-page { padding-bottom:24px; }
  .detail-page .detail-hero {
    margin-top:10px;
    padding:14px;
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
    align-items:start;
  }
  .detail-page .detail-image {
    grid-column:1;
    grid-row:1;
    width:min(72vw,240px);
    max-width:240px;
    margin:0;
    padding:8px;
    justify-self:center;
    border-radius:124px 124px 16px 16px;
  }
  .detail-page .detail-image::before { inset:5px; border-radius:120px 120px 12px 12px; }
  .detail-page .detail-copy { grid-column:1; grid-row:2; width:100%; min-width:0; text-align:left; }
  .detail-page .detail-copy h1 {
    width:100%;
    margin:7px 0 9px;
    display:block;
    overflow:visible;
    font-size:clamp(24px,7vw,30px);
    line-height:1.08;
    overflow-wrap:anywhere;
    text-wrap:balance;
    -webkit-line-clamp:unset;
  }
  .detail-page .detail-copy .full-verse,.detail-page .detail-copy .full-ayah { font-size:13px; line-height:1.58; }
  .detail-page .detail-copy .verse-engagement {
    width:100%;
    margin-top:14px;
    padding-top:11px;
    grid-template-columns:minmax(0,1fr) 44px;
    grid-template-areas:"share save";
    gap:6px;
    border-top:1px solid var(--app-line);
  }
  .detail-page .detail-copy .verse-engagement>.share-suite.share-panel { padding:0; border:0; }
  .detail-page .detail-copy .verse-engagement>.save-verse-button,
  .detail-page .detail-copy .verse-engagement>.save-ayah-button,
  .detail-page .detail-copy .verse-engagement>.verse-save-primary {
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    padding:0;
  }
  .detail-page .detail-copy .verse-engagement .save-label { display:none; }

  /* Explore becomes one readable horizontal card column on narrow screens. */
  .library-results { padding:10px 9px 68px; }
  .library-results .verse-grid,.library-results .ayah-grid { grid-template-columns:1fr; gap:9px; }
  .library-results .feed-card {
    padding:8px;
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:9px 11px;
    align-items:start;
    overflow:visible;
    border:1px solid var(--app-line);
    border-radius:14px;
    background:#fff;
  }
  .library-results .card-image-wrap { grid-column:1; grid-row:1; width:86px; min-width:0; }
  .library-results .card-image-link { width:100%; aspect-ratio:2/3; display:block; overflow:hidden; border-radius:10px; }
  .library-results .card-image-link img { width:100%; height:100%; object-fit:contain; }
  .library-results .card-meta { display:contents; padding:0; }
  .library-results .card-meta>div:first-child { grid-column:2; grid-row:1; min-width:0; align-self:center; }
  .library-results .card-meta h3 { margin-top:4px; font-size:20px; line-height:1.1; overflow-wrap:anywhere; }
  .library-results .card-meta>.card-actions {
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    min-height:44px;
    padding-top:8px;
    justify-content:flex-start;
    border-top:1px solid var(--app-line);
  }

  /* Category copy can grow; its actions always receive a complete row. */
  .category-verse-list,.category-ayah-list { padding:9px 9px 68px; }
  .category-verse,.category-ayah {
    grid-template-columns:92px minmax(0,1fr);
    grid-template-rows:auto auto auto auto;
    gap:5px 11px;
    padding:9px;
    overflow:visible;
  }
  .category-verse>.category-verse-image-wrap,
  .category-ayah>.category-ayah-image-wrap { grid-column:1; grid-row:1/3; width:92px; }
  .category-verse>div:last-child,.category-ayah>div:last-child { display:contents; padding:0; }
  .category-verse>div:last-child>span,.category-ayah>div:last-child>span { grid-column:2; grid-row:1; align-self:end; }
  .category-verse h2,.category-ayah h2 {
    grid-column:2;
    grid-row:2;
    align-self:start;
    margin:3px 0 0;
    display:block;
    overflow:visible;
    font-size:18px;
    line-height:1.22;
    overflow-wrap:anywhere;
    -webkit-line-clamp:unset;
  }
  .category-verse .quality-passage-note {
    grid-column:1/-1;
    grid-row:3;
    max-width:none;
    margin:7px 0 0;
    padding-top:9px;
    border-top:1px solid var(--app-line);
    font-size:11px;
    line-height:1.55;
  }
  .category-card-actions {
    grid-column:1/-1;
    grid-row:4;
    width:100%;
    min-height:44px;
    margin-top:6px;
    padding-top:9px;
    justify-content:flex-start;
    border-top:1px solid var(--app-line);
  }

  /* Personal Scripture/ayah content also stacks before its secondary actions. */
  .personal-verse,.personal-ayah { padding:14px; grid-template-columns:1fr; gap:15px; }
  .personal-verse-image,.personal-ayah-image { width:min(62vw,220px); margin:0; justify-self:center; }
  .personal-verse-copy,.personal-ayah-copy { width:100%; min-width:0; }
  .personal-verse-copy h2,.personal-ayah-copy h2 {
    display:block;
    overflow:visible;
    font-size:clamp(24px,7vw,30px);
    line-height:1.08;
    overflow-wrap:anywhere;
    -webkit-line-clamp:unset;
  }
  .personal-verse-actions:has(.share-suite),.personal-ayah-actions:has(.share-suite),
  .bible-entry-actions:has(.share-suite),.quran-entry-actions:has(.share-suite) {
    width:100%;
    grid-template-columns:188px 44px;
    grid-template-areas:"primary primary" "share save";
    gap:8px 6px;
  }
  .personal-verse-actions:has(.share-suite)>.primary-button,
  .personal-ayah-actions:has(.share-suite)>.primary-button { width:100%; min-height:44px; justify-content:center; }
  .personal-verse-actions .save-label,.personal-ayah-actions .save-label { display:none; }
}

@media (max-width:340px) {
  /* Preserve 44px targets even on legacy narrow viewports. */
  .site-header { padding-inline:12px; }
  .mobile-bottom-nav { right:12px; left:12px; }
  body.home #content[data-engagement-surface="home"] .home-intent-panel,
  body.home #content[data-engagement-surface="home"] .home-daily-hero,
  body.home #content[data-engagement-surface="home"] .category-section,
  body.home #content[data-engagement-surface="home"] .verse-section,
  body.home #content[data-engagement-surface="home"] .ayah-section,
  .library-hero,.library-results,.category-hero,.category-verse-list,.category-ayah-list,
  .detail-breadcrumbs,.detail-hero,.personal-verse,.personal-ayah { width:calc(100% - 24px); }
  .detail-page .detail-hero,.personal-verse,.personal-ayah { padding-inline:11px; }
}

/* Compact, recognizable network link in every localized footer. */
.site-footer .footer-pinterest-link {
  display:inline-flex;
  align-items:center;
  width:max-content;
  gap:8px;
}
.site-footer .footer-pinterest-link svg {
  width:15px;
  height:15px;
  flex:0 0 auto;
}

/* 2.5.0 — VerseKind's book, sprout and sunrise identity. */
.brand--versekind { gap:9px; }
.brand--versekind .brand-logo {
  border-radius:0;
  object-fit:contain;
}
.footer-brand.brand--versekind .brand-logo {
  width:40px;
  height:40px;
}
@media (max-width:680px) {
  .site-header .brand--versekind { gap:6px; }
  .site-header .brand--versekind .brand-logo {
    display:block;
    width:27px;
    height:27px;
  }
}
@media (max-width:370px) {
  .site-header .brand--versekind .brand-logo {
    width:24px;
    height:24px;
  }
  .site-header .brand--versekind > span { display:block; }
}

/* Accessible Scripture page turning: links work first; motion is enhancement. */
.kind-scripture-page {
  position:relative;
  isolation:isolate;
  transform-style:preserve-3d;
  perspective:1600px;
}
.kind-scripture-page::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:30;
  border:1px solid rgba(31,59,52,.14);
  border-radius:inherit;
  background:
    linear-gradient(90deg,rgba(31,59,52,.08),transparent 8%,transparent 92%,rgba(31,59,52,.08)),
    var(--paper,#fffdf8);
  box-shadow:0 22px 55px rgba(31,45,38,.22);
  opacity:0;
  pointer-events:none;
  backface-visibility:hidden;
}
.kind-scripture-page.is-turning-next::after {
  transform-origin:left center;
  animation:kind-page-arrive-next 420ms cubic-bezier(.2,.72,.24,1) both;
}
.kind-scripture-page.is-turning-previous::after {
  transform-origin:right center;
  animation:kind-page-arrive-previous 420ms cubic-bezier(.2,.72,.24,1) both;
}
@keyframes kind-page-arrive-next {
  0% { opacity:.08; transform:rotateY(-82deg); }
  48% { opacity:.42; }
  100% { opacity:0; transform:rotateY(0deg); }
}
@keyframes kind-page-arrive-previous {
  0% { opacity:.08; transform:rotateY(82deg); }
  48% { opacity:.42; }
  100% { opacity:0; transform:rotateY(0deg); }
}
.kind-page-turn {
  grid-column:1/-1;
  width:100%;
  margin:2px 0 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:14px;
}
.kind-page-turn-slot { min-width:0; }
.kind-page-turn-slot--next { display:flex; justify-content:flex-end; }
.kind-page-turn-link {
  width:max-content;
  max-width:100%;
  min-height:52px;
  padding:7px 13px 7px 9px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(31,59,52,.18);
  border-radius:999px;
  background:rgba(255,253,248,.88);
  color:var(--ink,#1f3b34);
  box-shadow:0 8px 24px rgba(31,45,38,.07);
  transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease;
}
.kind-page-turn-link--next { padding:7px 9px 7px 13px; text-align:right; }
.kind-page-turn-link:hover {
  border-color:rgba(31,59,52,.38);
  box-shadow:0 11px 28px rgba(31,45,38,.12);
  transform:translateY(-1px);
}
.kind-page-turn-link:focus-visible { outline:3px solid rgba(189,107,77,.38); outline-offset:3px; }
.kind-page-turn-icon {
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--ink,#1f3b34);
  color:#fff;
  font-family:Georgia,serif;
  font-size:28px;
  line-height:1;
}
.kind-page-turn-copy { min-width:0; display:grid; gap:2px; }
.kind-page-turn-copy small {
  color:var(--muted,#667670);
  font-size:9px;
  font-weight:750;
  letter-spacing:.08em;
  line-height:1.1;
  text-transform:uppercase;
}
.kind-page-turn-copy strong {
  max-width:16ch;
  overflow:hidden;
  font-family:Georgia,serif;
  font-size:14px;
  font-weight:500;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.kind-page-turn-progress { color:var(--muted,#667670); font-size:11px; font-variant-numeric:tabular-nums; }
.kind-page-turn-progress>span { display:flex; align-items:baseline; gap:5px; }
.kind-page-turn-progress b { color:var(--ink,#1f3b34); font-family:Georgia,serif; font-size:18px; font-weight:500; }
.kind-page-turn-progress i { opacity:.45; font-style:normal; }
.kind-page-turn[aria-busy="true"] .kind-page-turn-link { pointer-events:none; }

@media (max-width:680px) {
  .kind-page-turn { width:calc(100% + 14px); margin:0 -7px; gap:10px; }
  .kind-page-turn-link { width:46px; min-width:46px; height:46px; min-height:46px; padding:0; justify-content:center; }
  .kind-page-turn-icon { width:100%; height:100%; flex-basis:100%; background:rgba(255,253,248,.94); color:var(--ink,#1f3b34); box-shadow:0 8px 22px rgba(31,45,38,.1); }
  .kind-page-turn-copy { display:none; }
  .kind-page-turn-progress b { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
  .kind-scripture-page::after { display:none; }
  .kind-page-turn-link { transition:none; }
  .kind-page-turn-link:hover { transform:none; }
}

/* KIND HTML SCRIPTURE READER — 2.6.0 */
/* Semantic HTML Scripture reader — content first, paper rather than artwork. */
.kind-scripture-reader {
  --reader-ink:#183a32;
  --reader-muted:#66766f;
  --reader-accent:#bd6b4d;
  --reader-line:rgba(31,59,52,.16);
  --reader-page:#fffdf8;
  --paper:var(--reader-page);
  width:min(100%,800px);
  margin-inline:auto;
  padding:10px 14px 18px;
  color:var(--reader-ink);
}
.kind-scripture-reader--quran {
  --reader-ink:#153c34;
  --reader-muted:#65766e;
  --reader-accent:#ae8542;
  --reader-line:rgba(174,133,66,.28);
  --reader-page:#fbf8ed;
}
.kind-scripture-page {
  min-height:clamp(570px,68vh,760px);
  padding:clamp(30px,4.6vw,54px) clamp(28px,5.8vw,68px) clamp(26px,4vw,44px);
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  overflow:visible;
  border:1px solid var(--reader-line);
  border-radius:28px 28px 22px 22px;
  background:
    linear-gradient(100deg,rgba(231,220,198,.18),transparent 12%,transparent 88%,rgba(231,220,198,.16)),
    var(--reader-page);
  color:var(--reader-ink);
  box-shadow:0 20px 55px rgba(31,45,38,.12),0 3px 9px rgba(31,45,38,.07);
}
.kind-scripture-page > :not(.kind-scripture-page-depth) { position:relative; z-index:2; }
.kind-scripture-page::before {
  content:"";
  position:absolute;
  inset:12px;
  z-index:1;
  border:1px solid rgba(31,59,52,.11);
  border-radius:20px 20px 15px 15px;
  background:linear-gradient(90deg,transparent 49.75%,rgba(31,59,52,.045) 50%,transparent 50.25%);
  pointer-events:none;
}
.kind-scripture-page-depth {
  position:absolute!important;
  inset:8px -8px -10px 8px;
  z-index:-1!important;
  border:1px solid rgba(31,59,52,.12);
  border-radius:inherit;
  background:#f5efe3;
  box-shadow:7px 10px 0 -4px #ebe2d2,9px 12px 20px rgba(31,45,38,.1);
  pointer-events:none;
}
.kind-scripture-page-depth::before,.kind-scripture-page-depth::after {
  content:"";
  position:absolute;
  right:13px;
  bottom:-5px;
  left:18px;
  height:1px;
  background:rgba(31,59,52,.14);
}
.kind-scripture-page-depth::after { right:20px; bottom:-9px; left:26px; opacity:.65; }
.kind-scripture-page-meta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-width:0;
  color:var(--reader-ink);
  font-family:var(--app-ui,Arial,sans-serif);
}
.kind-scripture-page-meta h1 {
  min-width:0;
  margin:0;
  overflow-wrap:anywhere;
  color:inherit;
  font:760 10px/1.2 var(--app-ui,Arial,sans-serif);
  letter-spacing:.12em;
  text-align:right;
  text-transform:uppercase;
}
.kind-scripture-page-theme {
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:10px;
  font-weight:760;
  letter-spacing:.12em;
  line-height:1.2;
  text-transform:uppercase;
}
.kind-scripture-page-theme i {
  width:9px;
  height:13px;
  flex:0 0 auto;
  border:1.5px solid var(--reader-accent);
  border-radius:9px 0 9px 0;
  transform:rotate(-18deg);
}
.kind-scripture-page-ornament {
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:var(--reader-accent);
}
.kind-scripture-page-ornament::before,.kind-scripture-page-ornament::after {
  content:"";
  width:min(76px,14vw);
  height:1px;
  background:linear-gradient(90deg,transparent,currentColor);
  opacity:.42;
}
.kind-scripture-page-ornament::after { background:linear-gradient(90deg,currentColor,transparent); }
.kind-scripture-page-ornament>span {
  position:relative;
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:2px;
  background:currentColor;
  transform:rotate(45deg);
}
.kind-scripture-page-copy {
  width:100%;
  min-width:0;
  padding:clamp(22px,4vh,42px) 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  align-self:stretch;
  text-align:center;
  user-select:text;
  -webkit-user-select:text;
}
.kind-scripture-page-copy blockquote {
  width:100%;
  max-width:30em;
  margin:0;
  padding:0;
  border:0;
  color:inherit;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(35px,4.4vw,54px);
  font-style:italic;
  font-weight:400;
  letter-spacing:-.025em;
  line-height:1.14;
  text-wrap:balance;
}
.kind-scripture-page-copy blockquote p {
  max-width:none;
  margin:0;
  display:block;
  overflow:visible;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  -webkit-line-clamp:unset;
}
.kind-scripture-page.is-long .kind-scripture-page-copy blockquote { font-size:clamp(30px,3.8vw,46px); line-height:1.19; }
.kind-scripture-page.is-very-long .kind-scripture-page-copy blockquote { font-size:clamp(25px,3.2vw,38px); line-height:1.25; }
.kind-scripture-page.is-extra-long .kind-scripture-page-copy blockquote { font-size:clamp(20px,2.55vw,31px); line-height:1.34; }
.kind-scripture-page-translation-label {
  margin:0 0 12px;
  color:var(--reader-accent);
  font:760 9px/1.3 var(--app-ui,Arial,sans-serif);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.kind-scripture-page-arabic {
  width:100%;
  max-width:24em;
  margin:0 0 clamp(22px,4vh,36px);
  color:var(--reader-ink);
  font-family:"Noto Naskh Arabic","Geeza Pro","Traditional Arabic",serif;
  font-size:clamp(30px,4.1vw,48px);
  font-weight:500;
  line-height:1.75;
  text-align:center;
  text-wrap:balance;
}
.kind-scripture-page-footer {
  min-height:42px;
  padding-top:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-top:1px solid var(--reader-line);
  color:var(--reader-muted);
  font-family:var(--app-ui,Arial,sans-serif);
}
.kind-scripture-page-footer>span:last-child { min-width:0; display:grid; justify-items:end; gap:2px; text-align:right; }
.kind-scripture-page-footer strong { color:var(--reader-ink); font-size:9px; letter-spacing:.13em; line-height:1.2; text-transform:uppercase; }
.kind-scripture-page-footer small { max-width:34ch; overflow-wrap:break-word; font-family:Georgia,serif; font-size:10px; font-style:italic; line-height:1.25; }
.kind-scripture-page-volume { position:relative; width:39px; height:29px; flex:0 0 39px; }
.kind-scripture-page-volume--bible i,.kind-scripture-page-volume--bible b {
  position:absolute;
  top:4px;
  width:18px;
  height:21px;
  border:1.4px solid var(--reader-accent);
  background:rgba(255,253,248,.66);
}
.kind-scripture-page-volume--bible i { left:1px; border-radius:3px 2px 2px 9px; transform:skewY(7deg); }
.kind-scripture-page-volume--bible b { right:1px; border-radius:2px 3px 9px 2px; transform:skewY(-7deg); }
.kind-scripture-page-volume--bible::after { content:""; position:absolute; top:5px; bottom:2px; left:50%; width:1px; background:var(--reader-accent); opacity:.72; }

/* A distinct mushaf: gold geometry and an arched inner frame, never a cross. */
.kind-scripture-page--quran { border-color:rgba(174,133,66,.36); border-radius:124px 124px 22px 22px/46px 46px 22px 22px; }
.kind-scripture-page--quran::before {
  inset:12px;
  border-color:rgba(174,133,66,.27);
  border-radius:112px 112px 15px 15px/40px 40px 15px 15px;
  background:
    radial-gradient(circle at 50% 20px,rgba(174,133,66,.10),transparent 60px),
    linear-gradient(90deg,transparent 49.8%,rgba(174,133,66,.04) 50%,transparent 50.2%);
}
.kind-scripture-reader--quran .kind-scripture-page-theme i {
  width:10px;
  height:10px;
  border:0;
  border-radius:1px;
  background:var(--reader-accent);
  clip-path:polygon(50% 0,61% 34%,100% 21%,74% 50%,100% 79%,61% 66%,50% 100%,39% 66%,0 79%,26% 50%,0 21%,39% 34%);
  transform:none;
}
.kind-scripture-reader--quran .kind-scripture-page-ornament>span { border-radius:0; transform:rotate(45deg); }
.kind-scripture-reader--quran .kind-scripture-page-ornament>span::after {
  content:"";
  position:absolute;
  inset:1px;
  border:1px solid var(--reader-page);
}
.kind-scripture-page-volume--quran {
  width:31px;
  height:34px;
  border:1.5px solid var(--reader-accent);
  border-radius:3px 6px 6px 3px;
  box-shadow:inset 3px 0 0 rgba(174,133,66,.13);
}
.kind-scripture-page-volume--quran i {
  position:absolute;
  inset:5px 4px 5px 7px;
  border:1px solid rgba(174,133,66,.68);
  border-radius:50% 50% 3px 3px/18% 18% 3px 3px;
}
.kind-scripture-page-volume--quran b {
  position:absolute;
  top:13px;
  left:14px;
  width:6px;
  height:6px;
  border:1px solid var(--reader-accent);
  transform:rotate(45deg);
}

/* When the semantic reader is present it owns the visual hierarchy. */
.detail-page .detail-hero:has(> .kind-scripture-reader) {
  position:relative;
  width:min(940px,calc(100% - 32px));
  margin:18px auto 34px;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"reader" "actions";
  gap:16px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.detail-hero:has(> .kind-scripture-reader) > .kind-scripture-reader { grid-area:reader; }
.detail-hero:has(> .kind-scripture-reader) > .kind-page-turn {
  grid-area:reader;
  z-index:8;
  width:min(824px,calc(100% + 24px));
  height:100%;
  margin:0;
  padding:0;
  justify-self:center;
  align-self:stretch;
  grid-template-rows:1fr auto;
  pointer-events:none;
}
.detail-hero:has(> .kind-scripture-reader) > .kind-page-turn .kind-page-turn-slot { grid-row:1/-1; align-self:center; }
.detail-hero:has(> .kind-scripture-reader) > .kind-page-turn .kind-page-turn-progress {
  grid-column:2;
  grid-row:2;
  align-self:end;
  justify-self:center;
  margin-bottom:30px;
  padding:5px 10px;
  border:1px solid var(--reader-line,rgba(31,59,52,.16));
  border-radius:999px;
  background:rgba(255,253,248,.88);
  box-shadow:0 4px 14px rgba(31,45,38,.07);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.detail-hero:has(> .kind-scripture-reader) > .kind-page-turn .kind-page-turn-link {
  width:48px;
  min-width:48px;
  height:48px;
  min-height:48px;
  padding:0;
  justify-content:center;
  pointer-events:auto;
}
.detail-hero:has(> .kind-scripture-reader) > .kind-page-turn .kind-page-turn-icon { width:100%; height:100%; flex-basis:100%; }
.detail-hero:has(> .kind-scripture-reader) > .kind-page-turn .kind-page-turn-copy { display:none; }
.detail-hero:has(> .kind-scripture-reader) > .kind-page-turn--quran .kind-page-turn-icon {
  border:1px solid rgba(174,133,66,.44);
  background:#153c34;
  color:#fbf8ed;
}
.detail-hero:has(> .kind-scripture-reader) > .kind-page-turn--quran .kind-page-turn-progress {
  border-color:rgba(174,133,66,.32);
  background:rgba(251,248,237,.9);
}
.detail-hero:has(> .kind-scripture-reader) > .detail-copy {
  grid-area:actions;
  width:min(100%,772px);
  margin-inline:auto;
  padding:0 4px;
}
.detail-hero:has(> .kind-scripture-reader) > .detail-copy .verse-engagement {
  width:100%;
  margin:0;
  padding:10px;
  align-items:center;
  border:1px solid var(--app-line,rgba(31,59,52,.12));
  border-radius:16px;
  background:rgba(255,255,255,.82);
  box-shadow:0 8px 24px rgba(31,45,38,.06);
}
.detail-hero:has(> .kind-scripture-reader) > .detail-copy .detail-discovery-actions { margin-top:10px; }
.detail-hero:has(> .kind-scripture-reader) > .detail-copy .editorial-note { margin-top:9px; font-size:10px; line-height:1.45; }

@media (max-width:900px) {
  body:has(.detail-page .kind-scripture-reader) .header-global-search { display:none!important; }
  .detail-page .detail-hero:has(> .kind-scripture-reader) { width:calc(100% - 20px); margin-top:7px; gap:11px; }
  .kind-scripture-reader { width:100%; padding:6px 8px 14px; }
  .kind-scripture-page {
    min-height:clamp(450px,58svh,570px);
    padding:24px 22px 20px;
    border-radius:22px 22px 17px 17px;
  }
  .kind-scripture-page::before { inset:8px; border-radius:16px 16px 12px 12px; }
  .kind-scripture-page-depth { inset:6px -5px -7px 6px; box-shadow:5px 7px 0 -3px #ebe2d2,7px 9px 16px rgba(31,45,38,.09); }
  .kind-scripture-page-meta h1,.kind-scripture-page-theme { font-size:8px; letter-spacing:.11em; }
  .kind-scripture-page-copy { padding:20px 4px 28px; }
  .kind-scripture-page-copy blockquote { font-size:clamp(28px,7.4vw,37px); line-height:1.16; }
  .kind-scripture-page.is-long .kind-scripture-page-copy blockquote { font-size:clamp(24px,6.4vw,32px); line-height:1.2; }
  .kind-scripture-page.is-very-long .kind-scripture-page-copy blockquote { font-size:clamp(20px,5.35vw,27px); line-height:1.28; }
  .kind-scripture-page.is-extra-long .kind-scripture-page-copy blockquote { font-size:clamp(17px,4.5vw,22px); line-height:1.38; }
  .kind-scripture-page-arabic { margin-bottom:20px; font-size:clamp(26px,7vw,36px); line-height:1.78; }
  .kind-scripture-page-footer { min-height:37px; padding-top:11px; }
  .kind-scripture-page-footer small { max-width:25ch; font-size:9px; }
  .kind-scripture-page--quran { border-radius:88px 88px 18px 18px/35px 35px 18px 18px; }
  .kind-scripture-page--quran::before { inset:8px; border-radius:80px 80px 12px 12px/30px 30px 12px 12px; }
  .detail-hero:has(> .kind-scripture-reader) > .kind-page-turn { width:calc(100% + 2px); }
  .detail-hero:has(> .kind-scripture-reader) > .kind-page-turn .kind-page-turn-link { width:44px; min-width:44px; height:44px; min-height:44px; }
  .detail-hero:has(> .kind-scripture-reader) > .kind-page-turn .kind-page-turn-progress { margin-bottom:23px; padding:4px 8px; }
  .detail-hero:has(> .kind-scripture-reader) > .kind-page-turn .kind-page-turn-progress b { font-size:14px; }
  .detail-hero:has(> .kind-scripture-reader) > .detail-copy { padding:0; }
  .detail-hero:has(> .kind-scripture-reader) > .detail-copy .verse-engagement { padding:7px; border-radius:14px; }
}

@media (max-width:380px) {
  .kind-scripture-page { min-height:430px; padding:21px 18px 18px; }
  .kind-scripture-page-copy { padding-inline:3px; }
  .kind-scripture-page-copy blockquote { font-size:clamp(25px,7.2vw,31px); }
  .kind-scripture-page.is-extra-long .kind-scripture-page-copy blockquote { font-size:16px; }
}

@media (prefers-reduced-motion:reduce) {
  .kind-scripture-page,.kind-scripture-page * { scroll-behavior:auto; }
}

/* KIND SEAMLESS PAGE TURN + FULL-WIDTH SHARE — 2.6.1 */
/* Keep the outgoing document painted until the prefetched page can replace it. */
@view-transition { navigation:auto; }
::view-transition-old(root) { animation:kind-document-out 160ms ease-out both; }
::view-transition-new(root) { animation:kind-document-in 200ms ease-out both; }
@keyframes kind-document-out { to { opacity:.985; } }
@keyframes kind-document-in { from { opacity:.985; } }

/* Detail pages reserve the available row for the three useful share actions. */
.detail-hero:has(> .kind-scripture-reader) > .detail-copy .share-suite.share-panel {
  width:100%;
}
.detail-hero:has(> .kind-scripture-reader) > .detail-copy .share-suite.share-panel > .share-primary-options {
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr)) 44px;
  gap:7px;
}
.detail-hero:has(> .kind-scripture-reader) > .detail-copy .share-suite.share-panel .share-primary-options > .share-quick-action,
.detail-hero:has(> .kind-scripture-reader) > .detail-copy .share-suite.share-panel .share-primary-options > .share-more > .share-toggle {
  width:100%;
  min-width:0;
  padding-inline:10px;
}
.detail-hero:has(> .kind-scripture-reader) > .detail-copy .share-suite.share-panel .share-primary-options > .share-quick-action > .button-label {
  position:static;
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  overflow:visible;
  clip:auto;
  clip-path:none;
  border:0;
  white-space:nowrap;
}
.detail-hero:has(> .kind-scripture-reader) > .detail-copy .share-suite.share-panel .share-primary-options > .share-more > .share-toggle > .button-label {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  border:0;
  white-space:nowrap;
}

@media (max-width:520px) {
  .detail-hero:has(> .kind-scripture-reader) > .detail-copy .verse-engagement {
    grid-template-columns:minmax(0,1fr) 44px;
    gap:7px;
  }
  .detail-hero:has(> .kind-scripture-reader) > .detail-copy .share-suite.share-panel > .share-primary-options {
    grid-template-columns:repeat(3,minmax(0,1fr)) 42px;
    gap:5px;
  }
  .detail-hero:has(> .kind-scripture-reader) > .detail-copy .share-suite.share-panel .share-primary-options > .share-quick-action,
  .detail-hero:has(> .kind-scripture-reader) > .detail-copy .share-suite.share-panel .share-primary-options > .share-more > .share-toggle {
    min-height:42px;
    height:42px;
    padding-inline:5px;
    gap:4px;
    border-radius:11px;
    font-size:clamp(8px,2.35vw,10px);
  }
  .detail-hero:has(> .kind-scripture-reader) > .detail-copy .share-suite.share-panel .share-primary-options .versekind-icon,
  .detail-hero:has(> .kind-scripture-reader) > .detail-copy .share-suite.share-panel .share-primary-options .ayahkind-icon {
    width:14px;
    height:14px;
  }
}

@media (prefers-reduced-motion:reduce) {
  ::view-transition-old(root),::view-transition-new(root) { animation:none; }
}

/*
 * KIND COHESIVE SHELL — 2.7.0
 * Shared shell alignment and surface hierarchy.
 *
 * Purpose: one calm canvas, one alignment rail and fewer nested cards across
 * home, library and account. The daily/personal Scripture remains the focal
 * surface. Detail-page reader, actions and reflection are intentionally out of
 * scope for this layer.
 */

:root {
  --kind-shell-canvas:#f5f4ee;
  --kind-shell-header:rgba(249,248,243,.92);
  --kind-shell-surface:#fffefa;
  --kind-shell-surface-soft:rgba(255,254,250,.7);
  --kind-shell-line:rgba(31,59,52,.13);
  --kind-shell-line-soft:rgba(31,59,52,.085);
  --kind-shell-shadow:0 10px 30px rgba(25,48,41,.045);
  --kind-shell-radius:16px;
  --kind-shell-max:1500px;
  --kind-shell-gutter:clamp(16px,2vw,28px);
  --kind-shell-space:clamp(20px,2.4vw,34px);
}

html:has(body.home),
html:has(#content.library-page),
html:has(#content.account-page) {
  background:var(--kind-shell-canvas);
}

body.home,
body:has(#content.library-page),
body:has(#content.account-page),
.library-page,
.account-page {
  background:var(--kind-shell-canvas);
}

/* The header is an orientation rail, not another floating panel. */
.site-header {
  border-right:0;
  border-bottom:1px solid var(--kind-shell-line);
  border-left:0;
  border-radius:0;
  background:var(--kind-shell-header);
  box-shadow:none;
}

.header-global-search input,
.mobile-language-switcher>summary,
.language-switcher {
  border-color:var(--kind-shell-line);
  background:rgba(255,255,255,.72);
  box-shadow:none;
}

/* Home: keep the established desktop platform grid, flatten its scaffolding. */
@media (min-width:901px) {
  .site-header,
  body.home #content[data-engagement-surface="home"],
  .library-hero,
  .library-results,
  .account-dashboard-hero,
  .account-quick-nav,
  .personal-verse,
  .personal-ayah,
  .account-status,
  .account-preferences,
  .account-connections {
    width:min(var(--kind-shell-max),calc(100% - (var(--kind-shell-gutter) * 2)));
    box-sizing:border-box;
    margin-inline:auto;
  }

  body.home #content[data-engagement-surface="home"] {
    margin-block:0;
    padding:var(--kind-shell-space) 0 clamp(42px,5vw,72px);
    gap:var(--kind-shell-space) clamp(16px,1.6vw,24px);
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .home-intent-panel {
    padding:2px 0 18px;
    border:0;
    border-bottom:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .home-daily-hero {
    border-color:var(--kind-shell-line);
    border-radius:var(--kind-shell-radius);
    background:var(--kind-shell-surface);
    box-shadow:var(--kind-shell-shadow);
  }

  body.home #content[data-engagement-surface="home"] .category-section {
    padding:2px 16px 18px 0;
    border:0;
    border-right:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .category-card {
    border-color:transparent;
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .verse-section,
  body.home #content[data-engagement-surface="home"] .ayah-section {
    padding:22px 0 0;
    border:0;
    border-top:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .feed-card {
    border-color:var(--kind-shell-line-soft);
    background:var(--kind-shell-surface);
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .newsletter-section {
    padding:22px 0 0;
    border:0;
    border-top:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .newsletter-form-card {
    border-color:var(--kind-shell-line);
    border-radius:var(--kind-shell-radius);
    background:var(--kind-shell-surface-soft);
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .home-latest-list>a {
    border:0;
    border-bottom:1px solid var(--kind-shell-line-soft);
    border-radius:0;
    background:transparent;
  }

  body.home #content[data-engagement-surface="home"] .home-latest-list>a:last-child {
    border-bottom:0;
  }

  body.home #content[data-engagement-surface="home"] .home-rail-share {
    padding:14px 0 0;
    border:0;
    border-top:1px solid var(--kind-shell-line-soft);
    border-radius:0;
    background:transparent;
  }

  body.home #content[data-engagement-surface="home"] .home-supporting-content {
    padding:var(--kind-shell-space) 0 0;
    border:0;
    border-top:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .faq-list details {
    border:0;
    border-bottom:1px solid var(--kind-shell-line-soft);
    border-radius:0;
    background:transparent;
  }

  /* Library intro and results read as two sections on one page, not cards in a card. */
  .library-hero.compact-page-intro {
    width:min(var(--kind-shell-max),calc(100% - (var(--kind-shell-gutter) * 2)));
    margin-top:0;
    padding:clamp(24px,3vw,42px) 0 var(--kind-shell-space);
    border:0;
    border-bottom:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .library-results {
    margin-top:0;
    margin-bottom:0;
    padding:var(--kind-shell-space) 0 clamp(52px,6vw,84px);
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .library-results-toolbar {
    margin-bottom:14px;
  }

  .library-results .filter-row {
    margin-bottom:clamp(16px,2vw,24px);
    padding-bottom:16px;
    border-bottom:1px solid var(--kind-shell-line-soft);
  }

  .library-results .feed-card {
    border-color:var(--kind-shell-line);
    background:var(--kind-shell-surface);
    box-shadow:none;
  }

  .library-empty {
    border-color:var(--kind-shell-line);
    background:var(--kind-shell-surface);
    box-shadow:none;
  }

  /* Account: orientation and controls are flat; personal Scripture stays focal. */
  .account-page {
    padding:0 0 clamp(50px,6vw,86px);
  }

  .account-dashboard-hero {
    margin-bottom:0;
    padding:clamp(22px,2.5vw,36px) 0 18px;
    border:0;
    border-bottom:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .account-quick-nav {
    margin-top:16px;
    margin-bottom:var(--kind-shell-space);
    border-color:var(--kind-shell-line);
    border-radius:14px;
    background:var(--kind-shell-surface-soft);
    box-shadow:none;
  }

  .account-quick-nav a {
    border-color:var(--kind-shell-line-soft);
  }

  .account-status {
    margin-top:0;
    margin-bottom:var(--kind-shell-space);
    box-shadow:none;
  }

  .personal-verse,
  .personal-ayah {
    margin-bottom:var(--kind-shell-space);
    border-color:rgba(255,255,255,.13);
    border-radius:var(--kind-shell-radius);
    box-shadow:none;
  }

  .account-preferences,
  .account-connections {
    margin-bottom:0;
    padding:clamp(38px,5vw,70px) 0;
    border:0;
    border-top:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .account-preferences-form {
    border-color:var(--kind-shell-line);
    border-radius:var(--kind-shell-radius);
    background:var(--kind-shell-surface);
    box-shadow:none;
  }

  .account-saved-link {
    border-color:var(--kind-shell-line);
    border-radius:14px;
    background:var(--kind-shell-surface-soft);
    box-shadow:none;
  }

  /* Logged-out account: remove the decorative wrapper-within-wrapper. */
  .account-login-hero {
    min-height:0;
    padding:clamp(54px,7vw,96px) max(var(--kind-shell-gutter),calc((100vw - var(--kind-shell-max))/2));
  }

  .account-login-window {
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
  }

  .account-login-card {
    padding:clamp(38px,4vw,58px);
    border:1px solid rgba(31,59,52,.12);
    border-radius:22px;
    box-shadow:var(--kind-shell-shadow);
  }

  .account-preview {
    padding:clamp(52px,6vw,82px) max(var(--kind-shell-gutter),calc((100vw - var(--kind-shell-max))/2));
    border-top:1px solid var(--kind-shell-line);
    background:var(--kind-shell-canvas);
  }
}

@media (min-width:1000px) {
  body.home #content[data-engagement-surface="home"] .newsletter-section {
    padding:2px 0 18px 18px;
    border-top:0;
    border-left:1px solid var(--kind-shell-line);
  }
}

/* Tablet keeps the same edge rail without introducing another wrapper surface. */
@media (min-width:681px) and (max-width:900px) {
  .site-header,
  body.home #content[data-engagement-surface="home"] .home-intent-panel,
  body.home #content[data-engagement-surface="home"] .home-daily-hero,
  body.home #content[data-engagement-surface="home"] .verse-section,
  body.home #content[data-engagement-surface="home"] .ayah-section,
  body.home #content[data-engagement-surface="home"] .newsletter-section,
  body.home #content[data-engagement-surface="home"] .home-supporting-content,
  .library-hero,
  .library-results,
  .account-dashboard-hero,
  .account-quick-nav,
  .personal-verse,
  .personal-ayah,
  .account-status,
  .account-preferences,
  .account-connections {
    width:calc(100% - (var(--kind-shell-gutter) * 2));
    box-sizing:border-box;
    margin-inline:auto;
  }

  body.home #content[data-engagement-surface="home"] .verse-section,
  body.home #content[data-engagement-surface="home"] .ayah-section,
  body.home #content[data-engagement-surface="home"] .newsletter-section,
  body.home #content[data-engagement-surface="home"] .home-supporting-content,
  .library-results,
  .account-dashboard-hero,
  .account-preferences,
  .account-connections {
    border-right:0;
    border-left:0;
    border-radius:0;
    box-shadow:none;
  }

  .library-hero.compact-page-intro {
    padding-right:0;
    padding-left:0;
    border:0;
    border-bottom:1px solid var(--kind-shell-line);
    border-radius:0;
    box-shadow:none;
  }

  .library-results {
    margin-top:0;
    padding-right:0;
    padding-left:0;
    background:transparent;
  }
}

/* Mobile: one 16px rail, restrained separators and only meaningful cards. */
@media (max-width:680px) {
  :root {
    --kind-shell-gutter:16px;
    --kind-shell-space:24px;
  }

  body.home,
  body:has(#content.library-page),
  body:has(#content.account-page) {
    background:var(--kind-shell-canvas);
  }

  .site-header {
    width:100%;
    padding-inline:var(--kind-shell-gutter);
    background:var(--kind-shell-header);
    box-shadow:none;
  }

  .mobile-bottom-nav {
    right:var(--kind-shell-gutter);
    left:var(--kind-shell-gutter);
    border-color:rgba(31,59,52,.13);
    background:rgba(251,251,247,.9);
    box-shadow:0 8px 24px rgba(22,44,37,.11),inset 0 1px 0 rgba(255,255,255,.82);
  }

  body.home #content[data-engagement-surface="home"] {
    gap:0;
    background:transparent;
  }

  body.home #content[data-engagement-surface="home"] .home-intent-panel,
  body.home #content[data-engagement-surface="home"] .home-daily-hero,
  body.home #content[data-engagement-surface="home"] .verse-section,
  body.home #content[data-engagement-surface="home"] .ayah-section,
  body.home #content[data-engagement-surface="home"] .newsletter-section,
  body.home #content[data-engagement-surface="home"] .home-supporting-content,
  .library-hero,
  .library-results,
  .account-dashboard-hero,
  .account-quick-nav,
  .personal-verse,
  .personal-ayah,
  .account-status,
  .account-preferences,
  .account-connections {
    width:calc(100% - (var(--kind-shell-gutter) * 2));
    box-sizing:border-box;
    margin-inline:auto;
  }

  body.home #content[data-engagement-surface="home"] .home-intent-panel {
    margin-top:10px;
  }

  body.home #content[data-engagement-surface="home"] .home-daily-hero {
    margin-top:12px;
    border-color:var(--kind-shell-line);
    background:var(--kind-shell-surface);
    box-shadow:var(--kind-shell-shadow);
  }

  body.home #content[data-engagement-surface="home"] .category-section {
    width:100%;
    margin:var(--kind-shell-space) 0 0;
    padding:18px 0;
    border:0;
    border-top:1px solid var(--kind-shell-line);
    border-bottom:1px solid var(--kind-shell-line);
    border-radius:0;
    background:rgba(255,255,255,.28);
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .home-theme-heading,
  body.home #content[data-engagement-surface="home"] .category-grid {
    padding-right:var(--kind-shell-gutter);
    padding-left:var(--kind-shell-gutter);
    scroll-padding-left:var(--kind-shell-gutter);
  }

  body.home #content[data-engagement-surface="home"] .verse-section,
  body.home #content[data-engagement-surface="home"] .ayah-section {
    margin-top:var(--kind-shell-space);
    padding:20px 0 0;
    border:0;
    border-top:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .feed-card,
  .library-results .feed-card {
    border-color:var(--kind-shell-line-soft);
    background:var(--kind-shell-surface);
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .newsletter-section {
    margin-top:var(--kind-shell-space);
    padding:20px 0 0;
    border:0;
    border-top:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .newsletter-form-card {
    border-color:var(--kind-shell-line);
    background:var(--kind-shell-surface);
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .home-supporting-content {
    margin-top:var(--kind-shell-space);
    padding:20px 0 0;
    border:0;
    border-top:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body.home #content[data-engagement-surface="home"] .faq-list details {
    border:0;
    border-bottom:1px solid var(--kind-shell-line-soft);
    border-radius:0;
    background:transparent;
  }

  /* Explore: concise intro/search followed immediately by the content grid. */
  .library-page {
    padding-bottom:calc(72px + env(safe-area-inset-bottom));
  }

  .library-hero.compact-page-intro {
    margin-top:0;
    padding:18px 0;
    border:0;
    border-bottom:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .library-hero.compact-page-intro .library-search {
    margin-top:12px;
  }

  .library-results {
    margin-top:0;
    margin-bottom:0;
    padding:20px 0 calc(24px + env(safe-area-inset-bottom));
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .library-results-toolbar {
    margin-bottom:12px;
  }

  .library-results .filter-row {
    margin-bottom:14px;
    padding-bottom:14px;
    border-bottom:1px solid var(--kind-shell-line-soft);
  }

  .library-empty {
    padding:44px 20px;
    border-color:var(--kind-shell-line);
    border-radius:var(--kind-shell-radius);
    background:var(--kind-shell-surface);
    box-shadow:none;
  }

  /* Account chrome recedes; the personal Scripture remains the single feature. */
  .account-page {
    padding:0 0 calc(76px + env(safe-area-inset-bottom));
  }

  .account-dashboard-hero {
    margin-bottom:0;
    padding:16px 0 14px;
    border:0;
    border-bottom:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .account-quick-nav {
    margin-top:12px;
    margin-bottom:var(--kind-shell-space);
    border-color:var(--kind-shell-line);
    border-radius:14px;
    background:var(--kind-shell-surface-soft);
    box-shadow:none;
  }

  .account-status {
    margin-bottom:var(--kind-shell-space);
    box-shadow:none;
  }

  .personal-verse,
  .personal-ayah {
    margin-bottom:var(--kind-shell-space);
    border-color:rgba(255,255,255,.13);
    border-radius:var(--kind-shell-radius);
    box-shadow:none;
  }

  .account-preferences,
  .account-connections {
    margin-bottom:0;
    padding:var(--kind-shell-space) 0;
    border:0;
    border-top:1px solid var(--kind-shell-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .account-preferences-form {
    padding:18px 14px;
    border-color:var(--kind-shell-line);
    border-radius:var(--kind-shell-radius);
    background:var(--kind-shell-surface);
    box-shadow:none;
  }

  .account-saved-link {
    border-color:var(--kind-shell-line);
    border-radius:14px;
    background:var(--kind-shell-surface-soft);
    box-shadow:none;
  }

  .account-login-hero {
    min-height:0;
    padding:24px var(--kind-shell-gutter) 36px;
    gap:24px;
  }

  .account-login-window {
    width:100%;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
  }

  .account-login-card {
    padding:30px 18px 24px;
    border:1px solid rgba(31,59,52,.12);
    border-radius:20px;
    box-shadow:none;
  }

  .account-preview {
    padding:44px var(--kind-shell-gutter);
    border-top:1px solid var(--kind-shell-line);
    background:var(--kind-shell-canvas);
  }
}

@media (prefers-reduced-transparency:reduce) {
  .site-header,
  .mobile-bottom-nav,
  .header-global-search input,
  .mobile-language-switcher>summary,
  .language-switcher {
    background:var(--kind-shell-surface);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

@media (max-width:900px) {
  .library-hero.compact-page-intro {
    width:calc(100% - (var(--kind-shell-gutter) * 2));
    margin-inline:auto;
  }
}

/* KIND COHESIVE READING — 2.7.0 */
/* One reading rail joins Scripture, navigation, sharing and reflection. */
body:has(.detail-page .kind-scripture-reader) { background:var(--kind-shell-canvas,#f5f4ee); }
.detail-page.detail-page--reader {
  --reading-width:840px;
  width:min(var(--reading-width),calc(100% - 48px));
  margin:0 auto;
  padding:0 0 48px;
}
.detail-page.detail-page--reader > .detail-breadcrumbs {
  width:100%;
  margin:0;
  padding:20px 0 16px;
  min-height:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  font-size:9px;
  line-height:1.5;
  flex-wrap:wrap;
}
.detail-page .detail-hero.detail-reader-surface {
  width:100%;
  margin:0;
  padding:0;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"reader" "turn" "actions";
  gap:0;
}
.detail-page .kind-scripture-reader {
  width:100%;
  padding:0;
  margin:0;
}
.detail-page .kind-scripture-page {
  box-sizing:border-box;
  width:100%;
  min-height:410px;
  padding:28px clamp(28px,6vw,64px) 22px;
  border:1px solid rgba(58,73,62,.13);
  border-radius:18px 18px 0 0;
  background:linear-gradient(90deg,rgba(189,172,138,.1),transparent 4%,transparent 96%,rgba(189,172,138,.08)),#fbf8ef;
  box-shadow:none;
  overflow:hidden;
}
.detail-page .kind-scripture-page::before {
  inset:8px 8px 0;
  border:0;
  border-left:1px solid rgba(140,121,83,.13);
  border-right:1px solid rgba(140,121,83,.13);
  border-radius:10px 10px 0 0;
  background:none;
}
.detail-page .kind-scripture-page-depth { display:none; }
.detail-page .kind-scripture-page-meta { gap:20px; align-items:baseline; }
.detail-page .kind-scripture-page-meta h1,
.detail-page .kind-scripture-page-theme { font-size:10px; line-height:1.5; letter-spacing:.085em; }
.detail-page .kind-scripture-page-ornament { height:25px; margin-top:8px; opacity:.75; }
.detail-page .kind-scripture-page-copy { padding:30px 0 36px; width:100%; }
.detail-page .kind-scripture-page-copy blockquote {
  max-width:24ch;
  margin:0 auto;
  font-size:clamp(30px,4.4vw,44px);
  line-height:1.3;
  letter-spacing:-.026em;
  text-wrap:balance;
}
.detail-page .kind-scripture-page.is-long .kind-scripture-page-copy blockquote { font-size:clamp(27px,3.5vw,36px); line-height:1.36; }
.detail-page .kind-scripture-page.is-very-long .kind-scripture-page-copy blockquote { max-width:37ch; font-size:clamp(23px,2.8vw,30px); line-height:1.45; }
.detail-page .kind-scripture-page.is-extra-long .kind-scripture-page-copy blockquote { max-width:46ch; font-size:clamp(20px,2.4vw,26px); line-height:1.5; }
.detail-page .kind-scripture-page-footer { min-height:31px; padding-top:14px; gap:16px; }
.detail-page .kind-scripture-page-footer strong { font-size:9px; }
.detail-page .kind-scripture-page-footer small { font-size:10px; line-height:1.45; }
.detail-page .kind-scripture-page-volume { transform:scale(.82); transform-origin:left center; }
.detail-page .kind-scripture-page--quran { border-radius:32px 32px 0 0; background:linear-gradient(90deg,rgba(174,133,66,.09),transparent 5%,transparent 95%,rgba(174,133,66,.09)),#fbf8ed; }
.detail-page .kind-scripture-page--quran::before { border-radius:25px 25px 0 0; }
.detail-page .kind-scripture-page-arabic { font-size:clamp(28px,3.6vw,40px); line-height:1.9; margin-bottom:24px; }

/* The navigation is a real row; it can never drift across a longer passage. */
.detail-page .detail-hero.detail-reader-surface > .kind-page-turn {
  grid-area:turn;
  position:relative;
  width:100%;
  height:auto;
  min-height:64px;
  margin:0;
  padding:8px 20px;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  grid-template-rows:auto;
  gap:16px;
  align-items:center;
  border:1px solid rgba(58,73,62,.13);
  border-top:0;
  border-radius:0 0 18px 18px;
  background:#fbf8ef;
  box-shadow:0 3px 0 -1px #e8e4d8;
  pointer-events:auto;
}
.detail-page .detail-hero.detail-reader-surface > .kind-page-turn .kind-page-turn-slot { grid-row:1; }
.detail-page .detail-hero.detail-reader-surface > .kind-page-turn .kind-page-turn-progress {
  grid-row:1;
  align-self:center;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  font-size:11px;
}
.detail-page .detail-hero.detail-reader-surface > .kind-page-turn .kind-page-turn-link {
  width:auto;
  min-width:44px;
  height:44px;
  padding:0;
  gap:9px;
  box-shadow:none;
  border:0;
  background:transparent;
}
.detail-page .detail-hero.detail-reader-surface > .kind-page-turn .kind-page-turn-icon {
  width:40px;
  height:40px;
  flex-basis:40px;
  border:1px solid rgba(31,59,52,.15);
  background:transparent;
  color:var(--ink);
  box-shadow:none;
  font-size:27px;
}
.detail-page .detail-hero.detail-reader-surface > .kind-page-turn .kind-page-turn-copy { display:grid; }
.detail-page .kind-page-turn-copy small { font-size:9px; }
.detail-page .kind-page-turn-copy strong { font-size:12px; }

/* Primary sharing fills one row; saving joins the quieter discovery links. */
.detail-page .detail-hero.detail-reader-surface > .detail-copy { width:100%; margin:0; padding:20px 0 0; }
.detail-page .detail-hero.detail-reader-surface > .detail-copy .verse-engagement {
  width:100%;
  margin:0;
  padding:0;
  display:block;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.detail-page .detail-hero.detail-reader-surface > .detail-copy .share-suite.share-panel > .share-primary-options {
  grid-template-columns:minmax(0,1fr) minmax(60px,.65fr) minmax(0,1fr) 44px;
  gap:8px;
}
.detail-page .detail-hero.detail-reader-surface > .detail-copy .share-suite.share-panel .share-primary-options > .share-quick-action,
.detail-page .detail-hero.detail-reader-surface > .detail-copy .share-suite.share-panel .share-primary-options > .share-more > .share-toggle {
  height:46px;
  min-height:46px;
  padding:0 10px;
  border-radius:10px;
  gap:7px;
  font-size:12px;
  font-weight:650;
  background:transparent;
}
.detail-page .detail-secondary-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 20px; padding:10px 0 0; }
.detail-page .detail-secondary-actions > :is(.save-verse-button,.save-ayah-button) {
  width:auto;
  min-width:0;
  height:auto;
  min-height:44px;
  padding:6px 0;
  margin:0;
  display:inline-flex;
  justify-content:flex-start;
  gap:8px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--ink);
  font:650 12px/1.5 var(--app-ui);
}
.detail-page .detail-secondary-actions .save-label { display:inline; }
.detail-page .detail-secondary-actions .is-saved { color:#a75c43; }
.detail-page .detail-secondary-actions .save-inline-status { flex:1 0 100%; margin:0; }
.detail-page .detail-hero.detail-reader-surface > .detail-copy .detail-discovery-actions { margin:0; padding:0; gap:16px; }
.detail-page .detail-discovery-actions > :is(.outline-button,.text-link) { min-height:44px; margin:0; padding:6px 0; border:0; border-radius:0; box-shadow:none; background:transparent; font:600 11px/1.5 var(--app-ui); }
.detail-page .detail-hero.detail-reader-surface > .detail-copy .editorial-note { margin:8px 0 0; font-size:10px; line-height:1.6; color:var(--muted); }

.detail-page.detail-page--reader > :is(.reflection-section,.direct-related,.newsletter-inline,.related-verses,.related-ayahs,.verse-recirculation,.pinterest-arrival) {
  width:100%;
  max-width:none;
  margin:28px 0 0;
  padding:28px 0 0;
  border:0;
  border-top:1px solid var(--app-line);
  border-radius:0;
  background:transparent;
  color:var(--ink);
  box-shadow:none;
}
.detail-page.detail-page--reader > .reflection-section { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.detail-page .reflection-section > div { min-width:0; }
.detail-page .reflection-section .section-kicker { margin-bottom:8px; font-size:9px; }
.detail-page .reflection-section h2 { margin:0; max-width:none; font-size:clamp(25px,3.1vw,32px); line-height:1.2; }
.detail-page .reflection-section > div:last-child { max-width:68ch; font-size:17px; line-height:1.75; }
.detail-page .reflection-section p { margin:0 0 16px; }
.detail-page .reflection-section .prompt { margin:0 0 16px; padding:0; border:0; font-size:15px; line-height:1.7; color:#68736c; }
.detail-page .reflection-section .text-link { font:650 12px/1.6 var(--app-ui); }
.detail-page .direct-related-card { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; grid-template-columns:80px minmax(0,1fr) 24px; gap:20px; }
.detail-page .direct-related-image { width:80px; height:112px; border-radius:8px; }
.detail-page .direct-related-image img { width:100%; height:100%; object-fit:contain; }
.detail-page .direct-related-copy h2 { margin:6px 0; font-size:24px; line-height:1.25; }
.detail-page .direct-related-copy p { font-size:15px; line-height:1.6; }
.detail-page.detail-page--reader > .newsletter-inline { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; }
.detail-page .newsletter-inline h2 { margin:8px 0 12px; font-size:27px; line-height:1.25; }
.detail-page .newsletter-inline-copy > p { font-size:14px; line-height:1.7; }
.detail-page .newsletter-inline-form { padding:18px; border:0; border-radius:12px; box-shadow:none; background:#eef2eb; }
.detail-page .newsletter-inline-trust { gap:10px; font-size:10px; }
.detail-page .related-verses > .section-heading,.detail-page .related-ayahs > .section-heading { align-items:start; gap:16px; margin-bottom:20px; }
.detail-page :is(.related-verses,.related-ayahs) h2 { margin:6px 0; font-size:27px; line-height:1.25; }
.detail-page :is(.related-verse-grid,.related-ayah-grid) { width:100%; max-width:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.detail-page :is(.related-verse-grid,.related-ayah-grid) > article { min-width:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.detail-page :is(.related-verse-copy,.related-ayah-copy) { padding:14px 0; }
.detail-page :is(.related-verse-copy,.related-ayah-copy) strong { font-size:18px; line-height:1.5; }

@media (max-width:900px) {
  .detail-page.detail-page--reader { width:calc(100% - 32px); padding-bottom:30px; }
  .detail-page.detail-page--reader > .detail-breadcrumbs { padding:14px 0 12px; font-size:10px; }
  .detail-page .kind-scripture-page { min-height:340px; padding:22px 25px 18px; border-radius:15px 15px 0 0; }
  .detail-page .kind-scripture-page-meta h1,.detail-page .kind-scripture-page-theme { font-size:10px; }
  .detail-page .kind-scripture-page-copy { padding:22px 0 26px; }
  .detail-page .kind-scripture-page-copy blockquote { font-size:clamp(26px,7.4vw,34px); line-height:1.33; }
  .detail-page .kind-scripture-page.is-long .kind-scripture-page-copy blockquote { font-size:clamp(24px,6.5vw,30px); }
  .detail-page .kind-scripture-page.is-very-long .kind-scripture-page-copy blockquote { font-size:clamp(21px,5.8vw,27px); }
  .detail-page .kind-scripture-page.is-extra-long .kind-scripture-page-copy blockquote { font-size:clamp(19px,5.2vw,24px); }
  .detail-page .kind-scripture-page-footer { min-height:27px; padding-top:12px; }
  .detail-page .kind-scripture-page-footer small { font-size:9px; }
  .detail-page .detail-hero.detail-reader-surface > .kind-page-turn { min-height:57px; padding:5px 16px 8px; border-radius:0 0 15px 15px; }
  .detail-page .detail-hero.detail-reader-surface > .kind-page-turn .kind-page-turn-copy { display:none; }
  .detail-page .detail-hero.detail-reader-surface > .detail-copy { padding-top:18px; }
  .detail-page .detail-hero.detail-reader-surface > .detail-copy .share-suite.share-panel .share-primary-options > .share-quick-action,
  .detail-page .detail-hero.detail-reader-surface > .detail-copy .share-suite.share-panel .share-primary-options > .share-more > .share-toggle { font-size:11px; padding-inline:6px; gap:5px; }
  .detail-page .detail-secondary-actions { gap:6px 12px; padding-top:6px; }
  .detail-page .detail-secondary-actions .detail-discovery-actions { flex:0 1 auto; }
  .detail-page .detail-discovery-actions > :is(.outline-button,.text-link) { text-align:left; }
  .detail-page.detail-page--reader > :is(.reflection-section,.direct-related,.newsletter-inline,.related-verses,.related-ayahs,.verse-recirculation,.pinterest-arrival) { margin-top:22px; padding-top:22px; }
  .detail-page .reflection-section > div:last-child { font-size:16px; line-height:1.75; }
  .detail-page .reflection-section .prompt { font-size:14px; }
  .detail-page.detail-page--reader > .newsletter-inline { grid-template-columns:minmax(0,1fr); gap:18px; }
  .detail-page .direct-related-card { grid-template-columns:64px minmax(0,1fr) 16px; gap:14px; }
  .detail-page .direct-related-image { width:64px; height:92px; }
  .detail-page .direct-related-copy h2 { font-size:21px; }
  .detail-page .direct-related-copy p { font-size:14px; }
  .detail-page :is(.related-verse-grid,.related-ayah-grid) { gap:14px; }
  .detail-page :is(.related-verse-copy,.related-ayah-copy) strong { font-size:16px; line-height:1.45; }
}
.detail-page .detail-hero.detail-reader-surface > .kind-page-turn--quran .kind-page-turn-icon {
  color:#756139;
  border-color:rgba(154,122,63,.35);
}
@media (max-width:359px) {
  .detail-page.detail-page--reader { width:calc(100% - 24px); }
  .detail-page .kind-scripture-page { padding-inline:20px; }
  .detail-page .detail-hero.detail-reader-surface > .detail-copy .share-suite.share-panel > .share-primary-options { grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px; gap:5px; }
}