/* Articole Amen: ilustrații și stiluri editoriale comune. */
.editorial-section { background: #f1eee6; border-block: 1px solid #e2ddcf; }
.editorial-section .section-wrap { padding-block: 76px; }
.editorial-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 32px; }
.editorial-heading h2 { margin-bottom: 0; }
.editorial-heading .text-link { flex-shrink: 0; }
.editorial-grid { display: grid; grid-template-columns: 1.18fr 1fr .88fr; gap: 24px; }
.editorial-card { min-width: 0; background: #fffdf8; border: 1px solid #e1dccf; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; }
.editorial-card > a { display: block; overflow: hidden; }
.editorial-card img { width: 100%; aspect-ratio: 1.6; object-fit: cover; transition: transform .3s; }
.editorial-card-body { padding: 25px; display: flex; flex-direction: column; flex: 1; align-items: start; }
.editorial-meta { font: 11px/1.65 var(--sans); color: #7a6036; letter-spacing: 1.15px; text-transform: uppercase; margin-bottom: 13px; }
.editorial-card h3 { font-size: 1.8rem; line-height: 1.18; }
.editorial-card h3 a { text-decoration: none; }
.editorial-card p:not(.editorial-meta) { font-size: .9375rem; color: #5b6570; line-height: 1.7; }
.editorial-card .text-link { margin-top: auto; }
.editorial-moment { background: var(--navy); color: #f9f0df; padding: 30px; border-color: #344151; }
.editorial-moment .editorial-meta { color: var(--gold); }
.editorial-moment blockquote { margin: 22px 0; font: italic 1.65rem/1.4 var(--serif); color: #f1d9b0; }
.editorial-moment .moment-origin { font-size: .75rem!important; color: #bac4cd!important; }
.editorial-moment .text-link { color: #efd5a7; border-color: #b2966460; }
.moment-mark { font-size: 28px; color: var(--gold); margin-bottom: 14px; }
.editorial-intro { padding: 54px 6% 43px; max-width: 1600px; margin: auto; }
.editorial-intro h1 { margin: 16px 0 22px; font-size: clamp(2.8rem,5.5vw,5rem); max-width: 900px; }
.editorial-intro .intro-copy { color: #5a6571; max-width: 580px; margin-bottom: 0; font-size: 1.0625rem; }
.editorial-intro .eyebrow { color: #7c6032; }
.editorial-listing { padding-top: 0; padding-bottom: 65px; }
.editorial-listing .editorial-grid { grid-template-columns: 1fr 1fr .9fr; }
.daily-section { background: #f0ede5; border-block: 1px solid #ded8cb; }
.daily-section .section-wrap { padding-block: 65px; }
.daily-section h2 { font-size: clamp(2.3rem,4vw,3.5rem); }
.daily-section .daily-intro { max-width: 660px; color: #5a6571; }
.daily-switcher { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 8px; margin: 26px 0 20px; }
.daily-switcher[hidden] { display: none; }
.daily-switcher button { min-height: 52px; padding: 8px 6px; border: 1px solid #cfc7b7; border-radius: 5px; background: #fffdf8; color: var(--ink); cursor: pointer; }
.daily-switcher button[aria-pressed="true"] { background: var(--navy); color: #f4d397; border-color: var(--navy); }
.daily-panel { padding: 32px; background: #fffdf8; border: 1px solid #ded8cb; border-radius: 8px; display: grid; grid-template-columns: 1fr .78fr; gap: 45px; align-items: center; }
.daily-panel[hidden] { display: none; }
.daily-panel h3 { font-size: 2rem; max-width: 570px; }
.daily-panel blockquote { margin: 0; font: italic 1.3rem/1.55 var(--serif); color: #665133; }
.daily-panel .quote-source { margin-top: 12px; font-size: 12px; color: #626d78; }
.daily-panel .moment-description { color: #5a6571; }
.article-top { max-width: 1160px; margin: auto; padding: 32px 6% 0; }
.article-top > a { font-size: 14px; text-underline-offset: 4px; }
.article-heading { max-width: 820px; padding: 32px 0; }
.article-heading h1 { font-size: clamp(2.65rem,4.9vw,4.5rem); margin-top: 15px; }
.article-heading .article-deck { font-size: 1.125rem; color: #5b6672; max-width: 680px; }
.article-cover { width: 100%; aspect-ratio: 2.3; object-fit: cover; border-radius: 8px; }
.article-image-note { font-size: 12px; color: #65707d; margin: 8px 0 0; }
.article-body { max-width: 750px; padding: 36px 28px 64px; margin: auto; font-size: 1.0625rem; line-height: 1.85; }
.article-body h2 { font-size: 2rem; line-height: 1.2; letter-spacing: -.025em; margin: 35px 0 16px; }
.article-body a { text-underline-offset: 4px; }
.article-body .article-lead { font-size: 1.2rem; color: #495663; }
.article-body blockquote { margin: 30px 0; padding: 20px 26px; border-left: 2px solid #b79555; background: #f0ede5; font: italic 1.45rem/1.5 var(--serif); }
.article-body blockquote cite { display: block; font: 12px/1.7 var(--sans); color: #626c76; margin-top: 12px; }
.article-try { padding: 25px; margin: 30px 0; background: var(--navy); color: #fbf3e6; border-radius: 7px; }
.article-try h2 { margin-top: 0; color: #f1d3a1; }
.article-try p { font-size: 1rem; color: #c0cad5; }
.article-try .button { font-size: .9375rem; text-decoration: none; }
.article-source { padding-top: 24px; border-top: 1px solid var(--line); font-size: .875rem; color: #65707a; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) { .editorial-card > a:hover img { transform: scale(1.025); } }
@media(max-width:1000px) {
  .editorial-grid,.editorial-listing .editorial-grid { grid-template-columns: 1fr 1fr; }
  .editorial-moment { grid-column: 1/-1; }
  .editorial-moment blockquote { max-width: 650px; }
}
@media(max-width:760px) {
  .editorial-section .section-wrap { padding-block: 48px; }
  .editorial-heading { align-items: start; flex-direction: column; gap: 20px; }
  .editorial-heading h2 { font-size: 2.65rem; }
  .editorial-grid,.editorial-listing .editorial-grid { grid-template-columns: 1fr; gap: 22px; }
  .editorial-card-body,.editorial-moment { padding: 24px; }
  .editorial-card h3 { font-size: 1.9rem; }
  .editorial-intro { padding: 36px 6% 32px; }
  .editorial-intro h1 { font-size: 3rem; }
  .editorial-listing { padding-top: 0; padding-bottom: 44px; }
  .daily-section .section-wrap { padding-block: 44px; }
  .daily-switcher { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
  .daily-switcher button { font-size: 14px; }
  .daily-panel { padding: 25px; grid-template-columns: 1fr; gap: 26px; }
  .daily-panel h3 { font-size: 1.85rem; }
  .daily-panel blockquote { font-size: 1.2rem; }
  .article-top { padding-top: 22px; }
  .article-heading { padding-block: 23px; }
  .article-heading h1 { font-size: 2.75rem; }
  .article-cover { aspect-ratio: 1.5; }
  .article-body { padding: 24px 6% 44px; }
  .article-body blockquote { padding: 20px; font-size: 1.3rem; }
}