/* ==========================================================================
   Daily Study: the pop-up with Dr. McGee's photo beside the invitation to
   Thru the Bible (Hannah's pick, 2 November 2026). It is a <dialog>, so the
   page behind it can't be reached while it is open.
   ========================================================================== */
.study{display:none;grid-template-columns:minmax(0,250px) minmax(0,1fr);width:min(700px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:hidden;border:0;border-radius:22px;background:var(--surface);box-shadow:0 30px 80px rgba(0,0,0,.35);color:var(--text)}
.study[open]{display:grid}
/* With scripts off, the Menu link still shows it, by its address. */
.study:target{display:grid;position:fixed;inset:0;z-index:300}
.study::backdrop{background:rgba(10,20,36,.55);backdrop-filter:blur(3px)}
.study-ph{position:relative;margin:0;min-height:100%}
.study-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:42% 30%;filter:saturate(.9)}
.study-ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;background:linear-gradient(transparent,rgba(12,18,28,.82));color:#fff;font:italic 400 .95rem/1.3 var(--f-display)}
.study-ph figcaption small{display:block;margin-top:2px;font:600 .72rem var(--f-body);font-style:normal;letter-spacing:.06em;opacity:.8}
.study-tx{position:relative;display:flex;flex-direction:column;min-width:0;padding:26px 28px 24px;overflow:auto}
.study-k{display:flex;align-items:center;gap:8px;margin:0;font:700 .7rem/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-strong)}
.study-petal{flex:none;width:22px;height:22px}
.study-petal .pf{fill:#f0a091}
.study-petal .pg{fill:none;stroke:#1d3a5f;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.study h2{margin:10px 40px 0 0;font:600 1.6rem/1.15 var(--f-display);color:var(--head);text-wrap:balance}
.study-lede{margin:10px 0 0;font-size:.98rem;line-height:1.6}
.study-lede b{color:var(--head)}
.study-week{margin:16px 0 0;padding:0;border-top:1px solid var(--line)}
.study-week div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line)}
.study-week dt{font:700 .68rem/1.3 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.study-week dd{margin:0;font-size:.95rem;color:var(--head)}
.study-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:18px}
.study-go{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--accent-strong);color:var(--bg);font:600 1rem var(--f-body)}
.study-go svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.study-later{min-height:44px;padding:0 4px;border:0;background:none;color:var(--muted);font:600 .95rem var(--f-body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.study-note{margin:12px 0 0;font-size:.78rem;color:var(--muted)}
.study-x{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--sunken);color:var(--head);cursor:pointer}
.study-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.study :focus-visible{outline-offset:3px}
@media(max-width:640px){
  .study{grid-template-columns:1fr;width:min(420px,calc(100% - 40px))}
  .study-ph{min-height:0;height:190px}
  .study-ph img{object-position:45% 28%}
  .study-x{top:12px;right:12px;background:rgba(255,255,255,.85);color:#1d3a5f}
  .study-tx{position:static;padding:20px;overflow:visible}
  .study{overflow:auto}
  .study-week div{grid-template-columns:104px minmax(0,1fr)}
}