/* ==========================================================================
   9. Static pages
   Policies, About and Contact are long dense prose rather than news copy, so
   they get a narrower measure and a stronger heading hierarchy than an article.
   ========================================================================== */

.wg-page__inner{
  max-width:var(--wg-single);
  margin-inline:auto;
}

/* --- Header --------------------------------------------------------------- */
.wg-page__head{
  max-width:var(--wg-page);
  margin:0 auto 34px;
  padding-bottom:18px;
  border-bottom:var(--wg-rule-weight) solid var(--wg-accent);
}
.wg-page__title{
  font-family:var(--wg-font-display);
  font-size:var(--wg-fs-page-title);
  line-height:1.05;
  letter-spacing:.5px;
  color:var(--wg-heading);
  margin:0;
}
.wg-page__standfirst{
  margin:14px 0 0;
  font-size:20px;
  line-height:1.5;
  color:var(--wg-muted);
  max-width:62ch;
}

.wg-page__media{
  max-width:100%;
  margin:0 0 34px;
}
.wg-page__img{
  width:100%;
  aspect-ratio:2 / 1;
  object-fit:cover;
  box-shadow:var(--wg-img-edge);
}

/* --- Prose ---------------------------------------------------------------
   Capped by character count, not pixels: legal text is unbroken and needs a
   shorter line to stay readable. */
.wg-prose--page{
  max-width:var(--wg-page);
  margin-inline:auto;
}
.wg-prose--page > *{ max-width:74ch; }

.wg-prose--page h2{
  position:relative;
  font-size:26px;
  line-height:1.25;
  margin:44px 0 14px;
  padding-left:18px;
}
.wg-prose--page h2::before{
  content:"";
  position:absolute;
  left:0;
  top:.18em;
  bottom:.18em;
  width:5px;
  background:var(--wg-accent);
  border-radius:3px;
}
.wg-prose--page h2:first-child{ margin-top:0; }

.wg-prose--page h3{
  font-size:20px;
  line-height:1.3;
  margin:32px 0 10px;
}

.wg-prose--page p{ margin:0 0 20px; }
.wg-prose--page ul,
.wg-prose--page ol{ margin:0 0 20px; padding-left:26px; }
.wg-prose--page li{ margin-bottom:8px; }

.wg-prose--page a{
  color:var(--wg-link);
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:2px;
  word-break:break-word;
}

/* Contact-style pages often lead with a definition list of channels. */
.wg-prose--page table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 24px;
}
.wg-prose--page th,
.wg-prose--page td{
  text-align:left;
  padding:12px 14px;
  border-bottom:1px solid var(--wg-rule);
  font-size:17px;
}
.wg-prose--page th{
  font-family:var(--wg-font-display);
  font-weight:400;
  width:34%;
}

.wg-page__updated{
  max-width:var(--wg-page);
  margin:40px auto 0;
  padding-top:18px;
  border-top:1px solid var(--wg-rule);
  font-size:15px;
  color:var(--wg-muted);
}

/* --- Responsive ----------------------------------------------------------- */
@media (max-width:767px){
  .wg-page__head{ margin-bottom:26px; padding-bottom:14px; }
  .wg-page__standfirst{ font-size:18px; }
  .wg-prose--page h2{ font-size:22px; margin-top:34px; padding-left:14px; }
  .wg-prose--page h3{ font-size:18px; }
  .wg-prose--page th,
  .wg-prose--page td{ display:block; width:auto; border-bottom:0; padding:4px 0; }
  .wg-prose--page tr{ display:block; padding:10px 0; border-bottom:1px solid var(--wg-rule); }
}