/* Site rules that are not part of the design system: which quiz screen shows. Tokens only, no colors. */

/* With JavaScript, the quiz shows one screen at a time. Without it, every question shows in one form. */
.js [data-step]:not([data-current]) { display: none; }
html:not(.js) [data-js-only] { display: none; }

/* A busy state while the range loads. */
[aria-busy="true"] { cursor: progress; }

/* Home page layout. Tokens only, no colors. */
.ydw-landing__split { display: grid; gap: var(--ydw-space-6); align-items: start; }
@media (min-width: 880px) { .ydw-landing__split { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); } }
.ydw-scorecard > .ydw-worth__rows-title { margin-top: var(--ydw-space-6); }
.ydw-worth__rows-title + .ydw-scorecard__rows { margin-top: var(--ydw-space-3); }
.ydw-scorecard > .ydw-scorecard__rows + .ydw-disclaimer { margin-top: var(--ydw-space-3); }
.ydw-notice { max-width: 46rem; }
.ydw-notice > p { font-size: var(--ydw-size-body); line-height: var(--ydw-leading-body); }
.ydw-hero__lede a { text-decoration-thickness: 1px; }
.ydw-hero__lede a:hover { text-decoration-thickness: 2px; }

/* The how it works page: section rules sit a little closer to their headings. */
.ydw-prose > h2.ydw-title-rule::after { margin-top: var(--ydw-space-3); }