@charset "UTF-8";
/* ============================================================================
   NAM in-house design review fixes (Cameron Alvarez, NAM design) — 2026-10-24
   SOURCE OF TRUTH: edit THIS .scss — design-review.css is compiled from it by
   `npm run scss:blocks`. Enqueued LAST on every site by functions/design-review.php.

   Scope: ONLY the items from Cameron's four review decks —
     Tax "Kitchen Sink" (2026-06-09), Tax + Trade mobile (2026-06-11),
     Homepage desktop (2026-01-15), Homepage mobile (2026-06-09).
   No design-system changes beyond those notes. Each rule cites its note.

   Why a standalone stylesheet: the live installs run a stale compiled style.css
   and ~40 Custom-HTML pages carry their own inline <style>; the `:not(#nam-x)`
   bump (+1 id) lets these rules win without touching page content.
============================================================================ */
/* ---- Tax, Kitchen Sink ----------------------------------------------------- */
/* Note 1: center the timeline dots on the line. The ::before is content-box,
   so its 3px border made it 21px wide while left:-9px assumed 15px (3px off). */
.pv-time li::before {
  box-sizing: border-box !important;
  left: -9px !important;
}

/* Note 2: tighten the spacing at the top of the advance-page header. */
.entry-header.alignfull:has(.header-content__row):not(#nam-x) {
  padding-top: calc(var(--wdg-gap-xsmall) * 8);
}

@media (min-width: 75em) {
  .entry-header.alignfull:has(.header-content__row):not(#nam-x) {
    padding-top: calc(var(--wdg-gap-xxlarge) * 1.2);
  }
}
/* Note 3: quote attribution in white on the navy band. */
.pv-quote cite:not(#nam-x) {
  color: #fff;
}

/* Notes 4, 6, 7: section eyebrow labels share one size, and are GREY on light
   bands (bright blue reads as a link) and WHITE on navy bands. */
