.trial-shell{max-width:720px;margin:40px auto 80px;padding:0 24px;min-height:65svh}
.guide-nav .brand{position:static;height:auto;flex:0 0 auto;font:700 32px/1.2 Kalam,Bodoni,serif;text-decoration:none}
.trial-shell h1{font:700 clamp(42px,7vw,64px)/1.12 Karantina,Heebo,sans-serif;margin:0 0 20px}
.trial-shell p{font-size:18px;line-height:1.7}
.trial-progress{height:8px;background:var(--line);border-radius:8px;overflow:hidden;margin:12px 0 28px}
.trial-progress span{display:block;height:100%;background:var(--teal);width:0}
#trialCard{padding:28px 0;border-block:1px solid var(--line)}
#trialCard h2{font-size:26px;line-height:1.4;margin:0 0 22px}
.trial-word{background:var(--teal);padding:32px 20px;border-radius:14px;text-align:center}
.trial-word strong{display:block;font:700 clamp(32px,7vw,52px)/1.4 Bodoni,Georgia,serif;overflow-wrap:anywhere}
.trial-word p{margin:12px 0;font-size:22px}.trial-word .trial-transcription{font-size:19px}
.trial-audio{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.trial-audio button{font:700 18px Heebo,sans-serif;min-height:52px;padding:12px 20px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:10px;cursor:pointer}
.trial-audio button[aria-busy=true]{background:var(--yellow)}
.trial-answers{display:grid;gap:12px}.trial-answers button{font:700 20px/1.6 Heebo,sans-serif;min-height:56px;text-align:start;border:1px solid var(--ink);padding:14px 18px;background:var(--paper);color:var(--ink);border-radius:10px;cursor:pointer}
.trial-answers button:disabled{opacity:1;cursor:default}.trial-answers button[data-result=correct]{background:var(--teal)}.trial-answers button[data-result=wrong]{background:var(--coral)}
#trialFeedback{min-height:32px;font-weight:700}#trialNext{min-height:56px;font:800 18px Heebo,sans-serif;cursor:pointer;width:100%}#trialNext:disabled{opacity:.45;cursor:default}
#trialNext[hidden]{display:none}
.trial-note{color:var(--muted);font-size:16px!important}.trial-actions{display:grid;gap:18px;margin-top:24px}.trial-actions .guide-button{text-align:center}.trial-actions button{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:10px;padding:14px;font:700 18px Heebo,sans-serif;min-height:52px;cursor:pointer}
@media(max-width:480px){.trial-shell{margin-top:28px;padding-inline:20px}.guide-nav{flex-wrap:wrap}.trial-shell h1{font-size:44px}}