/* KIND 2.8.0 — one reading experience, extending the existing 2.7.1 shell. */
body.home #content.warm-home[data-engagement-surface="home"] {
  --warm-ink:#203f35;
  --warm-muted:#5c6b64;
  --warm-line:var(--kind-shell-line,rgba(44,62,51,.14));
  box-sizing:border-box;
  display:block;
  width:min(840px,calc(100% - 48px));
  max-width:840px;
  margin:0 auto;
  padding:18px 0 64px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  color:var(--warm-ink);
}
.warm-home *, .warm-home *::before, .warm-home *::after { box-sizing:border-box; }
.warm-home :where(a,button,input):focus-visible { outline:2px solid #956746; outline-offset:4px; }
.warm-home :where(button,input,a) { -webkit-tap-highlight-color:transparent; }
.warm-home .warm-stage { margin:0; padding:0; background:none; }
.warm-home .warm-intro { margin:0 0 12px; padding:0; }
.warm-home .warm-intro h1 {
  margin:0; font:400 clamp(24px,2.4vw,30px)/1.2 Georgia,"Times New Roman",serif;
  letter-spacing:-.025em; color:var(--warm-ink); text-wrap:balance;
}
.warm-home .warm-intro>p { margin:6px 0 0; font-size:15px; line-height:1.5; color:var(--warm-muted); }
.warm-home .warm-intro-action { display:inline-flex; align-items:center; gap:8px; min-height:44px; margin:2px 0 0; color:var(--warm-ink); font-size:14px; font-weight:600; text-decoration:none; }
.warm-home .warm-intro-action svg { width:17px; height:17px; }
.warm-home .warm-intro-action:hover { text-decoration:underline; text-underline-offset:4px; }
.warm-home .warm-newsletter-copy .warm-ritual { font-weight:600; color:var(--warm-ink); }
.warm-home .warm-search { display:none; }
.warm-home .warm-daily { margin:0; }
.warm-home .warm-reader-themes {
  display:flex; align-items:center; gap:6px; min-width:0; max-width:100%;
  margin:0 0 10px; padding:3px 2px 5px; overflow-x:auto;
  scrollbar-width:thin; scroll-padding-inline:4px; overscroll-behavior-x:contain;
  scroll-margin-top:88px;
}
.warm-home .warm-reader-themes a {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
  min-height:40px; gap:6px; padding:8px 12px;
  border:1px solid var(--warm-line); border-radius:24px; background:#fffefa;
  color:var(--warm-ink); text-decoration:none; font-size:13px; font-weight:600; line-height:1.3;
}
.warm-home .warm-reader-themes a svg { width:16px; height:16px; flex:0 0 16px; color:#946644; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.warm-home .warm-reader-themes a[aria-current="true"] {
  background:#f4e4cf; border-color:#b99068; box-shadow:0 2px 5px rgba(96,65,35,.07);
}
.warm-home .warm-reader-themes a:hover { border-color:#b99068; }
.warm-home .warm-reader-themes a:focus-visible { outline-offset:-3px; }
@media(min-width:901px) { .warm-home .warm-themes { display:none; } }
.warm-home .warm-moment.kind-scripture-page {
  position:relative; display:block; width:100%; min-height:0; height:auto;
  padding:26px clamp(24px,5vw,52px) 34px;
  border:1px solid var(--warm-line); border-radius:18px 18px 0 0;
  background:linear-gradient(90deg,rgba(189,172,138,.09),transparent 4%,transparent 96%,rgba(189,172,138,.08)),#fbf8ef;
  box-shadow:none; overflow:hidden; color:var(--warm-ink);
}
.warm-home .warm-moment.kind-scripture-page::before {
  position:absolute; content:""; inset:8px 8px 0; pointer-events:none;
  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; box-shadow:none;
}
.warm-home .warm-moment-meta { display:flex; align-items:baseline; justify-content:space-between; gap:20px; }
.warm-home .warm-moment-meta span, .warm-home .warm-moment-meta h2 {
  margin:0; font:650 12px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.06em; text-transform:uppercase; color:var(--warm-muted);
}
.warm-home .warm-moment-meta h2 { text-align:right; overflow-wrap:anywhere; }
.warm-home .warm-ornament { margin:15px auto 0; color:#af8059; font-size:17px; text-align:center; }
.warm-home .warm-moment blockquote {
  width:100%; max-width:32ch; margin:23px auto 0; padding:0; border:0;
  font:400 clamp(28px,3.3vw,38px)/1.35 Georgia,"Times New Roman",serif;
  letter-spacing:-.015em; text-align:center; text-wrap:pretty; overflow-wrap:break-word; color:var(--warm-ink);
}
.warm-home .warm-moment.is-long blockquote { font-size:clamp(26px,3vw,34px); line-height:1.4; }
.warm-home .warm-moment.is-very-long blockquote { max-width:40ch; font-size:clamp(23px,2.6vw,30px); line-height:1.48; }
.warm-home .warm-arabic {
  margin:22px auto 16px; max-width:24em; font-family:"Noto Naskh Arabic","Geeza Pro","Traditional Arabic",serif;
  font-size:clamp(28px,3.7vw,40px); line-height:1.9; text-align:center; direction:rtl;
}
.warm-home .warm-translation { margin:12px 0 0; color:var(--warm-muted); font-size:12px; line-height:1.5; text-align:center; }
.warm-home .warm-moment--quran.kind-scripture-page { border-radius:30px 30px 0 0; background:linear-gradient(90deg,rgba(174,133,66,.09),transparent 5%,transparent 95%,rgba(174,133,66,.09)),#fbf8ed; }
.warm-home .warm-moment--quran blockquote { margin-top:14px; font-size:clamp(24px,2.8vw,31px); line-height:1.5; }
.warm-home .warm-daily>.kind-page-turn {
  position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  width:100%; min-height:66px; height:auto; margin:0; padding:10px 20px;
  border:1px solid var(--warm-line); border-top:0; border-radius:0;
  background:#fbf8ef; box-shadow:none; gap:12px;
}
.warm-home .kind-page-turn-slot { min-width:0; align-self:center; }
.warm-home .kind-page-turn-link {
  width:44px; height:44px; min-width:44px; min-height:44px; padding:0;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--warm-line); border-radius:50%; background:transparent; box-shadow:none;
}
.warm-home .kind-page-turn-icon { width:40px; height:40px; flex:0 0 40px; background:none; color:var(--warm-ink); }
.warm-home .kind-page-turn-copy { display:none; }
.warm-home .kind-page-turn-progress { align-self:center; margin:0; padding:0; border:0; background:none; box-shadow:none; font-size:12px; color:var(--warm-muted); }
.warm-home .kind-page-turn-progress b { font-size:15px; color:var(--warm-ink); }
.warm-home .warm-action-bar {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center;
  padding:18px 20px; border:1px solid var(--warm-line); border-top:0; border-radius:0 0 18px 18px; background:#fffefa;
}
.warm-home .warm-moment-actions { min-width:0; }
.warm-home .warm-moment-actions .share-suite.share-panel { width:100%; margin:0; padding:0; border:0; background:none; }
.warm-home .warm-moment-actions .share-suite .share-primary-options { width:100%; display:grid; grid-template-columns:minmax(0,1fr) minmax(44px,.55fr) minmax(0,1.15fr) 44px; gap:8px; }
.warm-home .warm-moment-actions .share-suite .share-primary-options>.share-quick-action,
.warm-home .warm-moment-actions .share-suite .share-primary-options>.share-more>.share-toggle {
  width:100%; min-width:0; height:44px; min-height:44px; padding:0 8px; gap:6px;
  border:1px solid var(--warm-line); border-radius:10px; color:var(--warm-ink);
  background:transparent; box-shadow:none; font-size:13px; line-height:1.2;
}
.warm-home .warm-moment-actions .share-suite .share-primary-options>.share-quick-action>.button-label {
  position:static; width:auto; height:auto; overflow:visible; clip:auto; clip-path:none; margin:0; white-space:nowrap;
}
.warm-home .warm-moment-actions .share-suite .share-primary-options>.share-more>.share-toggle>.button-label {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%);
}
.warm-home .warm-moment-actions .share-primary-options svg { width:17px; height:17px; flex-shrink:0; }
.warm-home .warm-moment-actions .share-x svg { display:none; }
.warm-home .warm-save :is(.save-verse-button,.save-ayah-button) {
  display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:0;
  height:44px; min-height:44px; margin:0; padding:0 14px; gap:8px; border:1px solid var(--warm-line);
  border-radius:10px; color:var(--warm-ink); background:transparent; box-shadow:none; font-size:13px; line-height:1.3;
}
.warm-home .warm-save .save-label { display:inline; }
.warm-home .warm-save :is(.save-verse-button,.save-ayah-button).is-saved { color:#fff; background:var(--warm-ink); border-color:var(--warm-ink); }
.warm-home .warm-reflection { padding:22px 2px 0; margin:0; }
.warm-home .warm-reflection>p { max-width:74ch; margin:0; font-size:16px; line-height:1.7; color:var(--warm-muted); }
.warm-home .warm-read { display:inline-flex; min-height:44px; align-items:center; gap:10px; margin:8px 0 0; color:var(--warm-ink); font-size:14px; font-weight:650; }
.warm-home .warm-read svg { width:18px; height:18px; }
.warm-home .warm-newsletter,
.warm-home .warm-themes,
.warm-home .warm-more,
body.home #content.warm-home[data-engagement-surface="home"]>.home-supporting-content {
  float:none; width:100%; max-width:none; margin:32px 0 0; padding:28px 0 0;
  border:0; border-top:1px solid var(--warm-line); border-radius:0; background:none; box-shadow:none;
}
.warm-home .warm-newsletter { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:20px 32px; align-items:start; }
.warm-home .warm-newsletter-copy { display:flex; align-items:flex-start; gap:12px; }
.warm-home .warm-mail-icon { display:flex; color:var(--warm-muted); padding-top:4px; flex-shrink:0; }
.warm-home .warm-mail-icon svg { width:23px; height:23px; }
.warm-home .warm-newsletter h2,
.warm-home .warm-themes h2,
.warm-home .warm-more h2,
body.home #content.warm-home[data-engagement-surface="home"]>.home-supporting-content h2 {
  margin:0; font:400 clamp(25px,2.5vw,30px)/1.2 Georgia,"Times New Roman",serif; letter-spacing:-.02em; color:var(--warm-ink);
}
.warm-home .warm-newsletter-copy p, .warm-home .warm-themes>p { margin:10px 0 0; color:var(--warm-muted); font-size:16px; line-height:1.6; }
.warm-home .warm-newsletter-form { min-width:0; }
.warm-home .newsletter-form>label:first-of-type { display:block; margin:0 0 8px; font-size:13px; line-height:1.4; color:var(--warm-muted); letter-spacing:0; text-transform:none; }
.warm-home .newsletter-form>div { display:flex; flex-wrap:wrap; padding:0; gap:8px; border:0; background:transparent; }
.warm-home .newsletter-form input[type="email"] { width:100%; flex:1 1 180px; min-width:0; min-height:46px; padding:11px 12px; border:1px solid var(--warm-line); border-radius:10px; background:#fffefa; color:var(--warm-ink); font-size:16px; }
.warm-home .newsletter-form button { width:100%; min-height:46px; margin:0; padding:11px 14px; border:0; border-radius:10px; background:var(--warm-ink); color:#fff; font-size:14px; line-height:1.4; white-space:normal; }
.warm-home .newsletter-form .newsletter-consent { display:flex; align-items:flex-start; min-height:44px; gap:9px; margin:10px 0 0; color:var(--warm-muted); font-size:13px; line-height:1.5; }
.warm-home .newsletter-consent input { width:18px; height:18px; flex:0 0 18px; margin:2px 0 0; }
.warm-home .warm-trust { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px 22px; color:var(--warm-muted); font-size:12px; line-height:1.5; }
.warm-home .warm-trust>span { display:inline-flex; align-items:center; gap:6px; }
.warm-home .warm-trust svg { width:14px; height:14px; }
.warm-home .warm-theme-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.warm-home .warm-theme-list a { display:inline-flex; min-height:44px; align-items:center; padding:10px 18px; border:1px solid rgba(46,63,50,.1); border-radius:24px; font-size:14px; line-height:1.4; color:var(--warm-ink); background:#e6ece6; text-decoration:none; }
.warm-home .warm-theme-list a[data-theme="peace"] { background:#e3ebe2; }
.warm-home .warm-theme-list a[data-theme="hope"] { background:#f3e6b8; }
.warm-home .warm-theme-list a[data-theme="love"], .warm-home .warm-theme-list a[data-theme="mercy"] { background:#efddda; }
.warm-home .warm-theme-list a[data-theme="faith"], .warm-home .warm-theme-list a[data-theme="guidance"] { background:#e3e0ec; }
.warm-home .warm-theme-list a[data-theme="strength"], .warm-home .warm-theme-list a[data-theme="trust"] { background:#dce7dd; }
.warm-home .warm-theme-list a[data-theme="courage"], .warm-home .warm-theme-list a[data-theme="patience"] { background:#eddccd; }
.warm-home .warm-theme-list a[data-theme="gratitude"] { background:#f3e9c8; }
.warm-home .warm-theme-list a[data-theme="wisdom"], .warm-home .warm-theme-list a[data-theme="forgiveness"] { background:#dbe8e8; }
.warm-home .warm-theme-list a[data-theme="healing"], .warm-home .warm-theme-list a[data-theme="prayer"] { background:#dceae5; }
.warm-home .warm-theme-list a[data-theme="purpose"], .warm-home .warm-theme-list a[data-theme="family"], .warm-home .warm-theme-list a[data-theme="hereafter"] { background:#e6e9d5; }
.warm-home .warm-more>header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 18px; }
.warm-home .warm-more>header>a { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:14px; line-height:1.4; color:var(--warm-ink); }
.warm-home .warm-more>header>a svg { width:17px; height:17px; }
.warm-home .warm-more-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.warm-home .warm-more-grid>article { min-width:0; margin:0; padding:0; border:0; background:none; box-shadow:none; }
.warm-home .warm-more-grid>article>a { display:flex; align-items:flex-start; gap:12px; min-width:0; padding:0; color:var(--warm-ink); text-decoration:none; }
.warm-home .warm-more-grid img { width:64px; height:96px; flex:0 0 64px; object-fit:contain; border-radius:6px; }
.warm-home .warm-more-grid>article>a>div { min-width:0; }
.warm-home .warm-more-grid h3 { margin:0; font:400 21px/1.2 Georgia,"Times New Roman",serif; color:var(--warm-ink); }
.warm-home .warm-more-grid blockquote { display:block; margin:8px 0; padding:0; border:0; font:400 15px/1.6 Georgia,"Times New Roman",serif; color:var(--warm-muted); }
.warm-home .warm-more-grid>article>a>div>span { display:inline-flex; align-items:center; gap:7px; min-height:44px; font-size:13px; line-height:1.4; color:var(--warm-ink); }
.warm-home .warm-more-grid>article>a>div>span svg { width:16px; height:16px; }
body.home #content.warm-home[data-engagement-surface="home"]>.home-supporting-content { display:block; }
.warm-home .about-copy { margin-top:12px; }
.warm-home .about-copy p, .warm-home .faq-list p { font-size:16px; line-height:1.7; color:var(--warm-muted); }
.warm-home .values-grid { display:flex; flex-wrap:wrap; gap:24px; margin-top:18px; border:0; }
.warm-home .values-grid article { flex:1; padding:0; border:0; background:none; }
.warm-home .values-grid article>span { display:none; }
.warm-home .values-grid h3 { font-size:16px; }
.warm-home .section-kicker { font-size:12px; margin-bottom:8px; }
body.home #content.warm-home[data-engagement-surface="home"] .faq-list details { padding:16px 0; border:0; border-bottom:1px solid var(--warm-line); border-radius:0; background:none; }
.warm-home .faq-list summary { min-height:44px; align-items:center; font-size:16px; line-height:1.5; }
@media(max-width:900px) {
  body.home #content.warm-home[data-engagement-surface="home"] { width:calc(100% - 32px); padding-top:18px; }
  .warm-home .warm-intro { margin-bottom:10px; }
  .warm-home .warm-intro h1 { font-size:26px; }
  .warm-home .warm-search { display:grid; grid-template-columns:minmax(0,1fr) 46px; gap:8px; margin:0; }
  .warm-home .warm-search input { width:100%; min-width:0; height:46px; padding:0 13px; border:1px solid var(--warm-line); border-radius:10px; background:#fffefa; font-size:16px; color:var(--warm-ink); }
  .warm-home .warm-search button { display:flex; align-items:center; justify-content:center; width:46px; height:46px; padding:0; border:0; border-radius:10px; background:var(--warm-ink); color:#fff; }
  .warm-home .warm-search button svg { width:20px; height:20px; }
}
@media(max-width:600px) {
  body.home #content.warm-home[data-engagement-surface="home"] { padding-bottom:calc(84px + env(safe-area-inset-bottom)); }
  .warm-home .warm-intro h1 { font-size:24px; line-height:1.2; }
  .warm-home .warm-intro>p { margin-top:7px; font-size:16px; line-height:1.5; }
  .warm-home .warm-moment.kind-scripture-page { padding:20px 25px 28px; border-radius:15px 15px 0 0; }
  .warm-home .warm-moment-meta { gap:12px; }
  .warm-home .warm-moment-meta span,.warm-home .warm-moment-meta h2 { font-size:12px; letter-spacing:.035em; }
  .warm-home .warm-moment blockquote { margin-top:18px; font-size:28px; line-height:1.38; }
  .warm-home .warm-moment.is-long blockquote { font-size:26px; }
  .warm-home .warm-moment.is-very-long blockquote { font-size:23px; line-height:1.5; }
  .warm-home .warm-moment--quran blockquote { font-size:24px; line-height:1.5; }
  .warm-home .warm-daily>.kind-page-turn { padding:8px 14px; min-height:62px; }
  .warm-home .warm-action-bar { grid-template-columns:minmax(0,1fr); padding:14px; gap:10px; border-radius:0 0 15px 15px; }
  .warm-home .warm-save :is(.save-verse-button,.save-ayah-button) { width:100%; border-color:transparent; }
  .warm-home .warm-moment-actions .share-suite .share-primary-options { grid-template-columns:minmax(0,1fr) minmax(44px,.55fr) minmax(0,1.15fr) 44px; gap:6px; }
  .warm-home .warm-moment-actions .share-suite .share-primary-options>.share-quick-action { flex-direction:column; padding:3px; gap:2px; font-size:12px; }
  .warm-home .warm-moment-actions .share-primary-options svg { width:15px; height:15px; }
  .warm-home .warm-reflection { padding-top:18px; }
  .warm-home .warm-newsletter { grid-template-columns:1fr; gap:18px; }
  .warm-home .warm-trust { gap:7px 14px; }
  .warm-home .warm-more>header { flex-wrap:wrap; gap:4px; }
  .warm-home .warm-more-grid { grid-template-columns:1fr; gap:0; }
  .warm-home .warm-more-grid>article { padding:18px 0; border-bottom:1px solid var(--warm-line); }
  .warm-home .warm-more-grid>article:first-child { padding-top:0; }
  .warm-home .warm-more-grid img { width:72px; height:108px; flex-basis:72px; }
  .warm-home .warm-more-grid blockquote { font-size:17px; line-height:1.5; }
}
@media(prefers-reduced-motion:reduce) {
  .warm-home *, .warm-home *::before, .warm-home *::after { animation:none; transition:none; scroll-behavior:auto; }
}
