/* Wild Growth brand system for the Brief (Nov 2026 preview).
   Matches wildgrowthco.com and the Learning Hub: light paper header with a slab wordmark and
   color chip, Inter body, Newsreader headlines, 2px Ink outlines, citron pill buttons,
   Patrick Hand stickies and an Ink footer band. Loaded last so it wins over the older layers. */

:root {
  --ink: #26222f; --ink-soft: #3b3747; --ink-muted: #6a6577;
  --paper: #f7f5f0; --white: #fff;
  --lilac: #b9ace8; --seafoam: #a9dccb; --citron: #dce775; --apricot: #f2b27a;
  --lilac-100: #efebfb; --seafoam-100: #e7f5f0; --citron-100: #f7fadf; --apricot-100: #fdf0e3;
  --link: #5b45c2; --deep-lilac: #33267a;
  --sans: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif: "Newsreader", Georgia, serif;
  --slab: "Alfa Slab One", Georgia, serif;
  --hand: "Patrick Hand", "Comic Neue", cursive;
  --line-ink: 2px solid var(--ink);
  --radius: 12px;
}

html body.brand-wgc { background: var(--paper); color: var(--ink); font-family: var(--sans); }
html body.brand-wgc .page-shell { background: var(--paper); box-shadow: none; border: 0; }

/* ---------- Header (same pattern as the main site and the Hub) ---------- */
.wgc-header { position: sticky; top: 0; z-index: 40; background: var(--paper); border-bottom: var(--line-ink); }
.wgc-header-inner { display: flex; align-items: center; gap: 28px; max-width: 1240px; margin: 0 auto; padding: 14px clamp(16px, 3vw, 32px); }
.wgc-wordmark { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-family: var(--slab); font-size: 21px; line-height: 1; white-space: nowrap; text-decoration: none; }
.wgc-wordmark .wm-block { display: inline-block; padding: 3px 7px 4px; background: var(--citron); transform: rotate(-3deg); }
html body.brand-wgc .wgc-nav { position: static; display: flex; align-items: center; gap: 22px; margin-left: auto; padding: 0; background: none; box-shadow: none; border: 0; }
html body.brand-wgc .wgc-nav a { padding: 0; color: var(--ink); font-family: var(--sans); font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; white-space: nowrap; text-decoration: none; background: none; border: 0; }
html body.brand-wgc .wgc-nav a:hover, html body.brand-wgc .wgc-nav a[aria-current="page"] { text-decoration: underline 2px; text-underline-offset: 6px; }
html body.brand-wgc .wgc-nav a.wgc-btn { margin-left: 4px; }
html body.brand-wgc .wgc-menu { display: none; }

/* Buttons: citron pill with an Ink outline, as on the main site and the Hub */
html body.brand-wgc .wgc-btn,
html body.brand-wgc .wgc-nav a.wgc-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; background: var(--citron); color: var(--ink); border: var(--line-ink); border-radius: 999px; font-family: var(--sans); font-size: 15px; font-weight: 700; text-decoration: none; }
html body.brand-wgc .wgc-btn:hover,
html body.brand-wgc .wgc-nav a.wgc-btn:hover { background: var(--ink); color: var(--citron); text-decoration: none; }

