[data-iws6ufaa5tcyagqujgt="xzzi-hhuthvt_6u_i1"] {
  --route-space: clamp(16px, 2vw, 32px);
  --route-radius: 1px;
  --route-font-size: clamp(16px, 1vw, 19px);
  --route-cap: clamp(280px, 88vw, 1100px);
  --route-color: #01301d;
  --route-surface: #fff9df;
  --route-accent: #fd5824;
  container-type: inline-size;
  box-sizing: border-box;
  color: var(--route-color);
  font-family: Poppins, sans-serif;
  font-size: var(--route-font-size);
  line-height: 1.55;
  padding: clamp(28px, 5vw, 80px) clamp(16px, 5vw, 96px);

  & .flow {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    box-sizing: border-box;
    gap: clamp(32px, 5vw, 72px);
    width: min(100%, var(--route-cap));
    min-width: 0;
    margin-inline: auto;
  }

  & .intro {
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 2vw, 24px);
    max-width: 74ch;
    min-width: 0;
  }

  & .eyebrow {
    margin: 0;
    color: #315c45;
    font-size: clamp(12px, .8vw, 14px);
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  & h1 {
    max-width: 100%;
    margin: 0;
    font-size: clamp(36px, 5vw, 72px);
    line-height: 1.08;
  }

  & .lead {
    max-width: 68ch;
    margin: 0;
    font-size: clamp(18px, 1.3vw, 22px);
    line-height: 1.5;
  }

  & .topic {
    display: flex;
    flex-direction: column;
    gap: clamp(24px, 4vw, 48px);
    min-width: 0;
    width: 100%;
  }

  & .topic-head {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 72ch;
  }

  & h2 {
    margin: 0;
    font-size: clamp(26px, 3vw, 40px);
    line-height: 1.2;
  }

  & .topic-head p:last-child {
    margin: 0;
  }

  & .questions {
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.5vw, 20px);
    min-width: 0;
  }

  & .qa {
    box-sizing: border-box;
    min-width: 0;
    border: 1px solid #315c45;
    border-radius: var(--route-radius);
    background: var(--route-surface);
    box-shadow: 4px 4px 0 #01301d;
  }

  & summary {
    display: list-item;
    min-height: 44px;
    padding: clamp(16px, 2vw, 24px);
    color: var(--route-color);
    font-size: clamp(17px, 1.2vw, 21px);
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
    overflow-wrap: anywhere;
  }

  & summary:focus-visible {
    outline: 3px solid var(--route-accent);
    outline-offset: 3px;
  }

  & .answer {
    max-width: 78ch;
    padding: 0 clamp(16px, 2vw, 24px) clamp(16px, 2vw, 24px);
  }

  & .answer p {
    margin: 0 0 1em;
  }

  & .answer p:last-child {
    margin-bottom: 0;
  }

  & a {
    overflow-wrap: anywhere;
    text-underline-offset: .18em;
  }

  & a:focus-visible {
    outline: 3px solid var(--route-accent);
    outline-offset: 3px;
  }

  & .help-note {
    box-sizing: border-box;
    max-width: 78ch;
    padding: clamp(20px, 3vw, 36px);
    border-left: 6px solid var(--route-accent);
    background: #e4dfc4;
  }

  & .help-note h2 {
    margin-bottom: 12px;
    font-size: clamp(22px, 2vw, 30px);
  }

  & .help-note p {
    margin: 0;
  }

  @container (min-width: 40rem) {
    & .qa { box-shadow: 6px 6px 0 #01301d; }
  }

  @container (min-width: 64rem) {
    & .intro { padding-block: clamp(8px, 2vw, 24px); }
  }

  @container (min-width: 90rem) {
    & .flow { gap: 72px; }
  }
}