/* The id keeps this ahead of the .lm-wl-row block authored near the
       footer, which resets gap to 0 and is later in the cascade. */
    .lm-wl-row #landing-more{gap:clamp(18px,3vw,36px);flex-wrap:wrap}
    .aud-choose{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--text-ghost)}
    /* Give the quiet chooser its own vertical beat. It sat 20px under the
       quick-link cards (their margin-bottom) and 36px above the Full tour
       bar (the #landing-more row-gap), so it hugged the cards and read as
       attached to them. 14px lifts the top gap to ~34 to balance the 36
       below. Only bites in the chooser-visible state: when [hidden],
       #landing-more has a single flex item and no row-gap applies. */
    .lm-wl-row .aud-choose{margin-top:14px}
    .aud-choose[hidden]{display:none}
    .aud-choose-btn{appearance:none;border:1px solid var(--text-ghost);background:transparent;color:var(--text-dim);border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s;text-decoration:none;display:inline-block}
    .aud-choose-btn:hover{color:var(--text);border-color:var(--text-dim)}
    /* One row per question. Only one is ever unhidden, so the chooser
       keeps its single-line footprint through both steps. */
    .aud-step{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
    .aud-step[hidden]{display:none}
    @media(max-width:700px){.aud-choose{width:100%}}