/* Why Use CAST? only (2026-11-05). Styled like About STAMP and CAST in Depth: it borrows their overview, banner
   links, side rail and "in depth" card ("as-" classes in about-stamp.css); the shared Why Use rules (tables,
   "Show more rows") are in why-use.css. Its own rules start "wuc-". */

/* One width (notes/STYLE-GUIDE.md, "Pages with a side rail"): every block is the text's 820px column. Inside the
   rail's parts the column starts at the text's left edge; the sections before and after the rail center it. */
main .wuc-path .as-part > .container > *, main .wuc-solo > .container > *,
main .wuc-page > section[aria-labelledby="overview-title"] > .container > * { max-width: 820px; margin-left: 0; margin-right: 0; }
/* In Brief, the Page Overview and Briefing Your Leadership sit outside the rail but share the parts' left edge
   (the overview follows In Brief here, so it can't keep About STAMP's wider, centered map). */
@media (min-width: 1280px) {
  .wuc-page .wuc-solo > .container,
  .wuc-page > section[aria-labelledby="overview-title"] > .container { padding-left: calc(var(--gutter) + 250px); }
}

/* Labels over the headings */
.wuc-page .prose .eyebrow { margin-bottom: 10px; font-size: 14px; line-height: 1.4; }
.wuc-page .prose .eyebrow + h2, .wuc-page .prose .eyebrow + h3 { margin-top: 0; }

/* In Brief: the pull-quote, the headline numbers, and the four points as cards */
.wuc-page .prose .pull-quote { margin: 8px 0 24px; }
/* A section's last block adds no margin to the section's own bottom padding (STYLE-GUIDE: the In Brief pull-quote
   made the gap above the Page Overview 88px in place of 64px). */
.wuc-page .wuc-solo .wuc-col > :last-child { margin-bottom: 0; }
.wuc-page .wuc-stats { margin: 28px 0 32px; }
.wuc-page .wuc-stats .stat-tile { padding: 20px 20px 18px; }
.wuc-page .wuc-stats .stat-tile-number { font-variant-numeric: lining-nums; }
.wuc-page .wuc-stats .stat-tile-label { margin-top: 8px; font-size: 14.5px; line-height: 1.45; text-wrap: pretty; }
.wuc-page ul.wuc-points { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0 0 28px; padding: 0; list-style: none; }
.wuc-page .wuc-points li { margin: 0; padding: 18px 20px; border: 1px solid var(--line); border-left: 4px solid var(--steel); border-radius: 4px 12px 12px 4px; background: var(--bg-tint); font-size: 16px; line-height: 1.55; }
.wuc-page .wuc-points strong { font-size: 17px; }

/* Part 1: two columns, the claim with its source under it, then the conclusion */
@media (min-width: 761px) {
  .wuc-page .wu-evidence td:first-child { width: 32%; }
  .wuc-page .wu-evidence td:nth-child(2) { width: auto; }
}
.wuc-page .wuc-claim { display: block; font-weight: 600; color: var(--navy-text); }
.wuc-page .wuc-src { display: block; margin-top: 6px; font-size: 14px; font-weight: 400; line-height: 1.45; } /* the table's first column is semibold; the source links aren't */

