/* Website Experience v2: no game/player overrides. */
.ex-start-grid,.ex-result-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
.ex-route,.ex-panel{padding:clamp(1rem,3vw,1.75rem);border:1px solid var(--etl-border);border-radius:1rem;background:var(--etl-surface);min-width:0}
.ex-route{display:flex;flex-direction:column}.ex-route p{flex:1}.ex-route .button{margin-top:.5rem}
.ex-start-paths{padding-block:2.5rem}.ex-route h3{font-size:1.25rem;line-height:1.35;margin-top:0}.ex-route .eyebrow{flex:none}
.ex-check{max-width:54rem;padding-block:2rem 3rem}.ex-check .hub-heading{max-width:46rem}.ex-panel{margin-block:1.5rem}
.ex-check [hidden]{display:none!important}.ex-check fieldset{border:0;padding:0;margin:0;min-width:0}.ex-check legend{font-size:1.2rem;font-weight:650;margin-bottom:1rem;line-height:1.5;max-width:100%}
.ex-check progress{width:100%;height:.65rem;accent-color:var(--etl-primary)}.ex-check h2{margin-top:1rem}
.ex-passage{white-space:pre-line;background:var(--etl-surface-blue);border-left:4px solid var(--etl-primary);padding:1rem;border-radius:.5rem}
.ex-choices{display:grid;gap:.75rem}.ex-choice{display:flex;gap:.75rem;align-items:flex-start;border:1px solid var(--etl-control-border);border-radius:.65rem;padding:1rem;min-height:48px;cursor:pointer;line-height:1.5}
.ex-choice:has(input:checked){background:var(--etl-surface-blue);border-color:var(--etl-primary)}.ex-choice:focus-within{outline:3px solid var(--etl-primary);outline-offset:3px}.ex-choice input{flex:0 0 auto;width:1.25rem;height:1.25rem;margin:.2rem 0 0;accent-color:var(--etl-primary)}.ex-choice span{min-width:0;overflow-wrap:anywhere}
.ex-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-block:1.5rem}.ex-actions .button{min-height:48px}.ex-error{color:var(--etl-error);font-weight:600;margin-block:.75rem;min-height:1.5em}
.ex-check button:disabled{opacity:.65;cursor:default}.ex-note{color:var(--etl-muted);font-size:1rem}.ex-recommendations{padding-left:1.4rem}.ex-recommendations li{padding:.75rem 0}.ex-recommendations a{font-weight:650}.ex-recommendations small{display:block;font-size:1rem;color:var(--etl-muted)}
.ex-review{margin-block:1.5rem;border-block:1px solid var(--etl-border);padding-block:1rem}.ex-review summary{min-height:48px;cursor:pointer;font-weight:650}.ex-review li{margin-block:1.5rem}.ex-review p{margin-block:.5rem}.ex-result-grid{margin-block:1.5rem}
.ex-time{margin-block:2.5rem}.ex-skill-examples{padding-left:1.2rem}.ex-skill-examples li{margin-block:.5rem}.ex-skill-examples a{display:inline-block;padding-block:.25rem;line-height:1.5}
.ex-duration-form{display:flex;align-items:end;flex-wrap:wrap;gap:.75rem;margin-block:1.5rem}.ex-duration-form label{display:grid;gap:.4rem;min-width:0}.ex-duration-form select{max-width:100%;min-height:48px;padding:.6rem;font:inherit}.ex-duration-form .button{min-height:48px}
.ex-time-empty{padding:1rem;background:var(--etl-surface-blue);border-radius:.75rem}.ex-start-grid>*{overflow-wrap:anywhere}
@media(min-width:44rem){.ex-start-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ex-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:30rem){.ex-actions .button{width:100%}.ex-duration-form label,.ex-duration-form .button{width:100%}}