.home-edition {
  margin-top: 20px;
  padding: clamp(20px, 4vw, 44px);
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(20px, 4vw, 48px);
  background: #27213e;
  color: #fff8e9;
  border-radius: 18px;
}
.edition-lead:only-child { grid-column: 1 / -1; }
.edition-date, .edition-prayer p { margin: 0 0 8px; color: #f1cd93; font-weight: 650; }
.home-edition h1 { margin: 0; font: 700 clamp(28px, 4.2vw, 50px)/1.23 var(--disp); color: inherit; overflow-wrap: anywhere; }
.edition-intro { margin: 12px 0; max-width: 55ch; line-height: 1.55; }
.edition-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 18px; }
.edition-actions a, .edition-listen { display: inline-flex; align-items: center; min-height: 44px; color: #fff2da; text-decoration: underline; text-underline-offset: 4px; }
.edition-actions .edition-read { gap: 10px; padding: 7px 17px; background: #ffe0a3; color: #33223a; border-radius: 24px; text-decoration: none; font-weight: 700; }
.home-edition a:focus-visible { outline: 3px solid #e8af55; outline-offset: 3px; }
.edition-prayer { display: flex; align-items: center; gap: 14px; border-inline-start: 1px solid #62556d; padding-inline-start: 22px; }
.edition-prayer img { display: block; width: clamp(76px, 8vw, 122px); aspect-ratio: 1; height: auto; object-fit: cover; border-radius: 12px; }
.edition-prayer h2 { margin: 0; font-size: clamp(17px, 1.7vw, 24px); line-height: 1.45; overflow-wrap: anywhere; }
.edition-prayer h2 a { color: #fff8e9; }
.home-search h2 { margin: 0 0 8px; }
#home-panchang { scroll-margin-top: 84px; }
@media (max-width: 720px) {
  .home-edition { grid-template-columns: 1fr; gap: 16px; margin-top: 12px; }
  .edition-prayer { border-inline-start: 0; border-top: 1px solid #62556d; padding: 14px 0 0; }
  .edition-prayer img { width: 72px; }
  .edition-prayer p { margin: 0 0 2px; font-size: 14px; }
}