.magazine-home { background: #fffaf5; }
.magazine-welcome { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 80px; padding-block: 32px 22px; }
.magazine-welcome > * { min-width: 0; }
.magazine-welcome h1 { color: var(--berry-dark); font-size: clamp(2rem,2.8vw,2.6rem); line-height: 1.5; letter-spacing: -.025em; margin: 0 0 10px; }
.magazine-welcome h1 span { text-decoration: underline; text-decoration-color: var(--brand-peach); text-decoration-thickness: 5px; text-underline-offset: 9px; }
.magazine-welcome__copy > p { max-width: 550px; color: var(--muted); font-size: .93rem; margin: 0; line-height: 2; }
.magazine-search label { display: block; color: var(--berry-dark); font-weight: 600; margin-bottom: 12px; font-size: .95rem; }
.magazine-search__field { display: flex; align-items: center; gap: 10px; padding: 7px 12px 7px 7px; background: #fff; border: 1px solid var(--brand-sage); border-radius: 12px; }
.magazine-search__field:focus-within { outline: 3px solid var(--berry); outline-offset: 3px; }
.magazine-search__field .icon { color: var(--berry); }
.magazine-search input { flex: 1; min-width: 0; padding: 10px 0; background: transparent; border: 0; color: var(--ink); font-size: .88rem; }
.magazine-search input:focus-visible { outline: none; }
.magazine-search button { min-height: 46px; padding: 10px 19px; color: #fff; background: var(--berry); border: 0; border-radius: 8px; font-weight: 600; transition: background .2s; }
.magazine-search button:hover { background: var(--berry-dark); }
.magazine-topics { position: relative; display: flex; flex-wrap: wrap; gap: 9px; padding-block: 0 28px; }
.magazine-topics a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 13px; background: #fff; border: 1px solid var(--line); border-radius: 9px; color: var(--berry-dark); font-size: .78rem; }
.magazine-topics a > span { color: var(--muted); font-size: .72rem; }
.magazine-topics a:hover { background: var(--sage-soft); border-color: var(--brand-sage); }
.cover-story { display: grid; grid-template-columns: .95fr 1.05fr; background: var(--berry); color: #fff; border-radius: 22px; overflow: hidden; }
.cover-story__copy { padding: 38px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.cover-story__category { color: #f8e5d6; font-size: .8rem; text-decoration: underline; text-underline-offset: 6px; margin-bottom: 17px; }
.cover-story h2 { font-size: clamp(1.7rem,2.6vw,2.35rem); line-height: 1.65; margin: 0 0 16px; color: #fff; }
.cover-story h2 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 7px; }
.cover-story__copy > p { color: var(--sage-soft); font-size: .9rem; line-height: 2; margin-bottom: 20px; }
.cover-story__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--sage-soft); font-size: .72rem; margin-bottom: 24px; }
.cover-story__meta .icon { width: 17px; height: 17px; }
.cover-story__meta time { margin-inline-start: 10px; }
.cover-story__read { display: flex; justify-content: space-between; align-items: center; gap: 32px; min-height: 46px; background: #f8e5d6; color: var(--berry-dark); border-radius: 9px; padding: 9px 18px; font-size: .86rem; font-weight: 700; }
.cover-story__read:hover { background: #fff; }
.cover-story :focus-visible { outline-color: #f8e5d6; }
.cover-story__image { position: relative; min-height: 420px; display: block; background: var(--sage-soft); overflow: hidden; }
.cover-story__image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cover-story__empty { display: grid; place-items: center; height: 100%; min-height: 320px; color: var(--berry); }
.cover-story__empty .icon { width: 56px; height: 56px; }
.magazine-quickreads { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 24px; }
.magazine-home .article-card { border: 0; border-radius: 14px; overflow: hidden; box-shadow: 0 5px 18px rgb(15 91 85 / 5%); }
.magazine-home .article-card:hover { box-shadow: 0 12px 28px rgb(15 91 85 / 11%); }
.magazine-home .article-card__body { padding: 22px; }
.magazine-home .article-card h2 { line-height: 1.8; font-size: 1.05rem; }
.magazine-home .article-card__category { font-size: .76rem; }
.magazine-home .article-card__media { height: 205px; }
.magazine-home .article-card__meta { font-size: .73rem; }
.magazine-quickreads .article-card { display: grid; grid-template-columns: 155px minmax(0,1fr); background: #fff; box-shadow: none; }
.magazine-quickreads .article-card__media { height: 100%; min-height: 190px; }
.magazine-quickreads .article-card__body { padding: 20px; }
.magazine-quickreads .article-card p { display: none; }
.magazine-quickreads .article-card h2 { font-size: .98rem; margin-bottom: 12px; }
.magazine-home .article-card__placeholder { display: grid; place-items: center; }
.magazine-home .article-card__placeholder::before { border-color: var(--brand-sage); }
.magazine-section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; margin-bottom: 26px; }
.magazine-section-heading h2 { color: var(--berry-dark); font-size: clamp(1.5rem,2.3vw,2rem); margin: 0; }
.magazine-section-heading > p { color: var(--muted); font-size: .85rem; margin: 0; }
.magazine-latest { padding-block: 64px; scroll-margin-top: 120px; }
.magazine-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 32px; font-size: .82rem; }
.magazine-pagination > span { color: var(--muted); }
.magazine-pagination a { min-height: 46px; display: inline-flex; align-items: center; gap: 24px; border: 1px solid var(--brand-sage); padding: 9px 19px; border-radius: 10px; color: var(--berry); background: #fff; font-weight: 600; }
.magazine-pagination a:hover { background: var(--sage-soft); }
.magazine-empty a { text-decoration: underline; }
.magazine-editors { background: #edf5ef; padding-block: 52px; }
.magazine-support { display: grid; grid-template-columns: 64px minmax(0,1fr) auto; gap: 24px; align-items: center; margin-block: 48px; padding: 30px; background: #f8e5d6; border-radius: 16px; }
.magazine-support__icon { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: #fffaf5; color: var(--berry); }
.magazine-support__icon .icon { width: 30px; height: 30px; }
.magazine-support h2 { color: var(--berry-dark); font-size: 1.3rem; margin: 0 0 8px; }
.magazine-support p { color: #435f55; font-size: .85rem; margin: 0; max-width: 640px; }
.magazine-support .button { border-radius: 10px; font-size: .85rem; white-space: nowrap; }
.cover-story__read .icon, .magazine-pagination .icon, .magazine-support .button .icon { width: 18px; height: 18px; transform: rotate(180deg); }
@media (max-width: 1000px) {
  .magazine-welcome { gap: 36px; }
  .cover-story__copy { padding: 28px; }
  .magazine-quickreads .article-card { grid-template-columns: 115px minmax(0,1fr); }
  .magazine-quickreads .article-card__body { padding: 16px; }
  .magazine-quickreads .article-card__meta { flex-wrap: wrap; gap: 4px 12px; }
  .magazine-support { grid-template-columns: 56px minmax(0,1fr); }
  .magazine-support .button { grid-column: 2; justify-self: start; }
}
@media (max-width: 700px) {
  .magazine-welcome { grid-template-columns: 1fr; gap: 22px; padding-block: 28px 20px; }
  .magazine-welcome h1 { font-size: 2rem; }
  .magazine-welcome__copy > p { font-size: .88rem; }
  .magazine-search label { font-size: .86rem; margin-bottom: 8px; }
  .magazine-topics { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; scrollbar-color: var(--brand-sage) transparent; padding-bottom: 18px; margin-bottom: 8px; }
  .magazine-topics a { flex-shrink: 0; }
  .cover-story { grid-template-columns: 1fr; border-radius: 16px; }
  .cover-story__image { grid-row: 1; height: 240px; min-height: 0; }
  .cover-story__copy { padding: 24px; }
  .cover-story h2 { font-size: 1.55rem; }
  .cover-story__copy > p { font-size: .85rem; }
  .cover-story__meta { margin-bottom: 18px; }
  .magazine-quickreads { grid-template-columns: 1fr; gap: 14px; margin-top: 16px; }
  .magazine-quickreads .article-card__media { min-height: 168px; }
  .magazine-section-heading { display: block; }
  .magazine-section-heading > p { margin-top: 8px; }
  .magazine-latest { padding-block: 42px; }
  .magazine-editors { padding-block: 38px; }
  .magazine-support { grid-template-columns: 1fr; padding: 24px; gap: 16px; margin-block: 32px; }
  .magazine-support .button { grid-column: 1; }
  .magazine-support__icon { width: 48px; height: 48px; }
}
@media (prefers-reduced-motion: no-preference) {
  .cover-story { animation: magazine-arrive .6s cubic-bezier(.16,1,.3,1); }
  @keyframes magazine-arrive { from { transform: translateY(12px); clip-path: inset(0 0 12px round 22px); } to { transform: translateY(0); clip-path: inset(0 round 22px); } }
}