/* 54 Point News v131 — story-first homepage with automatic fallback.
   This stylesheet changes presentation only; it does not alter feeds,
   editorial publishing, country discovery, translations, or navigation. */

@media (min-width: 1px) {
  body:has(.c-main > .c-briefing) .c-main {
    display: flex;
    flex-direction: column;
  }

  /* Normal hierarchy when an approved Story of the Day exists. */
  body:has(.c-main > .c-briefing) .c-main > .c-briefing {
    order: -90;
    padding: clamp(28px, 4vw, 52px) 0 clamp(34px, 5vw, 64px);
  }

  /* The approved daily feature leads the page. */
  body:has(.c-main > .c-briefing) .c-main > .c-today {
    order: -100;
    padding-top: clamp(34px, 5vw, 62px);
  }

  /* Today’s featured country follows Story of the Day and the newsroom. */
  body:has(.c-main > .c-briefing) .c-main > .c-destination-hero {
    order: -80;
    margin-top: clamp(32px, 5vw, 68px);
  }

  /* Safeguard: .c-country-connection is the country fallback, not a
     published Story of the Day. In that state the newsroom leads, the
     featured-country hero follows, and the fallback country feature stays
     in its original position instead of creating an empty lead area. */
  body:has(.c-main > .c-today .c-country-connection) .c-main > .c-briefing {
    order: -100;
  }

  body:has(.c-main > .c-today .c-country-connection) .c-main > .c-destination-hero {
    order: -90;
  }

  body:has(.c-main > .c-today .c-country-connection) .c-main > .c-today {
    order: 0;
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-section-heading {
    border-top: 3px solid var(--orange, #c44922);
    padding-top: 18px;
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-section-heading h2 {
    font-size: clamp(38px, 4.4vw, 64px);
    line-height: 1;
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-story-grid {
    background: #f7f4eb;
    box-shadow: 0 18px 44px rgb(29 52 42 / 7%);
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-headline:first-child {
    background: var(--green, #173a30);
    color: #fffdf5;
    padding-left: 24px;
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-headline:first-child :is(h3, a) {
    color: inherit;
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-headline:first-child :is(.c-headline-top, .c-headline-bottom, time, p) {
    color: rgb(255 253 245 / 78%);
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-headline:first-child .c-headline-top > span {
    color: #ef8a62;
  }

}

@media (max-width: 1020px) {
  body:has(.c-main > .c-briefing) .c-briefing .c-story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-headline {
    border-bottom: 1px solid var(--rule, #d7dcd0);
    min-height: 220px;
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-headline:nth-child(2n) {
    border-right: 0;
  }
}

@media (max-width: 600px) {
  body:has(.c-main > .c-briefing) .c-main {
    width: min(92%, 720px);
  }

  body:has(.c-main > .c-briefing) .c-main > .c-briefing {
    padding-top: 22px;
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-section-heading {
    padding-top: 12px;
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-section-heading h2 {
    font-size: clamp(36px, 11vw, 48px);
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-story-grid {
    grid-template-columns: 1fr;
  }

  body:has(.c-main > .c-briefing) .c-briefing .c-headline,
  body:has(.c-main > .c-briefing) .c-briefing .c-headline:first-child {
    min-height: 0;
    padding: 22px 18px !important;
  }

  body:has(.c-main > .c-briefing) .c-main > .c-today {
    padding-top: 30px;
  }

  body:has(.c-main > .c-briefing) .c-main > .c-destination-hero {
    margin-top: 36px;
  }
}