/**
 * Contingencies landing page and column archives
 *
 * Added August 2026. Kept out of css/main.css deliberately: main.css is
 * hand-maintained compiled output with no matching SCSS source, so a Grunt
 * build would overwrite it. Nothing compiles into this file, so these rules
 * survive a build. Enqueued after main.css in functions.php.
 */

/* Landing page: "Columns" heading sits left, not centred */
@media only screen and (min-width: 1025px) {
  .quicklinks-section h2.pulled-up.columns-heading {
    text-align: left; } }

/* Landing page: fix image stair-stepping down the column rows.
   Column banners are 1024x512 (2:1), so the box matches the source
   exactly: uniform row heights, edge-to-edge fill, no cropping. */
.issue-item.has-image .issue-image img {
  aspect-ratio: 2 / 1;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto; }

/* Column archives: compact chronological listing */
.column-archive-item {
  border-top: 1px solid #000000;
  padding: 1.6rem 0; }
  .column-archive-item:last-of-type {
    border-bottom: 1px solid #000000; }
  .column-archive-item h3 {
    margin: 0 0 0.4rem 0;
    font-size: 2.2rem;
    line-height: 1.25; }
    .column-archive-item h3 a {
      color: #000000;
      text-decoration: none; }
      .column-archive-item h3 a:hover, .column-archive-item h3 a:focus {
        text-decoration: underline; }
  .column-archive-item .column-archive-issue {
    display: block;
    font-size: 1.6rem;
    color: #555555; }

/* Downloads block at page foot: match the .download-bar treatment at top */
.additional-files {
  background: #E3E8ED;
  padding: 2.2rem;
  text-align: center;
  max-width: none;
  margin: 4rem 0 0; }
  .additional-files h2 {
    margin: 0 0 1.2rem 0; }
  .additional-files .additional-file {
    display: block;
    color: #000000;
    text-decoration: none;
    margin: 1rem 0; }
    .additional-files .additional-file:hover, .additional-files .additional-file:focus {
      text-decoration: underline; }
@media only screen and (min-width: 1025px) {
  .additional-files .additional-file {
    display: inline-block;
    margin: 0 1rem; } }

/* Past Issues strip at page foot */
.past-issues {
  max-width: 100rem;
  margin: 5rem auto 0; }
  .past-issues .past-issues-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-bottom: 1px solid #000000;
    padding-bottom: 1rem;
    margin-bottom: 2.4rem; }
    .past-issues .past-issues-head h2 {
      margin: 0; }
    .past-issues .past-issues-head .past-issues-all {
      color: #2E68B0;
      text-transform: uppercase;
      letter-spacing: 0.1rem;
      font-weight: 700;
      text-decoration: none;
      white-space: nowrap; }
      .past-issues .past-issues-head .past-issues-all:hover,
      .past-issues .past-issues-head .past-issues-all:focus {
        text-decoration: underline; }
  .past-issues .past-issues-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3.2rem; }
    @media only screen and (min-width: 1025px) {
      .past-issues .past-issues-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 4rem; } }
  .past-issues .past-issue a {
    display: block;
    color: #000000;
    text-decoration: none; }
    .past-issues .past-issue a:hover .past-issue-title,
    .past-issues .past-issue a:focus .past-issue-title {
      text-decoration: underline; }
  .past-issues .past-issue img {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #E3E8ED; }
  .past-issues .past-issue .past-issue-title {
    display: block;
    margin-top: 1rem;
    font-size: 1.6rem; }

/* Issue hero: copy left, cover right and large, per the NACD reference. */
.issue-hero {
  max-width: 100rem;
  margin: 4rem auto 0;
  background: #F2F4F6;
  border: 1px solid #E3E8ED;
  border-radius: 0.4rem;
  padding: 2.4rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2.4rem;
  align-items: center; }
  @media only screen and (min-width: 1025px) {
    .issue-hero {
      grid-template-columns: 1fr 32rem;
      grid-gap: 4.8rem;
      padding: 3.6rem 4rem; } }
  .issue-hero .issue-hero-cover {
    order: 1;
    max-width: 28rem;
    text-align: center; }
    @media only screen and (min-width: 1025px) {
      .issue-hero .issue-hero-cover {
        order: 2;
        max-width: none; } }
    .issue-hero .issue-hero-cover img {
      width: 100%;
      height: auto;
      display: block;
      box-shadow: 0 0.3rem 1.2rem rgba(0, 0, 0, 0.18); }
  .issue-hero .issue-hero-copy {
    order: 2; }
    @media only screen and (min-width: 1025px) {
      .issue-hero .issue-hero-copy {
        order: 1; } }
  .issue-hero .issue-hero-title {
    margin: 0 0 1.4rem 0;
    font-size: 3.6rem;
    line-height: 1.15; }
    .issue-hero .issue-hero-title a {
      color: #000000;
      text-decoration: none; }
      .issue-hero .issue-hero-title a:hover,
      .issue-hero .issue-hero-title a:focus {
        text-decoration: underline; }
  .issue-hero .issue-hero-deck {
    font-size: 1.9rem;
    line-height: 1.55; }
  .issue-hero .issue-hero-pdf {
    display: inline-block;
    margin-top: 1.2rem;
    color: #C8102E;
    font-size: 1.8rem;
    font-weight: 800;
    text-decoration: none; }
    .issue-hero .issue-hero-pdf:hover,
    .issue-hero .issue-hero-pdf:focus {
      text-decoration: underline; }
  .issue-hero.no-cover {
    grid-template-columns: 1fr; }

/* Admin-only quick link to the current issue's edit screen */
.issue-admin-link {
  max-width: 100rem;
  margin: 2rem auto -1rem;
  text-align: right; }
  .issue-admin-link a {
    display: inline-block;
    background: #2E68B0;
    color: #FFFFFF;
    padding: 0.6rem 1.4rem;
    border-radius: 0.3rem;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
    font-weight: 700;
    text-decoration: none; }
    .issue-admin-link a:hover, .issue-admin-link a:focus {
      background: #24528C;
      text-decoration: none; }

/* Features label above the rule, matching the Columns heading */
.nl-featured h2.features-heading {
  text-align: left;
  margin: 0 0 2.2rem 0; }

/* Even vertical rhythm: hero -> Features -> Columns.
   The shared .pulled-up rule sets margin-top: -12rem, which made the gap
   unpredictable. Cancel it for this heading and set both gaps explicitly:
   7rem above Features, 7rem above Columns. */
.nl-featured {
  padding-top: 6rem;
  padding-bottom: 0; }
  @media only screen and (min-width: 1025px) {
    .nl-featured {
      padding-top: 7rem;
      padding-bottom: 0; } }

@media only screen and (min-width: 1025px) {
  .quicklinks-section h2.pulled-up.columns-heading {
    margin-top: 0; }
  .quicklinks-section.contingencies-columns {
    padding-top: 7rem; } }

/* Match the Features container width to the Columns container.
   Columns sits in .qlh-standard.wide at max-width 100rem; .nl-featured
   had no max-width, so the two sections were ragged against each other. */
.nl-featured {
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0; }

/* Under 600px, centre the cover and the Download PDF link.
   The cover is capped at 28rem, so on a narrow screen it otherwise
   sits hard left with the link tucked under its edge. */
@media only screen and (max-width: 599px) {
  .issue-hero .issue-hero-cover {
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  .issue-hero .issue-hero-cover .issue-hero-pdf {
    display: block;
    text-align: center; } }

/* The line above Past Issues is the last column row's bottom border.
   Drop it on the Contingencies landing page so the sections are not
   separated by a stray rule. */
.contingencies-columns .issue-item:last-child {
  border-bottom: 0; }

/* Live-text publication header. Replaces the nameplate graphic on Contingencies
   with real text, and matches the tagline bar to the horizontal nav below it.
   The bg-* variants mirror .publication-image-wrapper so the term's Header
   Background Color keeps working. Requires the $c_tagline block in archive.php. */
.publication-header .publication-tagline {
  background: #F8712A;
  min-height: 6.2rem;
  display: flex;
  align-items: center;
  text-align: center; }
  .publication-header .publication-tagline.bg-orange {
    background: #F8712A; }
  .publication-header .publication-tagline.bg-blue {
    background: #2E68B0; }
  .publication-header .publication-tagline.bg-lightblue {
    background: #BBCBE0; }
  .publication-header .publication-tagline.bg-grey {
    background: #E3E8ED; }
  .publication-header .publication-tagline.bg-mint {
    background: #B5E4CB; }
  .publication-header .publication-tagline.bg-blue p {
    color: #FFFFFF; }
  .publication-header .publication-tagline p {
    margin: 0 auto;
    color: #000000;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 400; }
  /* Caps on the emphasised words only. Preeti's copy runs
     INSIGHTS and IDEAS from the American Academy of Actuaries,
     so the connective text stays sentence case. */
  .publication-header .publication-tagline strong {
    font-weight: 700;
    text-transform: uppercase; }
  .publication-header .publication-tagline h1 {
    position: absolute;
    top: 0;
    left: -1000px; }
  @media only screen and (max-width: 1024px) {
    .publication-header .publication-tagline p {
      font-size: 1.7rem; } }

.publication-header .publication-tagline + .horizontal-nav {
  min-height: 6.2rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }

/* Top ad slot under the publication nav.
   main.css stacks three spacings above the banner: .as-section margin 2.2rem,
   .a-single margin 2.2rem, and the AdRotate wrapper's own. Collapse them to a
   single 2.6rem and let the hero's own top margin carry the space below.
   main.css also sizes the creative with height: 100% / width: auto, which lets a
   2560x256 banner render at natural width and overflow. Scoped to .as-top so the
   other publications' ad slots are untouched. */
.as-section.as-top {
  margin: 0;
  padding: 2.6rem 0 0; }
  .as-section.as-top .a-single,
  .as-section.as-top .g-single {
    margin: 0; }
  .as-section.as-top .as-block a {
    display: block; }
  .as-section.as-top .as-block img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }

/* Features grid: line up bylines across a row. Titles wrap to one or two
   lines, which pushed the byline and snippet to different heights card to
   card. Reserve two title lines so every byline starts at the same point.
   The section's own "Features" heading is excluded. 2.3em is the fallback
   for browsers without the lh unit. A three-line title will still push its
   own card down. */
@media only screen and (min-width: 1025px) {
  .nl-featured h2:not(.features-heading),
  .nl-featured h3,
  .nl-featured h4 {
    min-height: 2.3em;
    min-height: 2lh; } }