.ex{gap:28px;display:grid}.ex__head{gap:12px;max-width:60rem;display:grid}.ex__meta{flex-wrap:wrap;align-items:center;gap:10px 14px;font-weight:700;display:flex}.ex__code{background:var(--ex-code-bg);min-width:2.8em;color:var(--ex-code-fg);font-family:var(--font-display);font-weight:900;font-size:var(--step-1);box-shadow:inset 0 0 0 2px var(--negro);place-items:center;padding:.3em .5em .2em;display:inline-grid}.ex__title{font-size:var(--step-4)}.ex__title:focus{outline:none}.ex__instructions{font-size:var(--step-1);max-width:var(--measure)}.ex__timing{font-weight:600}.ex__clock{min-width:3.4em;font-family:var(--font-display);font-weight:800;display:inline-block}.ex__audio{background:var(--turquesa);gap:8px;padding:16px;display:grid}.ex__audio audio{width:100%}.ex__body{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:28px clamp(24px,4vw,56px);display:grid}.ex__body--stacked{grid-template-columns:minmax(0,1fr)}.ex__reading{max-height:calc(100vh - 32px - var(--ex-foot-h,0px));gap:16px;padding-right:4px;display:grid;position:sticky;top:16px;overflow-y:auto}.ex__reading:focus-visible{outline:3px solid var(--negro);outline-offset:4px;box-shadow:0 0 0 7px var(--amarillo)}.ex__text{background:var(--blanco);box-shadow:inset 0 0 0 2px var(--negro);font-family:var(--font-passage);padding:clamp(16px,2.5vw,28px);font-size:1.125rem;line-height:1.65;position:relative}.ex__text h2{font-family:var(--font-passage);letter-spacing:0;margin-bottom:.5em;font-size:1.25rem;font-weight:700}.ex__text p+p{margin-top:.8em}.ex__text-id{background:var(--negro);width:2em;height:2em;color:var(--blanco);font-family:var(--font-display);place-items:center;margin-bottom:8px;font-weight:900;display:inline-grid}.ex__text--short{font-size:1.0625rem}.ex__shared{font-family:var(--font-passage);gap:8px;padding:0;list-style:none;display:grid}.ex__shared li{background:var(--blanco);box-shadow:inset 0 0 0 2px var(--negro);grid-template-columns:2.2em minmax(0,1fr);gap:10px;padding:12px 14px;display:grid}.ex__shared-id{font-family:var(--font-display);font-weight:900}.ex__stack{gap:22px;display:grid}.ex__pair{border-bottom:2px solid var(--negro);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px clamp(18px,3vw,40px);padding-bottom:22px;display:grid}.ex__items{gap:16px;display:grid}.ex-item{border:0;border-top:2px solid var(--negro);gap:12px;margin:0;padding:16px 0 18px;display:grid}.ex-item legend{align-items:baseline;gap:12px;margin-bottom:10px;padding:0;display:flex}.ex-item__n{min-width:1.6em;font-family:var(--font-display);font-weight:900;font-size:var(--step-1);flex:none}.ex-item__prompt{font-family:var(--font-passage);font-size:1.125rem;line-height:1.5}.bubbles{gap:8px;display:grid}.bubbles--row{flex-wrap:wrap;gap:8px;display:flex}.bubble-opt{cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:6px 12px 6px 6px;display:flex;position:relative}.bubbles:not(.bubbles--row) .bubble-opt{box-shadow:inset 0 0 0 2px var(--negro)}.bubbles--row .bubble-opt{min-height:0;padding:2px}.bubble-opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.bubble{width:40px;height:40px;font-family:var(--font-display);background:var(--blanco);box-shadow:inset 0 0 0 2px var(--negro);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.bubble-opt__label{font-family:var(--font-passage);font-size:1.0625rem;line-height:1.4}.bubble-opt.is-chosen .bubble{background:var(--negro);color:var(--blanco)}.bubbles:not(.bubbles--row) .bubble-opt.is-chosen{background:var(--amarillo);box-shadow:inset 0 0 0 3px var(--negro)}.bubble-opt:has(input:focus-visible){outline:3px solid var(--negro);outline-offset:2px}.bubble-opt.is-answer .bubble{background:var(--turquesa);color:var(--negro);box-shadow:inset 0 0 0 3px var(--negro)}.bubble-opt.is-wrong .bubble{background:var(--rojo);color:var(--blanco)}.bubble-opt input:disabled{cursor:default}.ex-feedback{background:var(--blanco);box-shadow:inset 0 0 0 2px var(--negro);gap:4px;padding:12px 14px;display:grid}.ex-item--right .ex-feedback{background:#e6f6f5}.ex-item--wrong .ex-feedback{background:#fbe9e8}.ex-feedback__verdict{font-weight:800}.gap{border-bottom:2px solid var(--negro);font-family:var(--font-text);align-items:baseline;gap:4px;margin:0 2px;padding:0 6px;font-size:.95em;display:inline-flex}.gap__n{font-family:var(--font-display);font-size:.8em;font-weight:900}.gap__fill{min-width:3.5em}.gap--filled{background:var(--amarillo)}.gap--right{background:#e6f6f5}.gap--wrong{background:#fbe9e8}html:has(.ex__foot:not(.ex__foot--done)){scroll-padding-bottom:calc(var(--ex-foot-h,76px) + 16px)}.ex__foot{z-index:5;background:var(--negro);color:var(--blanco);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:14px clamp(14px,2vw,22px);display:flex;position:sticky;bottom:0}.ex__check,.ex__save{--cut-bg:var(--amarillo);--cut-fg:var(--negro)}.ex__foot .cut:focus-visible{outline:3px solid var(--blanco);outline-offset:3px}.ex__check:disabled{opacity:.45;cursor:default}.ex__score{flex-wrap:wrap;align-items:center;gap:10px 24px;display:flex}.ex__score h2{font-size:var(--step-3)}.ex__score h2:focus{outline:none}.ex__score .cut--quiet{--cut-bg:var(--negro);--cut-fg:var(--blanco);box-shadow:inset 0 0 0 2px var(--blanco)}.ex__transcript summary{cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:var(--step-1)}.ex__transcript div{font-family:var(--font-passage);margin-top:10px}@media (width<=900px){.ex__body,.ex__pair{grid-template-columns:minmax(0,1fr)}.ex__reading{max-height:none;position:static;overflow:visible}}@media (width<=560px){.ex__foot{flex-wrap:nowrap;padding:10px 14px}.ex__foot--done{flex-wrap:wrap;position:static}.ex__check{min-height:44px;font-size:var(--step-0);padding:.7em 1em .6em}}.ex__signin a{color:var(--amarillo);font-weight:700}.ex__restored{background:var(--turquesa);padding:12px 14px;font-weight:600}