/* Support & information: a practical help centre. Uses the CVF Editorial tokens (--cvf-*). */

.cvf-support-hub .entry-content > .cvf-lead { max-width: 46rem; margin-bottom: 2.5rem; }

/* ---- Start here ---- */
.cvf-hub-start { margin: 0 0 2.5rem; }
.cvf-hub-start .cvf-eyebrow { margin-bottom: .4rem; }
.cvf-hub-start h2 { margin: 0 0 .5rem; }
.cvf-hub-start__intro { max-width: 44rem; color: var(--cvf-ink-2, #4B5563); margin: 0 0 1.5rem; }
.cvf-start-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.cvf-start-card {
  position: relative; display: flex; flex-direction: column;
  background: var(--cvf-white, #fff); border-radius: var(--cvf-radius-lg, 20px);
  border-top: 5px solid var(--cvf-mauve, #E0B9E3);
  box-shadow: var(--cvf-shadow-sm); padding: 1.6rem 1.5rem 1.4rem;
  transition: transform var(--cvf-dur, 320ms) var(--cvf-ease), box-shadow var(--cvf-dur, 320ms) ease;
}
.cvf-start-card:hover, .cvf-start-card:focus-within { transform: translateY(-3px); box-shadow: var(--cvf-shadow); }
.cvf-start-card--key { background: var(--cvf-mauve-soft, #F3E6F4); border-top-color: var(--cvf-mauve-ink, #8A4690); }
.cvf-start-card > * { margin: 0; }
.cvf-start-card__label { font-size: var(--cvf-text-eyebrow, .75rem); font-weight: 700; letter-spacing: var(--cvf-tracking-caps, .14em); text-transform: uppercase; color: var(--cvf-mauve-ink, #8A4690); margin-bottom: .6rem !important; }
.cvf-start-card__title { font-size: var(--cvf-text-h4); line-height: 1.25; margin-bottom: .5rem !important; }
.cvf-start-card__title a { color: var(--cvf-navy, #17304A); text-decoration: none; }
.cvf-start-card__title a::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; border-radius: inherit; } /* whole card is the link */
.cvf-start-card__title a:focus-visible { outline: none; }
.cvf-start-card:focus-within { outline: 3px solid var(--cvf-mauve-ink, #8A4690); outline-offset: 3px; }
.cvf-start-card p:not([class]) { color: var(--cvf-ink-2, #4B5563); font-size: .98rem; line-height: 1.5; }
.cvf-start-card__cta { margin-top: auto !important; padding-top: 1rem; font-weight: 700; color: var(--cvf-mauve-ink, #8A4690); }

/* ---- I need help with… ---- */
.cvf-hub-jump { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin: 0 0 3rem; padding: 1rem 1.25rem; border-radius: var(--cvf-radius, 12px); background: var(--cvf-grey-tint, #F2F0F4); }
.cvf-hub-jump__label { margin: 0; font-weight: 700; color: var(--cvf-navy, #17304A); }
.cvf-hub-jump__list { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0; padding: 0; }
.cvf-hub-jump__list li { margin: 0; }
.cvf-hub-jump__list a {
  display: inline-block; padding: .45rem .95rem; border-radius: var(--cvf-radius-pill, 999px);
  background: var(--cvf-white, #fff); border: 1px solid var(--cvf-grey, #E8E6EB);
  color: var(--cvf-navy, #17304A); font-weight: 600; font-size: .95rem; text-decoration: none;
}
.cvf-hub-jump__list a:hover, .cvf-hub-jump__list a:focus-visible { border-color: var(--cvf-mauve-ink, #8A4690); color: var(--cvf-mauve-ink, #8A4690); text-decoration: underline; }

/* ---- Practical help heading + regional note ---- */
.cvf-support-hub #practical-help { margin-top: 0; }
.cvf-hub-note { display: flex; gap: .25rem 1rem; flex-wrap: wrap; align-items: baseline; margin: 1rem 0 2.25rem; padding: .9rem 1.2rem; border-left: 4px solid var(--cvf-mauve-ink, #8A4690); background: var(--cvf-white, #fff); border-radius: 0 var(--cvf-radius-sm, 6px) var(--cvf-radius-sm, 6px) 0; }
.cvf-hub-note p { margin: 0; }
.cvf-hub-note__title { color: var(--cvf-navy, #17304A); }

/* ---- Sections ---- */
.cvf-hub-sec { margin: 0 0 2.75rem; scroll-margin-top: 6rem; }
.cvf-hub-sec__title { font-size: var(--cvf-text-eyebrow, .75rem) !important; font-weight: 800; letter-spacing: var(--cvf-tracking-caps, .14em); text-transform: uppercase; color: var(--cvf-mauve-ink, #8A4690) !important; margin: 0 0 .35rem !important; padding-bottom: .55rem; position: relative; }
.cvf-hub-sec__title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 2.5rem; height: 3px; border-radius: 3px; background: var(--cvf-mauve, #E0B9E3); }
.cvf-hub-sec__intro { margin: .6rem 0 1rem; color: var(--cvf-ink-2, #4B5563); max-width: 44rem; }
.cvf-hub-sec--feature { background: var(--cvf-white, #fff); border-radius: var(--cvf-radius-lg, 20px); padding: 1.6rem 1.6rem .6rem; box-shadow: var(--cvf-shadow-sm); }
.cvf-hub-sec--lilac { background: var(--cvf-mauve-soft, #F3E6F4); border-radius: var(--cvf-radius-lg, 20px); padding: 1.6rem 1.6rem .6rem; }
.cvf-hub-sec--lilac .cvf-hub-sec__title { color: var(--cvf-plum, #4A254A) !important; }
.cvf-hub-sec--panel { background: var(--cvf-white, #fff); border-radius: var(--cvf-radius-lg, 20px); padding: 1.5rem 1.5rem .4rem; border: 1px solid var(--cvf-grey, #E8E6EB); margin: 0; }
.cvf-hub-sec--small { max-width: 52rem; }

/* ---- Resources ---- */
.cvf-res-grid { display: grid; gap: 1rem 1.5rem; margin-top: 1rem; }
.cvf-res-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cvf-res-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cvf-res { padding: 0 0 1.1rem; border-bottom: 1px solid var(--cvf-grey, #E8E6EB); }
.cvf-res > * { margin: 0; }
.cvf-hub-sec--lilac .cvf-res { border-bottom-color: rgba(74, 37, 74, .15); }
.cvf-hub-sec--panel .cvf-res { padding-top: 1rem; }
.cvf-hub-sec--panel .cvf-res:last-child { border-bottom: 0; }
.cvf-res__region {
  display: inline-block; margin-bottom: .45rem !important; padding: .15rem .55rem; border-radius: var(--cvf-radius-pill, 999px);
  background: var(--cvf-grey-tint, #F2F0F4); color: var(--cvf-navy, #17304A);
  font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
}
.cvf-hub-sec--lilac .cvf-res__region { background: rgba(255, 255, 255, .75); }
.cvf-res__title { font-size: 1.08rem !important; line-height: 1.3; margin-bottom: .25rem !important; color: var(--cvf-navy, #17304A); }
.cvf-res__desc { font-size: .96rem; line-height: 1.5; color: var(--cvf-ink-2, #4B5563); margin-bottom: .5rem !important; }
.cvf-res__go { font-weight: 700; font-size: .95rem; display: flex; flex-wrap: wrap; gap: .25rem 1.1rem; }
.cvf-res__go a { color: var(--cvf-mauve-ink, #8A4690); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.cvf-res__go a:hover { color: var(--cvf-plum, #4A254A); text-decoration-thickness: 2px; }
.cvf-hub-sec--lilac .cvf-res__go a { color: var(--cvf-plum, #4A254A); }
.cvf-res__also { margin-top: .4rem !important; font-size: .88rem; color: var(--cvf-ink-2, #4B5563); }
.cvf-res__also a { color: var(--cvf-mauve-ink, #8A4690); }

/* Two complementary panels side by side */
.cvf-hub-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin: 0 0 2.75rem; align-items: start; }

/* ---- Ending ---- */
.cvf-hub-end { margin: 3rem 0 1rem; padding: 2rem 0 0; border-top: 1px solid var(--cvf-grey, #E8E6EB); }
.cvf-hub-end h2 { margin-top: 0; }
.cvf-hub-disclaimer { font-size: .85rem; color: var(--cvf-ink-2, #4B5563); margin-top: 1.5rem; }

@media (max-width: 960px) {
  .cvf-res-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cvf-hub-pair { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .cvf-start-grid, .cvf-res-grid--2, .cvf-res-grid--3 { grid-template-columns: 1fr; }
  .cvf-hub-sec--feature, .cvf-hub-sec--lilac, .cvf-hub-sec--panel { padding-left: 1.15rem; padding-right: 1.15rem; }
}
@media (prefers-reduced-motion: reduce) {
  .cvf-start-card, .cvf-start-card:hover { transition: none; transform: none; }
}
@media (prefers-reduced-motion: no-preference) { html:has(.cvf-hub-jump) { scroll-behavior: smooth; } }

/* GeneratePress wraps each group's content in .wp-block-group__inner-container (with padding).
   Let it pass straight through so the grids and flex rows above apply to the real items. */
.cvf-support-hub .cvf-hub-start > .wp-block-group__inner-container, .cvf-support-hub .cvf-start-grid > .wp-block-group__inner-container, .cvf-support-hub .cvf-start-card > .wp-block-group__inner-container, .cvf-support-hub .cvf-hub-jump > .wp-block-group__inner-container, .cvf-support-hub .cvf-hub-note > .wp-block-group__inner-container, .cvf-support-hub .cvf-hub-sec > .wp-block-group__inner-container, .cvf-support-hub .cvf-res-grid > .wp-block-group__inner-container, .cvf-support-hub .cvf-res > .wp-block-group__inner-container, .cvf-support-hub .cvf-hub-pair > .wp-block-group__inner-container, .cvf-support-hub .cvf-hub-end > .wp-block-group__inner-container { display: contents; }
.cvf-support-hub :is(.cvf-hub-start, .cvf-start-grid, .cvf-start-card, .cvf-hub-jump, .cvf-hub-note, .cvf-hub-sec, .cvf-res-grid, .cvf-res, .cvf-hub-pair, .cvf-hub-end) > .wp-block-group__inner-container { display: contents; }
/* Nested groups: no theme side padding (panels and cards set their own). */
.cvf-support-hub .cvf-start-grid, .cvf-support-hub .cvf-res-grid, .cvf-support-hub .cvf-res, .cvf-support-hub .cvf-hub-pair { padding-left: 0 !important; padding-right: 0 !important; }
.cvf-support-hub :is(.cvf-start-grid, .cvf-res-grid, .cvf-res, .cvf-hub-pair) { padding-left: 0 !important; padding-right: 0 !important; }
.cvf-support-hub .cvf-hub-pair > .wp-block-group__inner-container > .cvf-hub-sec, .cvf-support-hub .cvf-hub-pair > .cvf-hub-sec { margin: 0; }
.cvf-support-hub .cvf-start-card { padding: 1.6rem 1.5rem 1.4rem !important; }
.cvf-support-hub .cvf-hub-sec--feature, .cvf-support-hub .cvf-hub-sec--lilac { padding: 1.6rem 1.6rem .6rem !important; }
.cvf-support-hub .cvf-hub-sec--panel { padding: 1.5rem 1.5rem .4rem !important; }
.cvf-support-hub .cvf-hub-jump { padding: 1rem 1.25rem !important; }
.cvf-support-hub .cvf-hub-note { padding: .9rem 1.2rem !important; }
/* Lead paragraph lines up with the page title. */
.cvf-support-hub .entry-content > .cvf-lead { margin-left: 0 !important; margin-right: 0 !important; max-width: calc(46rem + 80px); }
@media (max-width: 760px) {
  .cvf-support-hub .cvf-hub-sec--feature, .cvf-support-hub .cvf-hub-sec--lilac, .cvf-support-hub .cvf-hub-sec--panel { padding-left: 1.15rem !important; padding-right: 1.15rem !important; }
}

/* Resources with a separate link for each UK nation */
.cvf-res__nations { list-style: none; margin: .35rem 0 0 !important; padding: 0; }
.cvf-res__nations li {
  display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); column-gap: .75rem; row-gap: .1rem;
  padding: .5rem 0; margin: 0; border-top: 1px dashed var(--cvf-grey, #E8E6EB); align-items: baseline;
}
.cvf-res__nations li:first-child { border-top: 0; padding-top: .2rem; }
.cvf-nation { grid-row: span 2; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--cvf-navy, #17304A); line-height: 1.35; }
.cvf-res__nations a { font-weight: 700; font-size: .95rem; color: var(--cvf-mauve-ink, #8A4690); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.cvf-res__nations a:hover { color: var(--cvf-plum, #4A254A); text-decoration-thickness: 2px; }
.cvf-hub-sec--lilac .cvf-res__nations a { color: var(--cvf-plum, #4A254A); }
.cvf-hub-sec--lilac .cvf-res__nations li { border-top-color: rgba(74, 37, 74, .18); }
.cvf-nation-note { grid-column: 2; font-size: .86rem; color: var(--cvf-ink-2, #4B5563); line-height: 1.4; }
.cvf-res--nations .cvf-res__desc { margin-bottom: .35rem !important; }
@media (max-width: 420px) {
  .cvf-res__nations li { grid-template-columns: 1fr; }
  .cvf-nation, .cvf-nation-note { grid-row: auto; grid-column: 1; }
}

/* Article-style pages (vaccine prices, children abroad): readable line length, everything lined up with the title. */
.cvf-article .entry-content > * { max-width: calc(50rem + 80px); margin-left: 0 !important; margin-right: auto !important; }
.cvf-article .entry-content > .cvf-hub-note { max-width: 50rem; margin: 1.25rem 0 2rem 40px !important; padding: .9rem 1.2rem !important; display: block; }
.cvf-article .entry-content > .cvf-hub-note > .wp-block-group__inner-container { padding: 0 !important; }
.cvf-article .entry-content > .cvf-hub-note p { margin: .35rem 0; }
.cvf-article .entry-content > .cvf-vp { max-width: calc(56rem + 80px); padding-left: 40px; padding-right: 40px; }
@media (max-width: 760px) {
  .cvf-article .entry-content > .cvf-hub-note { margin-left: 20px !important; margin-right: 20px !important; }
  .cvf-article .entry-content > .cvf-vp { padding-left: 20px; padding-right: 20px; }
}

/* Two starting points */
.cvf-start-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 56rem; }
@media (max-width: 760px) { .cvf-start-grid { grid-template-columns: 1fr; } }

/* ---- Support hub refresh ---- */
/* Hero: the home photo fades in from the right behind the opening line, as on the front page */
.cvf-support-hub .entry-content > .cvf-fade-hero { position: relative; isolation: isolate; overflow: hidden; min-height: clamp(320px, 32vw, 410px); display: flex; align-items: center; margin-top: 1.5rem !important; margin-bottom: clamp(2rem, 4vw, 3rem) !important; border-radius: var(--cvf-radius-lg, 20px); background: var(--cvf-warm-white, #FAF9F6); }
.cvf-support-hub .cvf-fade-hero__img { position: absolute; z-index: -1; top: 0; right: 0; width: 66%; height: 100% !important; max-width: none; object-fit: cover; object-position: 60% 50%; border-radius: 0 var(--cvf-radius-lg, 20px) var(--cvf-radius-lg, 20px) 0; -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.15) 10%, rgba(0,0,0,.5) 22%, rgba(0,0,0,.85) 36%, #000 50%); mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.15) 10%, rgba(0,0,0,.5) 22%, rgba(0,0,0,.85) 36%, #000 50%); }
.cvf-support-hub .cvf-fade-hero::before { content: ""; position: absolute; z-index: 1; left: -6%; bottom: -16%; width: 52%; height: 30%; background: var(--cvf-mauve, #E0B9E3); clip-path: polygon(0 55%, 22% 22%, 100% 0, 92% 70%, 60% 100%, 0 100%); opacity: .95; pointer-events: none; }
.cvf-support-hub .cvf-fade-hero__text { position: relative; z-index: 2; width: min(44%, 520px); padding: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(3rem, 5vw, 4.25rem) clamp(1.25rem, 3vw, 2.5rem); }
.cvf-support-hub .cvf-fade-hero__text .cvf-lead { margin: 0 !important; max-width: none; font-size: clamp(1.4rem, 1.05rem + 1.05vw, 1.95rem); line-height: 1.28; font-weight: 600; letter-spacing: -.01em; color: var(--cvf-navy, #17304A); text-shadow: 0 0 18px rgba(250, 249, 246, .9); }

/* "I need help with": a row of icon tiles */
.cvf-support-hub .cvf-hub-jump { display: block; background: none; padding: 0 !important; }
.cvf-hub-jump__label { margin: 0 0 .85rem !important; font-size: clamp(1.25rem, 1.05rem + .6vw, 1.55rem); font-weight: 800; letter-spacing: -.01em; }
.cvf-hub-jump__list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .75rem; }
.cvf-hub-jump__list a { display: flex; flex-direction: column; align-items: center; gap: .6rem; height: 100%; box-sizing: border-box; padding: 1.15rem .5rem 1rem; border-radius: var(--cvf-radius-lg, 20px); background: var(--cvf-white, #fff); border: 1px solid var(--cvf-grey, #E8E6EB); text-align: center; font-weight: 700; font-size: .95rem; line-height: 1.25; text-decoration: none; transition: transform .25s var(--cvf-ease, ease), border-color .25s, box-shadow .25s; }
.cvf-hub-jump__list a::before { content: ""; width: 3rem; height: 3rem; border-radius: 50%; background: var(--cvf-mauve-soft, #F3E6F4) no-repeat center / 1.6rem; transition: background-color .25s; }
.cvf-hub-jump__list a:hover, .cvf-hub-jump__list a:focus-visible { transform: translateY(-3px); border-color: var(--cvf-mauve, #E0B9E3); box-shadow: 0 12px 26px rgba(23, 48, 74, .1); color: var(--cvf-plum, #4A254A); text-decoration: none; }
.cvf-hub-jump__list a:hover::before, .cvf-hub-jump__list a:focus-visible::before { background-color: var(--cvf-mauve, #E0B9E3); }
.cvf-hub-jump__list a[href="#health"]::before { background-image: url(hub-health.svg); }
.cvf-hub-jump__list a[href="#power-and-water"]::before { background-image: url(hub-power.svg); }
.cvf-hub-jump__list a[href="#work-and-money"]::before { background-image: url(hub-work.svg); }
.cvf-hub-jump__list a[href="#children-and-families"]::before { background-image: url(hub-family.svg); }
.cvf-hub-jump__list a[href="#wellbeing"]::before { background-image: url(hub-wellbeing.svg); }
.cvf-hub-jump__list a[href="#voting"]::before { background-image: url(hub-voting.svg); }

/* The same icon beside each section's label */
.cvf-hub-sec > .cvf-hub-sec__title { padding-left: 2.35rem !important; min-height: 1.85rem; display: flex; align-items: center; }
.cvf-hub-sec > .cvf-hub-sec__title::before { content: ""; position: absolute; left: 0; top: -.3rem; width: 1.85rem; height: 1.85rem; border-radius: 50%; background: var(--cvf-mauve-soft, #F3E6F4) no-repeat center / 1.1rem; }
.cvf-hub-sec--lilac > .cvf-hub-sec__title::before { background-color: #fff; }
#health > .cvf-hub-sec__title::before { background-image: url(hub-health.svg); }
#power-and-water > .cvf-hub-sec__title::before { background-image: url(hub-power.svg); }
#work-and-money > .cvf-hub-sec__title::before { background-image: url(hub-work.svg); }
#children-and-families > .cvf-hub-sec__title::before { background-image: url(hub-family.svg); }
#wellbeing > .cvf-hub-sec__title::before { background-image: url(hub-wellbeing.svg); }
#voting > .cvf-hub-sec__title::before { background-image: url(hub-voting.svg); }

/* "Where to start": the front page's faint line drawings in the corner */
.cvf-start-card { overflow: hidden; isolation: isolate; }
.cvf-start-card::after { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; inset: 0; pointer-events: none; background: no-repeat right -4% bottom -10% / 42% auto; opacity: .14; }
.cvf-start-card--key::after { background-image: url(/wp-content/themes/cvf-editorial/assets/icons/icon-shield.png); }
.cvf-start-card:not(.cvf-start-card--key)::after { background-image: url(/wp-content/themes/cvf-editorial/assets/icons/icon-checklist.png); }

@media (max-width: 980px) { .cvf-hub-jump__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
	.cvf-support-hub .entry-content > .cvf-fade-hero { display: block; min-height: 0; border-radius: 0; background: none; margin-top: 1.25rem !important; }
	.cvf-support-hub .cvf-fade-hero__img { position: relative; z-index: 0; width: 100%; height: auto !important; aspect-ratio: 16 / 9; border-radius: var(--cvf-radius-lg, 20px); -webkit-mask-image: linear-gradient(180deg, #000 65%, transparent 100%); mask-image: linear-gradient(180deg, #000 65%, transparent 100%); }
	.cvf-support-hub .cvf-fade-hero::before { display: none; }
	.cvf-support-hub .cvf-fade-hero__text { width: auto; margin-top: -1rem; padding: 0; }
	.cvf-support-hub .cvf-fade-hero__text .cvf-lead { font-size: 1.3rem; }
}
@media (max-width: 480px) { .cvf-hub-jump__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { .cvf-hub-jump__list a { transition: none; } .cvf-hub-jump__list a:hover { transform: none; } }

.cvf-support-hub .entry-content .cvf-hub-jump__list { padding: 0 !important; margin: 0 !important; max-width: none !important; }
.cvf-hub-sec .cvf-hub-sec__title { padding-left: 2.35rem !important; min-height: 1.85rem; display: flex; align-items: center; }
.cvf-hub-sec .cvf-hub-sec__title::before { content: ""; position: absolute; left: 0; top: -.3rem; width: 1.85rem; height: 1.85rem; border-radius: 50%; background: var(--cvf-mauve-soft, #F3E6F4) no-repeat center / 1.1rem; }
.cvf-hub-sec--lilac .cvf-hub-sec__title::before { background-color: #fff; }
#health .cvf-hub-sec__title::before { background-image: url(hub-health.svg); }
#power-and-water .cvf-hub-sec__title::before { background-image: url(hub-power.svg); }
#work-and-money .cvf-hub-sec__title::before { background-image: url(hub-work.svg); }
#children-and-families .cvf-hub-sec__title::before { background-image: url(hub-family.svg); }
#wellbeing .cvf-hub-sec__title::before { background-image: url(hub-wellbeing.svg); }
#voting .cvf-hub-sec__title::before { background-image: url(hub-voting.svg); }

/* Notes on article pages: a dark blue version, and a version holding a list */
.cvf-hub-note.cvf-hub-note--dark { position: relative; overflow: hidden; padding: 1.2rem 1.4rem !important; background: linear-gradient(135deg, var(--cvf-navy, #17304A) 0%, #2E2A55 60%, var(--cvf-plum, #4A254A) 100%); border-left-color: var(--cvf-mauve, #E0B9E3); border-radius: 0 var(--cvf-radius-lg, 20px) var(--cvf-radius-lg, 20px) 0; color: #F4EEF6; }
.cvf-hub-note.cvf-hub-note--dark::after { content: ""; position: absolute; right: -60px; top: -60px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient(circle, rgba(224, 185, 227, .3), rgba(224, 185, 227, 0) 70%); pointer-events: none; }
.cvf-hub-note--dark p { position: relative; z-index: 1; color: #F4EEF6; }
.cvf-hub-note--dark strong { color: #fff; }
.cvf-hub-note--dark a { color: var(--cvf-mauve, #E0B9E3); text-decoration-color: rgba(224, 185, 227, .6); }
.cvf-hub-note--dark a:hover { color: #fff; }
.cvf-hub-note--dark a:focus-visible { outline: 3px solid var(--cvf-mauve, #E0B9E3); outline-offset: 2px; }
.cvf-article .entry-content > .cvf-hub-note--list { padding: 1rem 1.4rem !important; }
.cvf-hub-note--list ul { margin: 0 !important; padding: 0 0 0 1.15rem !important; max-width: none !important; }
.cvf-hub-note--list li { margin: .45rem 0; line-height: 1.55; }
.cvf-hub-note--list li::marker { color: var(--cvf-mauve-ink, #8A4690); }

/* A white card on its own (not in the side-by-side pair) gets the same inner spacing as the pink cards */
.cvf-support-hub .entry-content > .cvf-hub-sec--panel { padding: 1.6rem 1.6rem .6rem !important; }
@media (max-width: 760px) { .cvf-support-hub .entry-content > .cvf-hub-sec--panel { padding: 1.25rem 1.1rem .5rem !important; } }

.cvf-support-hub .entry-content > .cvf-hub-sec.cvf-hub-sec--panel:not(.cvf-hub-sec--feature):not(.cvf-hub-sec--lilac) { padding-left: 1.6rem !important; padding-right: 1.6rem !important; }
@media (max-width: 760px) { .cvf-support-hub .entry-content > .cvf-hub-sec.cvf-hub-sec--panel:not(.cvf-hub-sec--feature):not(.cvf-hub-sec--lilac) { padding-left: 1.1rem !important; padding-right: 1.1rem !important; } }