@media (max-width: 1100px) {
  .wgc-header-inner { position: relative; gap: 12px; padding: 12px 16px; }
  .wgc-wordmark { font-size: 18px; }
  html body.brand-wgc .wgc-menu { display: inline-flex; margin-left: auto; padding: 8px 14px; background: var(--white); color: var(--ink); border: var(--line-ink); border-radius: 999px; font: 700 14px/1 var(--sans); }
  html body.brand-wgc .wgc-nav { position: absolute; top: calc(100% + 2px); left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 16px 16px; background: var(--paper); border-bottom: var(--line-ink); }
  html body.brand-wgc .wgc-nav.open { display: flex; }
  html body.brand-wgc .wgc-nav a { padding: 12px 0; border-bottom: 1px solid #26222f22; }
  html body.brand-wgc .wgc-nav a.wgc-btn { justify-content: center; margin: 12px 0 0; padding: 12px 18px; border: var(--line-ink); }
}
@media (max-width: 400px) { .wgc-wordmark { font-size: 16px; gap: 6px; } }

/* Preview strip stays, in brand colors */
html body.brand-wgc .review-strip { background: var(--ink); color: var(--white); font-family: var(--sans); }

/* ---------- Opening: tinted band, like the main site and Hub heroes ---------- */
html body.brand-wgc .guide-frame { background: var(--seafoam-100); border-bottom: var(--line-ink); }
html body.brand-wgc .guide-rail { background: transparent; border-right: var(--line-ink); }
html body.brand-wgc .guide-rail-label,
html body.brand-wgc .guide-meta,
html body.brand-wgc .proof-heading,
html body.brand-wgc .eyebrow { font-family: var(--sans); font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
html body.brand-wgc .margin-note { font-family: var(--hand); font-style: normal; font-size: 26px; line-height: 1.05; color: var(--ink); }
html body.brand-wgc .guide-opening h1 { font-family: var(--serif); font-weight: 700; letter-spacing: -.015em; color: var(--ink); }
html body.brand-wgc .marked-intro { font-family: var(--sans); font-size: 18px; line-height: 1.6; color: var(--ink-soft); }
html body.brand-wgc .marked-intro .ic { display: none; }
html body.brand-wgc .guide-action-arrow { display: none; }

/* Action note becomes the brand sticky: citron, Ink outline, hard shadow, slight tilt */
html body.brand-wgc .action-note { background: var(--citron); border: 3px solid var(--ink); border-radius: 0; box-shadow: 6px 6px 0 var(--ink); transform: rotate(2deg); background-image: none; }
html body.brand-wgc .action-note span { font-family: var(--hand); font-size: 20px; font-weight: 400; letter-spacing: .02em; text-transform: uppercase; color: var(--ink); }
html body.brand-wgc .action-note p { font-family: var(--sans); font-style: normal; font-weight: 700; font-size: 19px; line-height: 1.35; color: var(--ink); }
html body.brand-wgc .action-note strong { font-family: var(--hand); font-style: normal; font-weight: 400; font-size: 21px; color: var(--ink); border-color: var(--ink); }

/* Opening buttons: primary citron, secondary white, both outlined */
html body.brand-wgc .guide-primary,
html body.brand-wgc .guide-secondary { border: var(--line-ink); border-radius: var(--radius); box-shadow: none; background-image: none; transition: background .15s, color .15s; }
html body.brand-wgc .guide-primary { background: var(--citron); color: var(--ink); }
html body.brand-wgc .guide-primary strong { color: var(--ink); font-family: var(--sans); font-weight: 800; }
html body.brand-wgc .guide-primary strong::after { content: " \2192"; }
html body.brand-wgc .guide-primary span { color: var(--ink-soft); }
html body.brand-wgc .guide-primary:hover { background: var(--ink); }
html body.brand-wgc .guide-primary:hover strong, html body.brand-wgc .guide-primary:hover span { color: var(--citron); }
html body.brand-wgc .guide-secondary { background: var(--white); color: var(--ink); }
html body.brand-wgc .guide-secondary:hover { background: var(--lilac-100); }

html body.brand-wgc .guide-proof { border: var(--line-ink); border-radius: var(--radius); background: var(--white); box-shadow: none; }
html body.brand-wgc .guide-goal { font-family: var(--serif); font-style: italic; }
html body.brand-wgc .guide-goal span { background: var(--citron); color: inherit; padding: 0 .14em .06em; border-radius: .12em; text-decoration: none; box-shadow: none; }

/* ---------- Body ---------- */
html body.brand-wgc h2 { font-family: var(--serif); font-weight: 700; letter-spacing: -.01em; color: var(--ink); }
html body.brand-wgc .story-body a,
html body.brand-wgc .source-index a,
html body.brand-wgc .closing-grid a,
html body.brand-wgc .steal-panel a { color: var(--link); }

/* Verdict labels become outlined pills */
html body.brand-wgc .disposition { border: 1.5px solid var(--ink); border-radius: 999px; padding: 4px 10px; font-family: var(--sans); font-weight: 800; letter-spacing: .08em; color: var(--ink); box-shadow: none; }

html body.brand-wgc .issue-nav { border: var(--line-ink); border-radius: var(--radius); background: var(--white); box-shadow: none; }

/* Cards: white, 2px Ink outline, 12px corners, offset color layer instead of soft shadows */
html body.brand-wgc .steal-panel,
html body.brand-wgc .my-take,
html body.brand-wgc .article-prompt,
html body.brand-wgc .example-block,
html body.brand-wgc .question,
html body.brand-wgc .takeaway { background: var(--white); border: var(--line-ink); border-radius: var(--radius); background-image: none; }
html body.brand-wgc .steal-panel { box-shadow: 10px 10px 0 var(--lilac); }
html body.brand-wgc .my-take { box-shadow: 8px 8px 0 var(--seafoam); }
html body.brand-wgc .article-prompt, html body.brand-wgc .example-block { box-shadow: none; }
html body.brand-wgc .question { box-shadow: 8px 8px 0 var(--apricot); }
html body.brand-wgc .takeaway { background: var(--citron-100); box-shadow: none; }

html body.brand-wgc .copy-button { background: var(--white); color: var(--ink); border: var(--line-ink); border-radius: 999px; font-family: var(--sans); font-weight: 700; box-shadow: none; }
html body.brand-wgc .copy-button:hover { background: var(--citron); }

/* Lab card (split test) in Hub card style */
html body.brand-wgc .lab-card { background: var(--lilac-100); border: var(--line-ink); border-radius: var(--radius); box-shadow: 8px 8px 0 var(--lilac); }
html body.brand-wgc .lab-card h3 { font-family: var(--serif); font-weight: 700; }
html body.brand-wgc .lab-card .lab-cta a { color: var(--deep-lilac); }

/* Lab invitation: Ink band with a citron button, like the main site's dark bands */
html body.brand-wgc .lab-membership-cta { background: var(--ink); color: var(--white); border: 0; border-radius: var(--radius); box-shadow: none; background-image: none; }
html body.brand-wgc .lab-membership-cta h2,
html body.brand-wgc .lab-membership-cta .eyebrow { color: var(--white); }
html body.brand-wgc .lab-membership-primary { background: var(--citron); color: var(--ink); border: var(--line-ink); border-radius: 999px; box-shadow: none; font-weight: 700; }
html body.brand-wgc .lab-membership-primary:hover { background: var(--white); color: var(--ink); }
html body.brand-wgc .lab-membership-secondary { background: transparent; color: var(--white); border: 2px solid var(--white); border-radius: 999px; box-shadow: none; font-weight: 700; }

/* ---------- Footer: Ink band, stacked wordmark, Patrick Hand tags ---------- */
.wgc-footer { margin-top: 64px; background: var(--ink); color: #ffffffd6; font-family: var(--sans); font-size: 15px; }
.wgc-footer-inner { display: grid; grid-template-columns: auto 1fr auto; gap: 40px; align-items: center; max-width: 1240px; margin: 0 auto; padding: 56px clamp(16px, 3vw, 32px) 24px; }
.wgc-footer-mark { color: var(--white); font-family: var(--slab); font-size: 30px; line-height: 1.02; text-decoration: none; }
.wgc-footer-mark .wm-block { display: inline-block; margin-top: 6px; padding: 4px 10px 6px; background: var(--citron); color: var(--ink); transform: rotate(-3deg); }
.wgc-footer-line { margin: 0; padding-left: 40px; border-left: 2px solid #ffffff40; color: var(--white); font-size: clamp(20px, 2.2vw, 26px); font-weight: 800; line-height: 1.25; }
.wgc-footer-tags { display: grid; gap: 10px; justify-items: start; }
.wgc-footer-tags span { display: inline-block; padding: 4px 10px; border: 2px solid var(--ink); font-family: var(--hand); font-size: 16px; text-transform: uppercase; color: var(--ink); }
.wgc-footer-tags span:nth-child(1) { background: var(--citron); transform: rotate(-3deg); }
.wgc-footer-tags span:nth-child(2) { background: var(--lilac); transform: rotate(2deg); margin-left: 18px; }
.wgc-footer-tags span:nth-child(3) { background: var(--seafoam); transform: rotate(-1deg); }
.wgc-footer-base { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; max-width: 1240px; margin: 0 auto; padding: 20px clamp(16px, 3vw, 32px) 36px; border-top: 1px solid #ffffff26; }
.wgc-footer-base a { color: var(--white); font-weight: 600; text-decoration: none; }
.wgc-footer-base a:hover { text-decoration: underline; text-underline-offset: 4px; }
.wgc-footer-base .copyright { margin-left: auto; color: #ffffffa8; font-family: var(--sans); font-size: 13px; letter-spacing: 0; }
.wgc-footer-base .copyright a { color: var(--citron); }
@media (max-width: 760px) {
  .wgc-footer-inner { grid-template-columns: 1fr; gap: 24px; }
  .wgc-footer-line { padding-left: 0; border-left: 0; }
  .wgc-footer-base .copyright { margin-left: 0; }
}

/* The Oct 19 layer forces Newsreader italic on these with !important; the brand uses Patrick Hand
   for handwriting and Inter for the action line. */
html body.brand-wgc .margin-note { font-family: var(--hand) !important; font-style: normal; font-weight: 400; letter-spacing: 0; }
html body.brand-wgc .action-note p { font-family: var(--sans) !important; font-style: normal; font-weight: 700; letter-spacing: 0; }
html body.brand-wgc .action-note strong { font-family: var(--hand) !important; font-style: normal; font-weight: 400; letter-spacing: 0; }
html body.brand-wgc .guide-goal { font-family: var(--serif) !important; font-style: italic; font-weight: 600; }
html body.brand-wgc .guide-primary strong,
html body.brand-wgc .guide-secondary strong { font-family: var(--sans); font-size: 17px; font-weight: 800; letter-spacing: 0; text-transform: none; }

/* Room for the sticky header when jumping to a section */
html body.brand-wgc .steal-panel, html body.brand-wgc #my-take, html body.brand-wgc #watching, html body.brand-wgc #source-notes, html body.brand-wgc #join-the-lab { scroll-margin-top: 84px; }
.wgc-wordmark { padding: 10px 0; }

/* Fixes from the first visual pass */
html body.brand-wgc .lab-membership-cta { overflow: hidden; }
html body.brand-wgc .lab-membership-details { background: transparent; border: 0; }
html body.brand-wgc .closing-grid > div { background: transparent; border: 0; box-shadow: none; padding: 0; }
html body.brand-wgc .closing-grid .question { padding: 22px 24px; }
html body.brand-wgc .closing-grid .question p { margin: 0; font-family: var(--serif); font-size: 22px; font-weight: 600; line-height: 1.35; }
html body.brand-wgc .source-index { border: var(--line-ink); border-radius: var(--radius); background: var(--white); }
html body.brand-wgc .wgc-footer { margin-bottom: 0; }
html body.brand-wgc .source-index { box-sizing: border-box; width: auto; margin-left: max(16px, calc((100% - 1080px) / 2)); margin-right: max(16px, calc((100% - 1080px) / 2)); }
/* Keep full-width blocks on the same content column as the sections around them */
html body.brand-wgc .steal-panel,
html body.brand-wgc .going-deeper { box-sizing: border-box; width: auto; margin-left: max(16px, calc((100% - 1080px) / 2)); margin-right: max(16px, calc((100% - 1080px) / 2)); }
html body.brand-wgc .steal-panel { margin-top: 70px; margin-bottom: 40px; }
html body.brand-wgc .going-deeper { margin-top: 24px; margin-bottom: 24px; }
@media (max-width: 620px) { html body.brand-wgc .steal-panel { margin-right: 26px; } }

/* ---------- Brand guide v1.2 conformance (Nov 4, 2026) ----------
   Guide: deliverables/Brand-Toolkit-v1.2. Link color is still Joyce's open decision, so every
   brand link color comes from --link (and --link-on-dark) only; swap the value here when she picks. */
:root { --link-on-dark: var(--citron); }
/* Uppercase kickers: Inter 12px, 700, 0.2em */
html body.brand-wgc .eyebrow,
html body.brand-wgc .guide-rail-label,
html body.brand-wgc .guide-meta,
html body.brand-wgc .proof-heading,
html body.brand-wgc .page-rail-label,
html body.brand-wgc .page-meta,
html body.brand-wgc .section-rule-heading { font-family: var(--sans); font-size: 12px; font-weight: 700; letter-spacing: .2em; }
/* Offset layers are flat seafoam or lilac (apricot stays an occasional accent) */
html body.brand-wgc .question { box-shadow: 8px 8px 0 var(--seafoam); }
/* One link token */
html body.brand-wgc .lab-card .lab-cta a { color: var(--link); }
html body.brand-wgc .wgc-footer-base .copyright a { color: var(--link-on-dark); }
/* Visible keyboard focus */
html body.brand-wgc a:focus-visible,
html body.brand-wgc button:focus-visible,
html body.brand-wgc summary:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
html body.brand-wgc .wgc-footer a:focus-visible,
html body.brand-wgc .lab-membership-cta a:focus-visible { outline-color: var(--citron); }

/* ---------- Link style (Joyce, Nov 4, 2026): D primary, B secondary ----------
   Primary: Ink text, 3px citron underline, citron highlighter fill on hover. On Ink panels: white text, citron underline.
   Secondary: deep lilac #33267A with a regular underline, where a citron underline can't show (citron and pale citron
   surfaces) and in email. Menus, rail indexes, pills and buttons keep their own styles. */
:root { --link: var(--ink); --link-underline: var(--citron); --link-secondary: #33267A; --link-on-dark: var(--white); }
html body.brand-wgc main a:not([class]):not(:is(.guide-rail, .page-rail, .issue-nav, .tag-row, .archive-tools, .guide-actions, .lab-membership-actions, .signup-form) a),
html body.brand-wgc main a.text-link,
html body.brand-wgc .summary-card .read-story {
  color: var(--link); font-weight: 600; text-decoration: underline; text-decoration-color: var(--link-underline);
  text-decoration-thickness: 3px; text-underline-offset: 4px; text-decoration-skip-ink: none; border-bottom: 0; padding-bottom: 0;
  -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-color .12s;
}
html body.brand-wgc main a:not([class]):not(:is(.guide-rail, .page-rail, .issue-nav, .tag-row, .archive-tools, .guide-actions, .lab-membership-actions, .signup-form) a):hover,
html body.brand-wgc main a.text-link:hover,
html body.brand-wgc .summary-card:hover .read-story { background: var(--citron); color: var(--ink); }
/* Secondary on citron and pale citron surfaces */
html body.brand-wgc :is(.takeaway, .resource-card.free, .action-note) a:not([class]),
html body.brand-wgc :is(.takeaway, .resource-card.free) a.text-link {
  color: var(--link-secondary); text-decoration-color: currentColor; text-decoration-thickness: 1.5px; text-underline-offset: 3px;
}
html body.brand-wgc :is(.takeaway, .resource-card.free) a:hover { background: transparent; color: var(--ink); }
/* On Ink */
html body.brand-wgc .wgc-footer-base .copyright a,
html body.brand-wgc .newsletter a:not([class]) { color: var(--link-on-dark); text-decoration: underline; text-decoration-color: var(--citron); text-decoration-thickness: 3px; text-underline-offset: 4px; }
html body.brand-wgc .wgc-footer-base .copyright a:hover { background: var(--citron); color: var(--ink); }

/* Keep card and call-to-action links easy to tap on phones */
html body.brand-wgc .archive-card > a, html body.brand-wgc .resource-card a, html body.brand-wgc main a.text-link { display: inline-block; padding-top: 6px; padding-bottom: 6px; }

/* Accent purple: the older layers use --terracotta / --blue (#5B45C2) for section numbers, rules, icons and
   list markers. Joyce (Nov 4): too bright. Accents use the secondary deep lilac instead. */
:root { --terracotta: #33267A; --blue: #33267A; }
html body.brand-wgc .finish-checks input { accent-color: #33267A; }
html body.brand-wgc .finish-checks label:has(input:checked) { border-color: #33267A; }

/* ---------- Site pages (homepage, archive, About, Resources), Nov 3 2026 ---------- */
/* Handwritten notes use Patrick Hand, as on the main site and the Hub (the older layer forces Newsreader italic) */
html body.brand-wgc .page-rail-note,
html body.brand-wgc .newsletter-hand { font-family: var(--hand) !important; font-style: normal; font-weight: 400; letter-spacing: 0; font-size: 26px !important; line-height: 1.05 !important; }
html body.brand-wgc .page-rail { background: transparent; border-color: var(--ink); }
html body.brand-wgc .page-rail-label,
html body.brand-wgc .page-meta,
html body.brand-wgc .section-rule-heading { font-family: var(--sans); font-weight: 800; letter-spacing: .14em; color: var(--ink); }
html body.brand-wgc .page-hero h1 { font-family: var(--serif); font-weight: 700; letter-spacing: -.015em; }

/* Byline card on About becomes the brand sticky */
html body.brand-wgc .about-byline-card { background: var(--citron); border: 3px solid var(--ink); border-radius: 0; box-shadow: 6px 6px 0 var(--ink); transform: rotate(-2deg); background-image: none; }
html body.brand-wgc .about-byline-card strong { font-family: var(--hand) !important; font-style: normal; font-weight: 400; font-size: 30px; letter-spacing: 0; }

/* Archive: outlined pill filters and tags, outlined cards */
html body.brand-wgc .filter-button { border: 1.5px solid var(--ink); border-radius: 999px; background: var(--white); color: var(--ink); font-family: var(--sans); }
html body.brand-wgc .filter-button.active,
html body.brand-wgc .filter-button:hover { background: var(--citron); border-color: var(--ink); color: var(--ink); }
html body.brand-wgc .tag-row a { border: 1px solid var(--ink); border-radius: 999px; background: var(--white); color: var(--ink); padding: 3px 9px; }
html body.brand-wgc .archive-card { background: var(--white); border: var(--line-ink); border-radius: var(--radius); box-shadow: none; padding: 32px 28px; margin-bottom: 20px; }
html body.brand-wgc .archive-card > a,
html body.brand-wgc .resource-card a,
html body.brand-wgc .text-link { color: var(--ink); border-bottom-color: var(--citron); }

/* Resources: white or citron-tint cards with an Ink outline, no gradients */
html body.brand-wgc .resource-card { background: var(--white); background-image: none; border: var(--line-ink); border-radius: var(--radius); box-shadow: none; }
html body.brand-wgc .resource-card.free { background: var(--citron-100); }
html body.brand-wgc .resource-card.premium,
html body.brand-wgc .resource-card-upgrade { background: var(--lilac-100); background-image: none; }
html body.brand-wgc .resource-grid,
html body.brand-wgc .premium-grid { gap: 20px; border: 0; }

/* Homepage */
html body.brand-wgc .mini-output { background: var(--white); border: var(--line-ink); border-radius: var(--radius); box-shadow: 8px 8px 0 var(--lilac); }
html body.brand-wgc .summary-card { background: var(--white); border: var(--line-ink); border-radius: var(--radius); }
html body.brand-wgc .newsletter { border-radius: var(--radius); }
html body.brand-wgc .home-lab-preview { box-sizing: border-box; padding: clamp(24px, 4vw, 48px); border: var(--line-ink); border-radius: var(--radius); }

/* Start here, Evolution and Welcome (Nov 5, 2026) */
/* Ink panels: the brand h2 rule sets Ink, so headings and labels there go back to light */
html body.brand-wgc .stack-filter h2,
html body.brand-wgc .contact-bonus-copy h2 { color: var(--paper); }
html body.brand-wgc .contact-bonus-copy .eyebrow { color: var(--citron); }
html body.brand-wgc .stack-filter blockquote span { border-bottom-color: var(--citron); }

/* Welcome doors are whole-card links: underline only the title, not every line */
html body.brand-wgc.site-page main .welcome-door-grid a:not([class]) { color: var(--ink); font-weight: inherit; text-decoration: none; padding-top: 34px; padding-bottom: 34px; display: block; }
html body.brand-wgc .welcome-door-grid strong { display: inline; text-decoration: underline; text-decoration-color: var(--citron); text-decoration-thickness: 3px; text-underline-offset: 5px; text-decoration-skip-ink: none; }
html body.brand-wgc .welcome-door-grid p { font-weight: 400; }
html body.brand-wgc.site-page main .welcome-door-grid a:not([class]):hover,
html body.brand-wgc.site-page main .welcome-door-grid a:not([class]):focus-visible { background: var(--citron-100, #F7FADF); }
html body.brand-wgc.site-page main .welcome-door-grid a:not([class]):hover strong { background: var(--citron); }
@media (max-width: 800px) {
  html body.brand-wgc.site-page main .welcome-door-grid a:not([class]) { border-bottom: 1px solid var(--line); }
  html body.brand-wgc.site-page main .welcome-door-grid a:not([class]):last-child { border-bottom: 0; }
}
@media (max-width: 560px) { html body.brand-wgc.site-page main .welcome-door-grid a:not([class]) { padding-top: 28px; padding-bottom: 28px; } }

/* Evolution "What has stayed": brand card (Ink outline, flat seafoam layer) instead of a soft blurred shadow */
html body.brand-wgc .what-stayed { background: var(--citron-100, #F7FADF); border: 2px solid var(--ink); border-radius: 12px; box-shadow: 10px 10px 0 -2px var(--seafoam), 10px 10px 0 0 var(--ink); margin-right: 10px; }