:root {
  /* Colour */
  --rw-primary: #ec2a7b;
  --rw-primary-dark: #c81a63;
  --rw-primary-tint: #FEF3F7;
  --rw-primary-wash: #FFFAFC;
  --rw-ink: #10214f;
  --rw-text: #555555;
  --rw-text-strong: #001033;
  --rw-text-subtle: #9aa0b0;
  --rw-border: #e9e9f0;
  --rw-border-soft: #f3e2ea;
  --rw-border-strong: #e4e4ec;
  --rw-surface: #fff;
  --rw-panel: #F4F5F7;
  --rw-accent-blue: #1f4fd8;
  --rw-hero-from: #fdf0e2;
  --rw-hero-mid: #fdeaef;
  --rw-hero-to: #fbdde8;

  /* Type */
  --rw-font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --rw-fs-display: 2.5rem;
  --rw-fs-title: 1.375rem;
  --rw-fs-h2: 1rem;
  --rw-fs-body: 0.875rem;
  --rw-fs-sm: 0.8125rem;
  --rw-fs-xs: 0.75rem;

  /* Layout */
  --rw-container: 1504px;
  --rw-gutter: 2rem;
  --rw-sidebar-w: 375px;
  --rw-radius-lg: 16px;
  --rw-radius: 12px;
  --rw-radius-sm: 8px;
  --rw-radius-pill: 999px;
  --rw-space-section: 4.5rem;
}

/* ---------- base ---------- */
body {
  margin: 0;
  font-family: var(--rw-font);
  font-size: var(--rw-fs-body);
  line-height: 1.65;
  color: var(--rw-text);
  background: var(--rw-surface);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--rw-primary); text-decoration: none; }
a:hover { color: var(--rw-primary-dark); }
img { max-width: 100%; height: auto; display: block; }
.rw-container { max-width: var(--rw-container); margin-inline: auto; padding-inline: var(--rw-gutter); }
.rw-visually-hidden {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}

/* ---------- button ---------- */
.btn-rw {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.4375rem;
  font: 600 var(--rw-fs-body)/1 var(--rw-font);
  border: 1.5px solid transparent; border-radius: var(--rw-radius-pill);
  padding: 0.75rem 1.375rem; cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}
