/* Closer to the original page's quieter heading scale, with this site's palette. */
h1, h2, h3 { font-weight: 700; }
.hero h1 { font-size: clamp(2.85rem, 4.65vw, 3.95rem); font-weight: 700; letter-spacing: -.042em; }
.section h2 { font-size: clamp(2rem, 3.4vw, 3.05rem); font-weight: 700; line-height: 1.09; letter-spacing: -.035em; }
.section h3 { font-size: clamp(1.18rem, 1.7vw, 1.43rem); font-weight: 700; line-height: 1.22; letter-spacing: -.018em; }
.hero .hero__qualifier { font-weight: 650; }
.hero .button--light, .hero .button--light:hover {
  color: #263425 !important;
  background: #fff9eb !important;
  border: 2px solid #d5ad5d !important;
  text-shadow: none;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

/* Section 2: introduction and wide photo on the left, reasons on the right. */
.original-split { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 42px; align-items: start; }
.original-split__intro .leadline { font-weight: 500; font-size: 1.08rem; line-height: 1.55; }
.original-photo-frame { margin: 22px 0 0; aspect-ratio: 16 / 11; overflow: hidden; border: 2px solid #c8a96a; border-radius: 24px; box-shadow: 0 18px 42px rgba(60,60,45,.15); background: #ded6c8; }
.original-photo-frame img { width: 100%; height: 100%; object-fit: cover; object-position: center 37%; }
.original-split__list { gap: 9px; }
.original-split__list li { padding: 11px 14px 11px 45px; border: 1px solid #d8ccb6; border-radius: 15px; background: #fbf7ef; color: #454a3b; font-size: 1rem; line-height: 1.42; }
.original-split__list li::before { top: 17px; left: 15px; }

/* Section 3: five-part map from the source composition. */
.original-section-head { max-width: 800px; margin-inline: 0; text-align: left; }
.signal-map { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; margin-top: 28px; }
.signal { min-height: 190px; padding: 19px; border: 1px solid #d8ccb6; border-radius: 20px; background: #fbf7ef; box-shadow: 0 12px 30px rgba(65,68,49,.08); }
.signal span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 15px; border-radius: 10px; background: #66704d; color: #fffaf0; font-size: .84rem; font-weight: 800; }
.signal:nth-child(2) span { background: #8b8456; }
.signal:nth-child(3) span { background: #b79350; }
.signal:nth-child(4) span { background: #526248; }
.signal:nth-child(5) span { background: #8a6e44; }
.signal h3 { margin: 0 0 10px; color: #3f4635; }
.signal p { margin: 0; color: #5b5b51; font-size: .94rem; line-height: 1.48; }

/* Section 5: full-width photographic warning with three legible cards. */
.warning-photo {
  color: #fffaf0;
  background-color: #233522;
  background-image: linear-gradient(105deg, rgba(18,35,22,.88), rgba(23,42,26,.73) 56%, rgba(24,42,25,.43)), url('/assets/warning-garden.webp');
  background-position: center;
  background-size: cover;
}
.warning-photo h2, .warning-photo .section__text { color: #fffaf0; text-shadow: 0 2px 16px rgba(0,0,0,.35); }
.warning-photo .eyebrow { color: #f0d28b; }
.warning-photo .section__text { max-width: 760px; }
.warning-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 29px; }
.warning-item { min-height: 150px; padding: 22px; border: 1px solid rgba(239,211,148,.62); border-radius: 20px; background: rgba(24,42,28,.77); box-shadow: 0 16px 36px rgba(10,23,12,.16); backdrop-filter: blur(10px); }
.warning-item h3 { margin: 0 0 10px; color: #f2d893; }
.warning-item p { margin: 0; color: #fffaf0; font-size: .98rem; line-height: 1.55; }

/* Compact numbered question circles before tariffs. */
.topics-section { background: #f4eee2; }
.topics-section .section__head { margin-bottom: 25px; }
.topics-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.topic-question { display: flex; gap: 11px; align-items: flex-start; min-height: 76px; padding: 12px; border: 1px solid rgba(200,169,106,.56); border-radius: 16px; background: #fbf7ef; }
.topic-question__number { display: grid; flex: 0 0 34px; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #fffaf0; background: #66704d; font-size: .83rem; font-weight: 800; }
.topic-question p { margin: 0; color: #3d4336; font-size: .96rem; line-height: 1.4; }
.topics-subhead { grid-column: 1 / -1; margin: 12px 0 3px; color: #66704d; }
.topics-more { display: none; }

@media (max-width: 1050px) {
  .signal-map { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .original-split { gap: 25px; }
}
@media (max-width: 760px) {
  .hero h1 { font-size: clamp(2.38rem, 9.5vw, 3.15rem); }
  .section h2 { font-size: clamp(1.85rem, 7.6vw, 2.55rem); }
  .original-split { grid-template-columns: 1fr; }
  .original-photo-frame { max-height: 420px; }
  .signal-map { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .signal { min-height: 0; padding: 15px; }
  .signal p { font-size: .9rem; }
  .warning-grid { grid-template-columns: 1fr; }
  .warning-item { min-height: 0; }
  .topics-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .topics-section:not(.is-expanded) .topics-grid > :nth-child(n+9) { display: none; }
  .topics-more { display: inline-flex; margin-top: 18px; }
}
@media (max-width: 480px) {
  .topics-grid { grid-template-columns: 1fr; }
  .topic-question { min-height: 0; }
}