/*

CPMA
page--newsroom.css

Created by Dmitri Bekasov on 2026-05-21
© Åerth Design

*/

.ct-news--filter {
  width: 100%;
  display: grid;
  grid-template: "legend control reset" auto / auto minmax(0, 1fr) auto;
  align-items: center;
  padding-inline: min(20vw / 3, 6rem);
  gap: 1rem;
}
@media screen and (max-width: 64rem) {
  .ct-news--filter {
    grid-template: "legend reset" auto "control control" auto / minmax(0, 1fr) auto;
  }
}
@media screen and (max-width: 37.5rem) {
  .ct-news--filter {
    padding-inline: var(--spacing--fluid-mobile);
  }
}
.ct-news--filter-legend {
  grid-area: legend;
}
.ct-news--filter-control {
  grid-area: control;
}
.ct-news--filter-reset {
  grid-area: reset;
}
.ct-form--group {
  gap: 1rem;
}
.ct-form--field {
  margin-top: 0;
  min-width: 10rem;
}
@media screen and (max-width: 54rem) {
  .ct-form--field-group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
}
@media screen and (max-width: 37.5rem) {
  .ct-form--field-group {
    grid-template-columns: 1fr;
  }
}
.ct-news--data {
  margin-top: var(--spacing--gap-2);
  width: min(60vw, 54rem);
}
@media screen and (max-width: 52.5rem) {
  .ct-news--data {
    flex: 1;
  }
}
.ct-news--meta {
  display: flex;
}
.ct-news--cpma-badge {
  margin-top: calc(var(--spacing--gap-2) + 0.3125rem);
}
@media screen and (max-width: 37.5rem) {
  .ct-news--meta {
    flex-flow: column nowrap;
  }
  .ct-news--cpma-badge {
    margin-top: var(--spacing--gap-3);
  }
}

/* PW Article */

.pw-article h2 {
  font-size: var(--fs--h-1);
  line-height: var(--lh--h-1);
  letter-spacing: var(--ls--h-1);
}
.pw-article h3 {
  font-size: var(--fs--h-2);
  line-height: var(--lh--h-2);
  letter-spacing: var(--ls--h-2);
}
.pw-article h4 {
  font-size: var(--fs--h-3);
  line-height: var(--lh--h-3);
  letter-spacing: var(--ls--h-3);
}
.pw-article h5 {
  font-size: var(--fs--h-4);
  line-height: var(--lh--h-4);
  letter-spacing: var(--ls--lead);
}
.pw-article h6 {
  font-size: var(--fs--h-5);
  line-height: var(--lh--h-5);
  letter-spacing: var(--ls--lead);
}
.pw-article h2,
.pw-article h3,
.pw-article h4,
.pw-article h5,
.pw-article h6 {
  font-weight: 600;
}
.pw-article :is(h2, h3, h4, h5, h6) * {
  font: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}
.pw-article :is(h2, h3, h4, h5, h6) :is(strong, b) {
  font-weight: inherit;
}
.pw-article :is(h2, h3, h4, h5, h6) :is(em, i) {
  font-style: inherit;
}
.pw-article p,
.pw-article ul,
.pw-article ol {
  font-size: var(--fs--large);
  line-height: var(--lh--comfort);
}
.pw-article blockquote,
.pw-article blockquote > p {
  font-size: var(--fs--lead);
  font-weight: 500;
  line-height: var(--lh--comfort);
  color: var(--pigment--ink-prismarine);
}
.pw-article blockquote {
  margin-block: 2em;
  padding-left: 1em;
  border-left: var(--border--thick);
}
.pw-article :is(h2, h3, h4, h5, h6, p, ul, ol) {
  margin-top: 1lh;
}
.pw-article p strong,
.pw-article li strong {
  font-weight: 500;
}
.pw-article h2:first-child,
.pw-article h3:first-child,
.pw-article h4:first-child,
.pw-article h5:first-child,
.pw-article h6:first-child,
.pw-article p:first-child,
.pw-article ul:first-child,
.pw-article ol:first-child,
.pw-article blockquote:first-child {
  margin-top: 0;
}
.pw-article > p:first-of-type::first-letter {
  float: left;
  font-size: 4rem;
  line-height: 0.85;
  font-weight: 700;
  margin: 0.125rem 0.625rem 0 0;
}
.pw-article li {
  margin-top: 0.5lh;
}
.pw-article li:first-child {
  margin-top: 0;
}
.pw-article li > h2,
.pw-article li > h3,
.pw-article li > h4,
.pw-article li > h5,
.pw-article li > h6,
.pw-article li > p {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin-top: 0;
}
.pw-article a {
  color: var(--pigment--ink-amethyst);
  transition: color var(--motion--standard);
}
.pw-article a:hover,
.pw-article a:focus-visible {
  color: var(--pigment--ink-tanzanite);
}
.pw-article figure {
  margin-top: 1.125lh;
}
.pw-article figcaption {
  margin-top: 0.75em;
  color: var(--pigment--shade-8);
  font-size: var(--fs--small);
  line-height: var(--lh--compact);
}
.pw-article img {
  width: 100%;
}
.pw-summary {
  padding-bottom: calc(1lh - 0.0625rem);
  margin-bottom: 1lh;
  border-bottom: var(--border--thin);
}