.btn-rw--outline { color: var(--rw-primary); border-color: var(--rw-primary); background: #fff; }
.btn-rw--outline:hover { background: var(--rw-primary); color: #fff; }
.btn-rw--solid { color: #fff; background: var(--rw-primary); font-weight: 700; }
.btn-rw--solid:hover { background: var(--rw-primary-dark); color: #fff; }
.btn-rw--quiet { color: var(--rw-text-strong); border-color: var(--rw-border-strong); background: #fff; font-weight: 700; }
.btn-rw--quiet:hover { border-color: var(--rw-primary); color: var(--rw-primary); }

/* ---------- site header ---------- */
.site-header { background: #fff; position: relative; z-index: 5; }
.site-header__inner { display: flex; align-items: center; gap: 2rem; min-height: 80px; }
.site-header__brand { display: flex; align-items: center; flex: 0 0 auto; }
.site-header__logo { height: 34px; width: auto; }
.site-header__nav { flex: 1 1 auto; display: flex; justify-content: center; }
.site-nav__list { display: flex; align-items: center; gap: 1.75rem; list-style: none; margin: 0; padding: 0; }
.site-nav__link { font: 500 var(--rw-fs-body)/1 var(--rw-font); color: var(--rw-text-strong); }
.site-nav__link:hover { color: var(--rw-primary); }
.site-nav__item--current .site-nav__link { color: var(--rw-primary); font-weight: 600; }
.site-header__actions { display: flex; align-items: center; gap: 0.625rem; flex: 0 0 auto; }
.site-nav__actions { display: none; }
.site-header__toggle { display: none; color: var(--rw-text-strong); border-color: var(--rw-border-strong); background: #fff; }
.site-header__toggle:hover { border-color: var(--rw-ink); }

/* ---------- hero ---------- */
.hero {
  position: relative; overflow: hidden; text-align: center;
  padding: 3.5rem 0 3.75rem;
  border-radius: 0 0 var(--rw-radius-lg) var(--rw-radius-lg);
  background:
    radial-gradient(120% 180% at 8% 0%, var(--rw-hero-from) 0%, transparent 55%),
    linear-gradient(104deg, #fdf3ea 0%, var(--rw-hero-mid) 46%, var(--rw-hero-to) 100%);
}
.hero__streak { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.hero__streak::before, .hero__streak::after {
  content: ""; position: absolute; left: -12%; right: -12%; height: 1px;
  background: rgba(255, 255, 255, .85); transform-origin: left center;
}
.hero__streak::before { top: 36%; transform: rotate(-9deg); }
.hero__streak::after { top: 62%; transform: rotate(-13deg); }
.hero__title { position: relative; font: 800 var(--rw-fs-display)/1.15 var(--rw-font); letter-spacing: -0.035em; color: var(--rw-ink); margin: 0 0 2rem; text-wrap: balance; }
.hero__title-accent { color: var(--rw-primary); }
.hero--compact { padding: 3rem 0 3.25rem; }

.search-form { position: relative; display: flex; align-items: center; justify-content: center; gap: 1.5rem; max-width: 940px; margin-inline: auto; }
.search-form__field {
  flex: 1 1 auto; display: flex; align-items: center; gap: 0.75rem;
  background: #fff; border: 1px solid #f6e2ea; border-radius: var(--rw-radius-pill);
  padding: 0.125rem 1.375rem;
}
.search-form__icon { flex: 0 0 auto; color: #a9aebd; }
.search-form__input {
  flex: 1 1 auto; border: 0; outline: none; background: transparent;
  font: 500 var(--rw-fs-body)/1 var(--rw-font); color: var(--rw-ink); padding: 1rem 0;
}
.search-form__submit { flex: 0 0 auto; padding: 0.9375rem 2.25rem; }
.search-form__submit-icon { display: none; }

/* ---------- help layout ---------- */
.help-layout { padding: 2.5rem 0 var(--rw-space-section); }
.help-layout__grid { display: grid; grid-template-columns: var(--rw-sidebar-w) minmax(0, 1fr); gap: 20px; align-items: start; }

/* ---------- category sidebar ---------- */
.category-nav {
  background: var(--rw-primary-wash);
  border-radius: 20px;
  padding: 20px;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #d9d9e2 transparent;
}
.category-nav::-webkit-scrollbar { width: 6px; }
.category-nav::-webkit-scrollbar-thumb { background: #d9d9e2; border-radius: 999px; }
.category-nav__list { list-style: none; margin: 0; padding: 0; }
.category-nav__list .category-nav__link {
  display: flex; align-items: center; gap: 0.625rem; padding: 0.625rem 0.875rem;
  border-radius: var(--rw-radius-pill); font: 500 18px/1.4 var(--rw-font); color: #555555;
}
.category-nav__list .category-nav__item:not(:last-child) {
    margin-bottom: 10px;
}
.category-nav__link::before {
  content: ""; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: #B5B5B5;
}
.category-nav__link:hover { background: #fff; color: var(--rw-primary); }
.category-nav__item--current > .category-nav__link { background: var(--rw-primary); color: #fff; font-weight: 600; }
.category-nav__item--current > .category-nav__link::before { background: #fff; }
.category-nav__disclosure { display: none; }

/* ---------- article card ---------- */
.article-card {background: #fff;border: 1px solid var(--rw-border);border-radius: var(--rw-radius-lg);padding: 1.875rem;}
.breadcrumb-rw {
  display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; list-style: none;
  margin: 0 0 1.125rem; padding: 0 0 1.125rem; border-bottom: 1px solid var(--rw-border);
  font: 400 18px/1.4 var(--rw-font); color: var(--rw-text);
}
.breadcrumb-rw__item .breadcrumb-rw__link {color: var(--rw-text);font-weight: 400;font-size: 18px;}
.breadcrumb-rw__link:hover { color: var(--rw-primary); }
.breadcrumb-rw__item--current { color: var(--rw-text-strong); }

.article-header__eyebrow {
    font: 500 14px / 1 var(--rw-font);
    color: #EF4786;
    margin: 0 0 1rem;
}
.article-header .article-header__title {font: 700 1.25rem/1.3 var(--rw-font);letter-spacing: normal;color: #121212;margin: 0 0 1rem;text-wrap: pretty;}
.article-header__meta {display: flex;align-items: center;gap: 0.625rem;font: 400 18px/1 var(--rw-font);color: var(--rw-text-subtle);margin: 0 0 1.25rem;}
.article-header__meta-dot { width: 3px; height: 3px; border-radius: 50%; background: currentColor; }

.video-wrapper {
  margin-bottom: 20px;
  text-align: center; 
}
.article-content .image-block {
  margin-bottom: 20px;
}
.article-card .article-content h5,
.article-content h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
  color: #001033;
  display: flex;
  /* align-items: center; */
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 1rem;
}
.article-content h5:first-of-type {
  margin-top: 0px;
}
.article-content h5::before {
  content: '';
  background: url(../images/title_icon.svg) no-repeat;
  background-size: contain;
  background-position: center;
  width: 18px;
  height: 18px;
  display: flex;
  flex: 0 0 auto;
  margin-top: 3px;
}


/* ---------- media block ---------- */
.media-block { margin: 0 0 1.5rem; }
.media-block__frame {
  position: relative; display: block; border-radius: var(--rw-radius-lg); overflow: hidden;
  aspect-ratio: 16 / 8; background: var(--rw-primary);
  background-image: linear-gradient(rgba(255,255,255,.14) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px);
  background-size: 44px 44px;
}
.media-block__frame img, .media-block__frame video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.media-block__play {
  position: absolute; inset: 0; margin: auto; width: 56px; height: 56px; border-radius: 50%;
  background: #fff; border: 0; cursor: pointer; display: flex; align-items: center; justify-content: center;
  color: var(--rw-primary); box-shadow: 0 8px 22px -10px rgba(16, 33, 79, .45);
  transition: transform .16s ease;
}
.media-block__play:hover { transform: scale(1.06); }
.media-block__badge {
  position: absolute; left: 1rem; bottom: 1rem; display: inline-flex; align-items: center; gap: 0.375rem;
  background: var(--rw-accent-blue); color: #fff; border-radius: var(--rw-radius-sm);
  font: 600 var(--rw-fs-sm)/1 var(--rw-font); padding: 0.5625rem 0.875rem;
}
.media-block__caption { margin: 0.625rem 0 0; font-size: var(--rw-fs-sm); color: var(--rw-text-subtle); }

/* ---------- step list ---------- */
.step-list { background: var(--rw-panel); border-radius: var(--rw-radius-lg); padding: 1.125rem; margin: 0 0 1.5rem; }
.step-list .step-list__heading {font: 700 20px/1.3 var(--rw-font);color: #121212;margin: 0 0 1.25rem;padding-inline: 0;text-transform: initial;}
.step-list__items {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 1.25rem;}
.step { background: #fff; border-radius: var(--rw-radius); padding: 1rem 1.125rem; }
.step .step__title {font: 600 18px/1.5 var(--rw-font);color: #121212;margin: 0 0 1rem;}
.step__number { color: var(--rw-primary); }
.step__body { margin: 0; color: var(--rw-text); }
.article-content ol,
.article-content ul {
  padding-left: 25px;
  display: block;
  margin-bottom: 20px;
}
.article-content ol li,
.article-content ul li,
.article-content p,
.step__body p {margin: 0 0 0.625rem;color: #555555B2;font-size: 18px;line-height: 1.333333;font-family: 'Plus Jakarta Sans', sans-serif;}
.step__body p strong {
  color: #001033;
  font-weight: 500;
}
.step__body p:last-child { margin-bottom: 0; }
.step__body ul, .step__body ol { margin: 0.5rem 0; padding-left: 1.125rem; }
.step__aside { margin: 0.75rem 0 0; color: var(--rw-text); }
.step__aside-label { font-weight: 700; color: var(--rw-ink); }
.step__aside--block .step__aside-label { display: block; }

/* ---------- content block (design B) ---------- */
.content-block { margin: 0 0 1.5rem; }
.content-block__head { display: flex; align-items: flex-start; gap: 0.625rem; margin-bottom: 0.625rem; }
.content-block__glyph { flex: 0 0 auto; color: var(--rw-primary); margin-top: 2px; }
.content-block__title { font: 700 0.9375rem/1.45 var(--rw-font); color: var(--rw-ink); margin: 0; text-wrap: pretty; }
.content-block__body { color: var(--rw-text); }
.content-block__body > *:first-child { margin-top: 0; }
.content-block__body > *:last-child { margin-bottom: 0; }
.content-block__body p { margin: 0 0 0.75rem; max-width: 88ch; }
.content-block__body ul { margin: 0.5rem 0 0.75rem; padding-left: 1.5rem; }
.content-block__body li { margin-bottom: 0.25rem; }
.content-block__body ul li::marker { color: #b9bec9; }

/* ---------- feedback ---------- */
.feedback {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    flex-wrap: wrap;
    border-radius: 16px;
    padding: 1rem 1.25rem;
    margin: 20px 0;
    background: linear-gradient(90deg, #FDF2F6 0%, #F5F5F7 100%);
}
.feedback__prompt {
    font: 600 18px / 1.4 var(--rw-font);
    color: #001033;
    margin: 0;
}
.feedback__actions { display: flex; gap: 20px; }
button:not(:hover):not(:active):not(.has-background).feedback__button,
.feedback__button {
  display: inline-flex;
    align-items: center;
    gap: 0.4375rem;
    background: #fff;
    border: 0;
    border-radius: var(--rw-radius-pill);
    padding: 0.825rem 1.125rem;
    cursor: pointer;
    font: 600 18px / 1 var(--rw-font);
    color: #001033;
}
button:not(:hover):not(:active):not(.has-background).feedback__button.is-selected,
button:not(:hover):not(:active):not(.has-background).feedback__button:focus,
button:not(:hover):not(:active):not(.has-background).feedback__button:hover,
.feedback__button:focus,
.feedback__button:hover {border-color: var(--rw-primary);color: #fff;background: #ef4786;outline: none;}
.feedback__thanks { margin: 0; font: 600 var(--rw-fs-body)/1.4 var(--rw-font); color: var(--rw-primary); }
.feedback__thanks[hidden] { display: none; }

/* ---------- related / article rows ---------- */
.article-rows .article-rows__heading {
    font: 700 20px / 1.3 var(--rw-font);
    color: #121212;
    margin: 0 0 20px;
}
.article-rows__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.75rem; }
.article-row {background: #fff;border: 1px solid var(--rw-border);border-radius: var(--rw-radius);overflow: hidden;}
.article-row__trigger {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  min-height: 48px;
  padding: 0.875rem 1.125rem;
  background: none;
  border: 0;
  text-align: left;
  font: inherit;
  cursor: pointer;
  color: inherit;
}
.article-row__trigger:hover { background: #fdf7f9; }
.article-row__icon {flex: 0 0 auto;width: 32px;height: 32px;border-radius: 10px;background: var(--rw-primary-tint);display: flex;align-items: center;justify-content: center;color: var(--rw-primary);}
.article-row__title {flex: 1 1 auto;font: 500 18px/1.4 var(--rw-font);color: var(--rw-text-strong);}
.article-row__chevron { flex: 0 0 auto; color: var(--rw-ink); transition: transform .18s ease; }
.article-rows--accordion .article-row__chevron { transform: rotate(90deg); }
.article-rows--accordion .article-row__trigger[aria-expanded="true"] .article-row__chevron { transform: rotate(-90deg); }
.article-row__panel { padding: 0 1.125rem 1.125rem 3.5rem; }
.article-row__panel[hidden] { display: none; }
.article-row__summary { margin: 0 0 0.625rem; max-width: 72ch; }
.article-row__more { font: 700 var(--rw-fs-sm)/1 var(--rw-font); }
.article-rows__footer {display: flex;justify-content: center;margin-top: 1rem;}

/* landing page variant: joined rows in one bordered card */
.article-rows--joined {/* border: 1px solid var(--rw-border); *//* border-radius: var(--rw-radius-lg); */overflow: hidden;}
.article-rows--joined .article-rows__list { gap: 0; }
.article-rows--joined .article-row {border: 0;border: 1px solid var(--rw-border);border-radius: 10px;margin-bottom: 10px;display: block;}
.article-rows--joined .article-row:last-child {/* border-bottom: 0; */}

/* ---------- section intro (landing) ---------- */
.section-intro {/* border: 1px solid var(--rw-border); *//* border-radius: var(--rw-radius-lg); *//* padding: 1.5rem 1.75rem; */margin-bottom: 1.75rem;}
.section-intro__head {display: flex;align-items: center;gap: 1.25rem;margin-bottom: 16px;}
.section-intro__icon {flex: 0 0 auto;width: 48px;height: 48px;border-radius: var(--rw-radius-sm);background: var(--rw-primary-tint);display: flex;align-items: center;justify-content: center;color: var(--rw-primary);padding: 10px;}
.section-intro__icon svg {
  width: 100%;
  height: 100%;
}
.section-intro__head h2.section-intro__title,
.section-intro__title {font: 700 1.25rem/1.3 var(--rw-font);letter-spacing: normal;color: #121212;margin: 0;}
.section-intro__text { max-width: 78ch; }
.section-intro__text p {margin: 0;text-wrap: pretty;font-size: 18px;font-weight: 400;line-height: 1.25;color: var(--rw-text);}

/* ---------- site footer ---------- */
.site-footer { background: var(--rw-ink); color: #fff; }
.site-footer__top { padding-top: 3.75rem; }
.site-footer__columns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) 2.4fr; gap: 1.5rem; }
.footer-col__heading { font: 700 var(--rw-fs-h2)/1 var(--rw-font); color: #fff; margin: 0 0 0.75rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgba(255,255,255,.28); }
.footer-col__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.625rem; }
.footer-col__link { font: 400 var(--rw-fs-sm)/1.5 var(--rw-font); color: rgba(255, 255, 255, 0.78); }
.footer-col__link:hover { color: #fff; }
.footer-col__more { font: 400 var(--rw-fs-sm)/1.5 var(--rw-font); color: var(--rw-primary); text-decoration: underline; }
.footer-col__more:hover { color: #fff; }
.footer-col--features .footer-col__heading { margin-bottom: 1.5rem; }
.footer-col__groups { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; }
.footer-group__heading { font: 700 var(--rw-fs-body)/1 var(--rw-font); color: #fff; margin: 0 0 0.875rem; }
.footer-col__explore { display: inline-flex; align-items: center; gap: 0.4375rem; margin-top: 1.25rem; font: 700 var(--rw-fs-body)/1 var(--rw-font); color: var(--rw-primary); text-decoration: underline; }
.footer-col__explore:hover { color: #fff; }

.site-footer__meta { display: flex; justify-content: space-between; align-items: flex-end; gap: 3rem; flex-wrap: wrap; padding: 4rem 0 3rem; }
.site-footer__brand { display: inline-flex; align-items: center; margin-bottom: 1.5rem; }
.site-footer__logo { height: 38px; width: auto; }
.site-footer__label { font: 500 var(--rw-fs-sm)/1 var(--rw-font); color: rgba(255, 255, 255, 0.8); margin: 0 0 1rem; }
.social-list { display: flex; gap: 0.625rem; list-style: none; margin: 0; padding: 0; }
.social-list__link { width: 34px; height: 34px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; color: var(--rw-ink); }
.social-list__link:hover { background: var(--rw-primary); color: #fff; }

.app-promo__heading { font: 700 1.0625rem/1.4 var(--rw-font); color: #fff; margin: 0 0 1.25rem; }
.app-promo__badges { display: flex; gap: 1rem; list-style: none; margin: 0; padding: 0; }
.app-badge { display: flex; align-items: center; gap: 0.625rem; background: #fff; border-radius: var(--rw-radius); padding: 0.75rem 1.25rem; color: var(--rw-ink); }
.app-badge:hover { color: var(--rw-primary); }
.app-badge__eyebrow { display: block; font: 500 0.5rem/1 var(--rw-font); letter-spacing: 0.06em; text-transform: uppercase; color: #5d6478; }
.app-badge__name { display: block; font: 700 0.9375rem/1.2 var(--rw-font); margin-top: 2px; }

.site-footer__legal { border-top: 1px solid rgba(255, 255, 255, 0.18); }
.site-footer__legal-inner { display: flex; justify-content: center; align-items: center; gap: 1rem; flex-wrap: wrap; padding-block: 1.125rem; font-size: var(--rw-fs-sm); color: rgba(255, 255, 255, 0.72); }
.site-footer__legal-inner a { color: rgba(255, 255, 255, 0.72); }
.site-footer__legal-inner a:hover { color: #fff; }
.site-footer__legal-sep { color: rgba(255, 255, 255, 0.3); }

/* ---------- responsive ---------- */
@media (max-width: 1199.98px) {
  :root { --rw-sidebar-w: 240px; }
  .site-nav__list { gap: 1.125rem; }
  .footer-col__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
  :root { --rw-fs-display: 2rem; --rw-space-section: 3.5rem; }
  .site-header__nav,
  .site-header__actions > a.btn-rw--outline { display: none; }
  .site-header__toggle { display: inline-flex; order: 3; }
  .site-header__nav.is-open {
    display: block; position: absolute; inset: 80px 0 auto; z-index: 4;
    background: #fff; border-bottom: 1px solid var(--rw-border);
    padding: 0.5rem var(--rw-gutter) 1.25rem;
    box-shadow: 0 18px 32px -22px rgba(16, 33, 79, .35);
  }
  .site-header__nav.is-open .site-nav__list { flex-direction: column; align-items: stretch; gap: 0; }
  .site-header__nav.is-open .site-nav__link { display: block; padding: 0.875rem 0; border-bottom: 1px solid #f4f3f7; }
  .site-header__nav.is-open .site-nav__actions { display: flex; flex-direction: column; gap: 0.625rem; margin-top: 1.25rem; }
  .site-header__nav.is-open .site-nav__actions .btn-rw { width: 100%; }

  .help-layout__grid { grid-template-columns: 220px minmax(0, 1fr); gap: 1.5rem; }
  .article-card { padding: 1.5rem; }
  .site-footer__columns { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem 1.5rem; }
  .footer-col--features { grid-column: 1 / -1; }
}

@media (max-width: 767.98px) {

  .category-nav__list .category-nav__link {
    padding: 5px 8px;
  }
  .category-nav__list .category-nav__item:not(:last-child) {
    margin-bottom: 5px;
  }

  .category-nav__list .category-nav__link,
  .breadcrumb-rw__item .breadcrumb-rw__link,
  .breadcrumb-rw,
  .article-content ol li, .article-content ul li, .article-content p, .step__body p,
  .article-card .article-content h5, .article-content h5,
  button:not(:hover):not(:active):not(.has-background).feedback__button, .feedback__button,
  .feedback__prompt {
    font-size: 16px;
  }
  .section-intro__head h2.section-intro__title, .section-intro__title,
  .step-list .step-list__heading,
  .article-header .article-header__title,
  .article-rows .article-rows__heading {
    font-size: 18px;
  }
  .section-intro__head {
    gap: 10px;
  }
  .section-intro__icon {
    width: 32px;
    height: 32px;
    padding: 5px;
  }
  .article-card {
      padding: 1rem;
  }
  .article-row__trigger {
    padding: 10px 12px;
  }
  .article-row__icon {
    width: 24px;
    height: 24px;
    border-radius: 4px;
  }
  .article-row__title {
    font-size: 14px;
  }
  :root { --rw-fs-display: 1.625rem; --rw-fs-title: 1.1875rem; --rw-gutter: 1.25rem; --rw-space-section: 2.5rem; }
  .hero { padding: 2.5rem 0 2.75rem; }
  .search-form { flex-direction: column; gap: 0.75rem; }
  .search-form__field { width: 100%; }
  .search-form__submit { width: 100%; }

  .help-layout__grid { grid-template-columns: minmax(0, 1fr); }
  .category-nav { max-height: none; padding: 0.5rem; }
  .category-nav__disclosure {
    /* display: flex; */
     align-items: center; justify-content: space-between; width: 100%;
    background: none; border: 0; padding: 0.75rem 0.875rem; cursor: pointer;
    font: 700 var(--rw-fs-body)/1 var(--rw-font); color: var(--rw-ink);
  }
  .category-nav__list[hidden] { display: none; }

  .media-block__frame { aspect-ratio: 16 / 10; }
  .step-list { padding: 0.75rem; }
  .feedback { flex-direction: column; align-items: flex-start; }
  .feedback__actions { width: 100%; }
  .feedback__button { flex: 1 1 0; justify-content: center; }
  .article-rows__footer .btn-rw { width: 100%; }

  .site-footer__columns { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; }
  .footer-col__groups { grid-template-columns: minmax(0, 1fr); }
  .site-footer__meta { flex-direction: column; align-items: flex-start; gap: 2.5rem; padding: 2.5rem 0; }
  .app-promo__badges { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  .article-row__chevron, .btn-rw, .media-block__play { transition: none; }
}