/*
 * 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; }
}

@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; }
}