/* Part 2: each case as a pair, traditional (grey) beside CAST (blue), like CAST in Depth's two views */
.wuc-page .wuc-efforts { display: grid; gap: 20px; margin-top: 24px; }
.wuc-page .wuc-effort { padding: 22px 24px; border-radius: 14px; background: #fff; box-shadow: var(--shadow); }
.wuc-page .wuc-effort-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.wuc-page .prose .wuc-effort-head h3 { margin: 0; font-family: var(--font-head); font-size: 22px; }
.wuc-page .wuc-effort-head .wuc-src { margin: 0; }
.wuc-page .wuc-effort-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 16px 0; }
.wuc-page .wuc-effort-old, .wuc-page .wuc-effort-new { padding: 14px 16px; border-radius: 10px; }
.wuc-page .wuc-effort-old { background: #f1f1f1; border: 1px solid #d9d9d9; }
.wuc-page .wuc-effort-new { background: #e4eef9; border: 1px solid #c9dcf1; }
.wuc-page .wuc-effort-pair p { margin: 0; font-size: 16px; line-height: 1.5; color: var(--navy-text); }
.wuc-page .prose .wuc-effort-label { display: block; margin: 0 0 6px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #4a5a72; }
.wuc-page .wuc-effort-new .wuc-effort-label { color: #2a65a8; } /* 5:1 on the blue card; --steel-text is 4.4:1 there */
.wuc-page .wuc-effort-out { margin: 0; font-size: 16px; line-height: 1.55; color: var(--navy-text); }

/* Part 3: the three reasons as cards that jump to their evidence */
.wuc-page ol.wuc-reasons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0 0 8px; padding: 0; list-style: none; }
.wuc-page .wuc-reasons li { margin: 0; }
.wuc-page .wuc-reasons a { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 20px 20px 22px; border-radius: 12px; background: #fff; box-shadow: var(--shadow); color: var(--text); text-decoration: none; transition: background-color .15s; }
.wuc-page .wuc-reasons a:hover { background: var(--steel-soft); }
.wuc-page .wuc-reason-num { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--steel-text); color: #fff; font-size: 14px; font-weight: 600; }
.wuc-page .wuc-reason-title { margin-top: 4px; font-size: 17px; font-weight: 700; line-height: 1.35; color: var(--navy-text); }
.wuc-page .wuc-reason-text { font-size: 15px; line-height: 1.55; }
.wuc-page .wuc-reason-head { margin-top: 64px; padding-top: 28px; border-top: 1px solid var(--line); }
.wuc-page .prose .wuc-reason-head h3 { margin: 0 0 8px; font-family: var(--font-head); font-size: clamp(22px, 2.4vw, 26px); font-weight: 700; line-height: 1.3; }
.wuc-page .prose .wuc-reason-lede { margin: 0; font-size: 18px; line-height: 1.5; color: var(--navy-text); }

/* Case cards: tag, title, the result in one sentence, the story, the source */
.wuc-page .wuc-cases { display: grid; gap: 20px; margin: 20px 0 0; }
.wuc-page .wuc-case { padding: 22px 26px 18px; border-radius: 14px; background: #fff; box-shadow: var(--shadow); }
.wuc-page .prose .wuc-case h4 { margin: 12px 0 8px; font-size: 19px; color: var(--navy-text); }
.wuc-page .prose .wuc-case-result { margin: 0 0 14px; padding-bottom: 14px; border-bottom: 1px solid var(--line); font-size: 17px; font-weight: 600; line-height: 1.5; color: var(--navy-text); }
.wuc-page .wuc-case p { font-size: 16px; }
.wuc-page .wu-source { font-size: 14.5px; line-height: 1.45; }
.wuc-page .wuc-case .wu-source { margin-bottom: 0; }
.wuc-page .wuc-pagelink { margin: 20px 0 0; }
.wuc-page .wuc-pagelink + .wuc-pagelink { margin-top: 6px; }

/* Part 4: the three benefits, one under the other, each with an icon */
.wuc-page .wuc-benefits { display: grid; gap: 16px; margin-top: 28px; }
.wuc-page .wuc-benefit { display: flex; align-items: flex-start; gap: 18px; padding: 22px 24px; border-radius: 14px; background: #fff; box-shadow: var(--shadow); }
.wuc-page .wuc-benefit .icon-tile { flex: none; width: 48px; height: 48px; border-radius: 12px; font-size: 22px; }
.wuc-page .prose .wuc-benefit h3 { margin: 2px 0 8px; font-size: 19px; line-height: 1.35; }
.wuc-page .wuc-benefit p { margin: 0; font-size: 16px; line-height: 1.6; }
.wuc-page .wuc-deeper { max-width: none; margin: 40px 0 0; }
.wuc-page .wuc-deeper h3 { margin: 0 0 6px; color: #fff; font-family: var(--font-head); font-size: 26px; }

/* Briefing Your Leadership */
.wuc-page .wuc-brief { display: flex; align-items: flex-start; gap: 20px; margin-top: 24px; padding: 26px 28px; }
.wuc-page .wuc-brief .icon-tile { flex: none; }
.wuc-page .prose .wuc-brief h3 { margin: 4px 0 8px; font-family: var(--font-head); font-size: 22px; }
.wuc-page .wuc-brief p { margin: 0 0 18px; font-size: 16px; }
.wuc-page .wuc-brief .btn { text-decoration: none; }

/* Links that open a new tab: a small arrow, and "(opens in a new tab)" for screen readers */
.wuc-page a[target="_blank"] .icon { display: inline-block; width: .8em; height: .8em; margin-left: .25em; vertical-align: -.05em; opacity: .8; }

@media (max-width: 760px) {
  .wuc-page ul.wuc-points { grid-template-columns: 1fr; gap: 10px; }
  .wuc-page ol.wuc-reasons { grid-template-columns: 1fr; gap: 10px; }
  .wuc-page .wuc-reason-head { margin-top: 44px; }
  .wuc-page .wuc-case { padding: 18px 18px 14px; }
  .wuc-page .wuc-effort { padding: 18px; }
  .wuc-page .wuc-effort-pair { grid-template-columns: 1fr; }
  .wuc-page .wuc-benefit { padding: 18px; gap: 14px; }
  .wuc-page .wuc-brief { flex-direction: column; padding: 22px 20px; }
}


/* ---- Dark mode, generated by tools/darkmode.py when the site is built. Don't edit this part in site/; change the light rule in src/, or add a hand-written dark rule. ---- */
@media (prefers-color-scheme: dark) {
  .wuc-page .wuc-points li { border-left-color: #4892dc; }
  .wuc-page .wuc-effort { background-color: #111620; }
  .wuc-page .wuc-effort-old { background-color: #1b212b; border-color: #373e49; }
  .wuc-page .wuc-effort-new { background-color: #1e242f; border-color: #333f4b; }
  .wuc-page .prose .wuc-effort-label { color: #b7c9e5; }
  .wuc-page .wuc-effort-new .wuc-effort-label { color: #91c8ff; }
  .wuc-page .wuc-reasons a { background-color: #111620; }
  .wuc-page .wuc-reason-num { background-color: #2f6fb5; color: #ffffff; }
  .wuc-page .wuc-case { background-color: #111620; }
  .wuc-page .wuc-benefit { background-color: #111620; }
  .wuc-page .wuc-deeper h3 { color: #ffffff; }
}