:where(summary):focus-visible{outline: 3px solid var(--accent);outline-offset: 2px}.tp-screen{flex: 1;width: 100%;max-width: 40rem;margin-inline: auto;padding: 1rem 1.25rem 1.5rem}.tp-form{display: flex;flex-direction: column;gap: 0.75rem}.tp-fieldset{border: 0;padding: 0;margin: 0;min-width: 0}.tp-question{font-family: var(--font-heading);font-weight: 400;font-size: 1.375rem;line-height: 1.3;margin: 0}.tp-reminder{font-size: 0.875rem;color: var(--color-ink);background: var(--color-surface-tint);padding: 0.5rem 0.75rem;border-radius: 3px}.tp-note{margin-top: 0.25rem;font-size: 0.875rem;color: var(--color-ink-muted)}.tp-note-summary{cursor: pointer;color: var(--color-ink);font-weight: 600;line-height: 1.25rem;padding-block: 0.75rem;border-radius: 3px}.tp-note-text{margin: 0 0 0.25rem}.tp-note-heading{font-weight: 600;color: var(--color-ink)}.tp-na{background: none;border: 0;cursor: pointer;text-align: start;min-height: 2.75rem}.tp-na[aria-pressed='true']{color: var(--color-ink);font-weight: 600}.tp-legend{font-weight: 600;font-size: 0.9375rem;margin-bottom: 0.5rem}.tp-ticks{display: flex;flex-direction: column;gap: 0.5rem}.tp-tick{display: flex;align-items: center;gap: 0.625rem;min-height: 2.75rem;padding: 0.5rem 0.75rem;border: 2px solid var(--color-field-border);border-radius: 3px;background: var(--color-surface)}.tp-tick:has(input:checked){border-color: var(--color-ultramarine);background: var(--color-surface-tint)}.tp-tick input{accent-color: var(--color-ultramarine);width: 1.125rem;height: 1.125rem;flex: none}.tp-tick:has(input:focus-visible){outline: 2px solid var(--color-ultramarine);outline-offset: 2px}.tp-primary{display: flex;flex-direction: column;margin-top: 1rem}.tp-select{min-height: 2.75rem;border: 2px solid var(--color-field-border);border-radius: 3px;padding: 0.5rem;background: var(--color-surface);font: inherit}.tp-counts{display: flex;flex-direction: column;gap: 0.5rem}.tp-count{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.375rem 0;border-bottom: 1px solid var(--color-track)}.tp-count-label{flex: 1;font-size: 0.9375rem}.tp-count-controls{display: flex;align-items: center;gap: 0.375rem;flex: none}.tp-count-step{width: 2.75rem;height: 2.75rem;border: 2px solid var(--color-field-border);border-radius: 3px;background: var(--color-surface);color: var(--color-ink);font-size: 1.25rem;cursor: pointer}.tp-count-step[aria-disabled='true']{color: var(--color-ink-muted);cursor: default}.tp-count-step:focus-visible, .tp-count-input:focus-visible, .tp-select:focus-visible{outline: 2px solid var(--color-ultramarine);outline-offset: 2px}.tp-count-input{width: 3.5rem;height: 2.75rem;text-align: center;border: 2px solid var(--color-field-border);border-radius: 3px;font: inherit;font-variant-numeric: tabular-nums}.tp-error{color: var(--color-ink);border-left: 4px solid var(--color-vermillion);padding-left: 0.625rem;font-size: 0.9375rem}.tp-back{display: inline-flex;align-items: center;min-height: 2.75rem;color: var(--color-ink);text-decoration: underline;text-underline-offset: 4px}.tp-welcome-title{font-family: var(--font-heading);font-weight: 400;font-size: 2rem;line-height: 1.2;margin: 0.5rem 0}.tp-welcome-value{font-size: 1.125rem;margin-bottom: 0.5rem}.tp-welcome-block{margin: 1.5rem 0}.tp-welcome-heading{font-family: var(--font-heading);font-weight: 400;font-size: 1.25rem;margin-bottom: 0.25rem}.tp-welcome-disclaimer{margin-bottom: 1.5rem}.tp-result{max-width: 46rem;margin-inline: auto;padding: 1rem 1.25rem 2rem;display: flex;flex-direction: column;gap: 1rem}.tp-score{background: var(--color-navy);color: var(--color-cloud);padding: 1.25rem;border-radius: 3px}.tp-score-heading{font-family: var(--font-heading);font-weight: 400;font-size: 1.25rem;margin: 0}.tp-score-figure{margin: 0.25rem 0}.tp-score-number{font-family: var(--font-heading);font-size: 3rem;line-height: 1}.tp-score-of{font-size: 1.125rem}.tp-score-band{display: flex;align-items: center;gap: 0.375rem;flex-wrap: wrap}.tp-dot{width: 0.75rem;height: 0.75rem;border-radius: 3px;background: var(--color-smoke)}.tp-score[data-colour='green'] .tp-dot{background: var(--color-olive)}.tp-score[data-colour='amber'] .tp-dot{background: var(--color-mustard)}.tp-score[data-colour='coral'] .tp-dot{background: var(--color-vermillion)}.tp-score-result{font-family: var(--font-heading);font-size: 1.5rem;margin-top: 0.5rem}.tp-score-label, .tp-peer{font-size: 0.875rem;color: var(--color-on-navy-muted)}.tp-card{background: var(--color-surface);border: 1px solid var(--color-track);border-radius: 3px;padding: 1rem 1.25rem;display: flex;flex-direction: column;gap: 0.5rem}.tp-card-heading{font-family: var(--font-heading);font-weight: 400;font-size: 1.25rem;margin: 0}.tp-flags{padding-left: 1.25rem;list-style: disc}.tp-flag::marker{color: var(--color-vermillion)}.tp-actions{padding-left: 1.25rem;list-style: decimal;display: flex;flex-direction: column;gap: 0.75rem}.tp-discuss-link, .tp-discuss a{color: var(--color-ink);text-decoration: underline;text-underline-offset: 4px;display: inline-flex;min-height: 2.75rem;align-items: center}.tp-flip dt{font-weight: 600;margin-top: 0.5rem}.tp-flip dd{margin: 0}.tp-answers{padding-left: 1.25rem;list-style: decimal;display: flex;flex-direction: column;gap: 0.75rem}.tp-answer-statement{margin: 0}.tp-answer-given{margin: 0;font-weight: 600}.tp-effect{font-weight: 400;color: var(--color-ink-muted)}.tp-effect-flag{color: var(--color-ink)}.tp-dyk{font-size: 0.875rem;color: var(--color-ink-muted);margin: 0}.tp-discuss-lead{margin: 0}.tp-page-heading{font-family: var(--font-heading);font-weight: 400;font-size: 1.75rem;line-height: 1.2;margin: 0}.tp-intro-subtitle{font-size: 1.0625rem;margin: 0.25rem 0 0}.tp-subheading{font-weight: 600;font-size: 1rem;margin: 0.5rem 0 0}.tp-score :focus-visible{outline-color: var(--color-riptide)}.tp-on-navy-link{color: var(--color-cloud);text-decoration: underline;text-underline-offset: 4px;display: inline-flex;min-height: 2.75rem;align-items: center}.tp-tile-group{display: flex;flex-direction: column;gap: 0.75rem}.tp-tiles{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));gap: 0.75rem;list-style: none;padding: 0;margin: 0}.tp-tiles > li{display: flex}.tp-tile{flex: 1;background: var(--color-surface);border: 1px solid var(--color-track);border-radius: 3px;padding: 0.875rem 1rem;display: flex;flex-direction: column;gap: 0.375rem}.tp-tile-name{font-family: var(--font-heading);font-weight: 400;font-size: 1.125rem;line-height: 1.3;margin: 0}.tp-tile-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 0.25rem 0.625rem;font-size: 0.875rem;color: var(--color-ink-muted);margin: 0}.tp-chip{color: var(--color-ink);font-weight: 600}.tp-tile-detail{display: flex;align-items: center;gap: 0.375rem;margin: 0;font-weight: 600}.tp-tile-link{margin-top: auto;color: var(--color-ink);text-decoration: underline;text-underline-offset: 4px;display: inline-flex;min-height: 2.75rem;align-items: center}[data-colour='green'] > .tp-dot, .tp-score[data-colour='green'] .tp-dot{background: var(--color-olive)}[data-colour='amber'] > .tp-dot, .tp-score[data-colour='amber'] .tp-dot{background: var(--color-mustard)}[data-colour='coral'] > .tp-dot, .tp-score[data-colour='coral'] .tp-dot{background: var(--color-vermillion)}.tp-reveal{border-left: 4px solid var(--color-smoke);padding: 0.25rem 0 0.25rem 0.75rem;display: flex;flex-direction: column;gap: 0.375rem}.tp-reveal[data-correct='true']{border-left-color: var(--color-olive)}.tp-reveal[data-correct='false']{border-left-color: var(--color-vermillion)}.tp-reveal p{margin: 0}.tp-reveal-verdict{font-weight: 600;font-size: 1.125rem}.tp-reveal-answer{font-weight: 600}.tp-records{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column}.tp-records li{display: flex;justify-content: space-between;gap: 1rem;padding: 0.375rem 0;border-bottom: 1px solid var(--color-track)}.tp-record-state{font-weight: 600;flex: none}.tp-records li[data-held='false'] .tp-record-state{color: var(--color-ink-muted)}.tp-index-now{margin: 0;font-size: 1.125rem}.tp-index-now-number{font-family: var(--font-heading);font-size: 2rem}.tp-result-nav{display: flex;flex-wrap: wrap;gap: 0.75rem}.tp-tile-form{display: flex;flex-direction: column;gap: 1rem}button.tp-tile-link{background: none;border: 0;padding: 0;font: inherit;text-align: start;cursor: pointer;align-self: flex-start}.tp-score-number{overflow-wrap: anywhere}.tp-records li{flex-wrap: wrap}