/* =============================================================================
   DACC New Theme — News Detail
   Pass 34

   Canonical path:
   /_assets/css/main-theme/new/overrides/templates/news-detail.css

   News intentionally keeps a more editorial treatment than Event Detail while
   sharing the same New-theme panel and hierarchy language.
   ============================================================================= */

@import url("../components/detail-family.css");

/* Editorial header -------------------------------------------------------- */

.news-detail__header {
  position: relative;
  padding: clamp(1.25rem, 3vw, 2.25rem) clamp(1.25rem, 4vw, 2.75rem);
  border-inline-start: 0.45rem solid var(--color-gold);
  border-radius: 0 var(--detail-new-panel-radius) var(--detail-new-panel-radius) 0;
  background:
    linear-gradient(
      135deg,
      var(--detail-new-soft-blue),
      var(--color-white) 72%
    );
}

.news-detail__type {
  background: var(--color-primary-dark);
  color: var(--color-white);
}

.news-detail__date {
  color: var(--color-primary-dark);
}

.news-detail__title {
  color: var(--color-primary-dark);
}

.news-detail__summary {
  color: var(--color-text);
}

.news-detail__byline {
  border-inline-start-color: var(--color-gold);
}

.news-detail__author {
  color: var(--color-primary-dark);
}

/* Feature media ----------------------------------------------------------- */

.news-detail__image {
  border: 0.3rem solid var(--color-gold);
  border-radius: var(--detail-new-panel-radius);
  box-shadow: var(--detail-new-panel-shadow);
}

/* Supporting information ------------------------------------------------- */

.news-detail__taxonomy,
.news-detail__contact,
.news-detail__related {
  border-color: var(--detail-new-border-blue);
  background: var(--color-white);
}

.news-detail__taxonomy {
  border-block-start: 0.3rem solid var(--color-gold);
}

.news-detail__contact {
  background: var(--detail-new-soft-blue);
}

.news-detail__related {
  background: var(--detail-new-soft-gold);
}

.news-detail__taxonomy-item dt {
  color: var(--color-primary-dark);
}

.news-detail__related-list a,
.news-detail__contact-email a {
  color: var(--color-primary-dark);
  font-weight: var(--fw-bold);
}

.news-detail__related-list a:hover,
.news-detail__related-list a:focus,
.news-detail__contact-email a:hover,
.news-detail__contact-email a:focus {
  color: var(--color-accent);
}

@media (max-width: 640px) {
  .news-detail__header {
    padding: var(--space-lg);
  }
}

/* News-owned contact spacing: do not change placards on other page types. */
.news-detail .news-detail__contact-block { margin-top: var(--space-2xl, 3rem); }
.news-detail .news-detail__contact-block .contact-placard--news {
  display: block; width: 100%; min-width: 0; margin: 0; padding: 0;
  border: 1px solid var(--detail-new-border-blue, var(--color-border));
  border-radius: var(--detail-new-panel-radius, var(--radius-lg));
  background: var(--color-white); box-shadow: none;
}
.news-detail .news-detail__contact-block .contact-placard__inner {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem;
  padding: clamp(1.25rem, 3vw, 2rem); align-items: start;
}
.news-detail .news-detail__contact-block .contact-placard__content { min-width: 0; padding: 0; }
.news-detail .news-detail__contact-block .contact-placard__media {width: min(100%, 23rem);margin: 0;}
.news-detail .news-detail__contact-block .contact-placard__details { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: 1rem; margin: 1rem 0 0; }
.news-detail .news-detail__contact-block .contact-placard__detail { min-width: 0; margin: 0; padding: 0; }
.news-detail .news-detail__contact-block .contact-placard__details dd { margin: .25rem 0 0; overflow-wrap: anywhere; }
.news-detail .news-detail__contact-block .contact-placard__link { overflow-wrap: anywhere; }
@media (min-width: 40rem) {
  .news-detail .news-detail__contact-block .contact-placard__inner:has(> .contact-placard__media) {grid-template-columns: 23rem minmax(0, 1fr);}
}