.eyebrow:not(#nam-x),
.twe-eyebrow:not(#nam-x),
.np-eyebrow:not(#nam-x),
.sp-eyebrow:not(#nam-x) {
  font-size: 0.78rem;
  color: var(--wdg-color-dark-gray, #414042);
}

.nam-sec--proof .eyebrow:not(#nam-x),
.nam-sec--cta .eyebrow:not(#nam-x),
.nam-sec--bignum:not(.nam-sec--bignum-light) .eyebrow:not(#nam-x),
.nam-sec--formband:not(.nam-sec--formband-light) .eyebrow:not(#nam-x),
.nam-sec--offer .eyebrow:not(#nam-x),
.nam-sec.ns-band--navy .eyebrow:not(#nam-x),
.ns-modal__head .eyebrow:not(#nam-x),
[class*=-proof] .eyebrow:not(#nam-x),
[class*=-cta] .eyebrow:not(#nam-x),
.tax-proof .eyebrow:not(#nam-x),
.cma-proof .eyebrow:not(#nam-x),
.cs-proof .eyebrow:not(#nam-x),
.mb-proof .eyebrow:not(#nam-x) {
  color: #fff;
}

/* Note 5 (global): every clickable inline link carries a visible underline. */
.entry-content p a:not([class]):not(#nam-x),
.entry-content li a:not([class]):not(nav *):not(.nam-sec--subnav *):not(.ns-subnav__in *):not(.wp-block-buttons *):not(.member-dashboard *):not(#nam-x),
.entry-content td a:not([class]):not(#nam-x),
.entry-content dd a:not([class]):not(#nam-x) {
  text-decoration-line: underline;
  text-decoration-color: var(--wdg-color-link-hover, var(--wdg-color-secondary, #00a9e0));
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.14em;
}

/* Note 8: no border change on button hover (the primary button's border showed
   when its fill went white). */
.btn--primary:hover:not(#nam-x) {
  border-color: #fff;
}

.btn--navy-ghost:hover:not(#nam-x) {
  border-color: var(--wdg-color-primary, #0032a0);
}

/* Note 9: pillar cards are not links — no hover effect. */
.pv-card:not(a):hover:not(#nam-x) {
  border-color: #e6e6ea !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Note 10: the M mark the wordmark collapses to on narrow views, smaller. */
@media (max-width: 62em) {
  .masthead .site-logo:not(#nam-x) {
    max-height: 44px;
  }
}
/* ---- Tax + Trade, mobile --------------------------------------------------- */
/* Notes 1, 6, 14: button labels centered; long labels wrap; the trailing icon
   never escapes the button's right edge. */
.wp-block-button__link:not(#nam-x),
.entry-header .header-buttons a:not(#nam-x),
.btn:not(#nam-x) {
  justify-content: center;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.wp-block-button__link svg,
.entry-header .header-buttons a svg,
.btn svg {
  flex: 0 0 auto;
}

/* Note 2: no accent line under the hero title on phones. */
@media (max-width: 40em) {
  .entry-header .entry-title.has-accent-line::after {
    display: none !important;
  }
}
/* Notes 5, 11: more room between the hero buttons and the first component. */
@media (max-width: 40em) {
  .entry-header .header-buttons:not(#nam-x) {
    margin-bottom: 1.25rem;
  }
}
/* Note 10 (global): text never kisses the left edge on phones. */
@media (max-width: 40em) {
  .nam-sec .wrap:not(#nam-x),
  .entry-content .wrap:not(#nam-x),
  .entry-content > .wp-block-group:not(.alignfull):not(#nam-x) {
    padding-left: max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
  }
}
/* ---- Homepage, desktop ----------------------------------------------------- */
/* Note 1: tags are perfect pills with a bit more padding, a point or two
   smaller than the article text. */
.events-calendar-block .event-type-term-pill:not(#nam-x),
.events-calendar-block .event-type-badge__pill:not(#nam-x),
.eventslist-page .event-type-term-pill:not(#nam-x),
.eventslist-page .event-type-badge__pill:not(#nam-x),
.news .chip:not(#nam-x),
.aside__taxonomy-pill:not(#nam-x),
.archive-listing__facet-pill:not(#nam-x) {
  border-radius: 999px;
  padding: 0.38em 0.85em;
  line-height: 1;
}

.events-calendar-block .event-type-term-pill:not(#nam-x),
.events-calendar-block .event-type-badge__pill:not(#nam-x) {
  font-size: 0.72rem;
}

/* Notes 6, 11 (desktop) and 11 (mobile): dividers thinner, so they are not
   mistaken for buttons. */
.entry-content hr:not(#nam-x),
.wp-block-separator:not(.is-style-wide):not(.is-style-dots):not(#nam-x) {
  border: 0;
  border-top: 1px solid #d9dbe0;
  height: 0;
  background: transparent;
  opacity: 1;
}

/* Note 16: one heading color on light backgrounds. */
.event-highlights .event-highlights__section-title:not(#nam-x) {
  color: var(--wdg-color-heading, var(--wdg-color-primary, #0032a0));
}

.has-primary-background-color .event-highlights .event-highlights__section-title:not(#nam-x),
.has-primary-blue-background-color .event-highlights .event-highlights__section-title:not(#nam-x) {
  color: inherit;
}

/* Note 18: back-to-top — a thin white stroke instead of the glow. */
#back-to-top:not(#nam-x) {
  box-shadow: none;
  border: 1px solid #fff;
}

/* ---- Homepage, mobile ------------------------------------------------------ */
/* Note 3: the whole "Our Work" tile is tappable, not just "Learn more". The
   link's containing block is .issue-content; reach up over the gradient zone
   above it so the labelled part of the tile is the target (desktop unchanged). */
@media (max-width: 64em) {
  .c-issue-explorer__issue:not(#nam-x) {
    position: relative;
  }
  .c-issue-explorer__issue-link::after {
    content: "";
    position: absolute;
    inset: -11.1111rem 0 0 0;
    z-index: 3;
  }
}
/* Note 9: footer list links in light blue for contrast on navy. */
.site-footer .footer_list_nav a:not(#nam-x) {
  color: var(--wdg-color-secondary-light, #66cbec) !important;
}

/*# sourceMappingURL=design-review.css.map */