
#la-gap-sample{--paper:light-dark(#f4efe4,#252a25);--sheet:light-dark(#fffdf8,#30362e);--ink:light-dark(#26221b,#f4f0e6);--teal:light-dark(#0c4e54,#b2dcd6);--line:light-dark(#d8cfbc,#59604f);--soft:light-dark(#eee7d7,#3b4235);--good:light-dark(#e5f4e9,#264a34);--good-ink:light-dark(#176236,#dbf3df);--button-ink:light-dark(#fffdf8,#19342f);font:16px/1.6 system-ui,sans-serif;color:var(--ink);background:var(--paper);border-radius:12px;padding:25px;max-width:736px;margin:auto}
#la-gap-sample *{box-sizing:border-box}#la-gap-sample [hidden]{display:none!important}#la-gap-sample h2{font:500 25px/1.3 Georgia,serif;color:var(--teal);margin:0 0 17px}#la-gap-sample h3{font:500 18px/1.45 system-ui;margin:18px 0 8px}#la-gap-sample p{margin:10px 0}#la-gap-sample .lg-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;font-size:13px;color:var(--teal)}#la-gap-sample button,#la-gap-sample select{font:inherit;color:inherit;max-width:100%}#la-gap-sample button{min-height:44px}#la-gap-sample button:disabled{cursor:default}#la-gap-sample button:focus-visible,#la-gap-sample select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}#la-gap-sample .lg-link{background:none;border:0;padding:6px 0;color:var(--teal);text-decoration:underline;text-underline-offset:4px;font-size:14px}#la-gap-sample .lg-primary{background:var(--teal);color:var(--button-ink);border:0;border-radius:7px;padding:10px 18px}#la-gap-sample .lg-secondary{background:var(--sheet);border:1px solid var(--line);border-radius:7px;padding:9px 15px}#la-gap-sample .lg-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}#la-gap-sample .lg-prompt{padding:0;background:transparent;border-radius:0;margin:0 0 22px;color:var(--ink)}#la-gap-sample .lg-prompt p{margin:5px 0 0;color:var(--ink)}#la-gap-sample .lg-label{font:500 13px/1.5 system-ui;color:var(--teal)}#la-gap-sample .lg-letter{font:18px/1.95 Georgia,serif;background:var(--sheet);border:1px solid var(--line);border-radius:8px;padding:20px;margin:15px 0}#la-gap-sample .lg-letter p{margin:13px 0 0}#la-gap-sample .lg-letter button.lg-sentence{display:inline;min-height:0;font:inherit;line-height:inherit;border:0;background:transparent;padding:3px 0;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-align:left}#la-gap-sample .lg-sentence:not(:disabled):hover{background:var(--soft)}#la-gap-sample .lg-sentence[aria-pressed=true]{background:var(--teal)!important;color:var(--button-ink)!important}#la-gap-sample .lg-choices{display:grid;gap:0;margin-top:12px}#la-gap-sample .lg-choice{background:transparent;border:0;border-bottom:1px solid light-dark(#ced7d1,#46534b);border-radius:0;text-align:left;padding:12px 4px;display:flex;gap:12px;align-items:baseline;width:100%;line-height:1.5}#la-gap-sample .lg-choice:last-child{border-bottom:0}#la-gap-sample .lg-choice:hover:not(:disabled){background:var(--soft)}#la-gap-sample .lg-good{background:var(--good)!important;color:var(--good-ink)!important;border-color:var(--good-ink)!important}#la-gap-sample .lg-note{margin-top:18px;border-left:3px solid var(--teal);padding:4px 0 4px 14px}#la-gap-sample .lg-note p{margin:0}#la-gap-sample .lg-row{display:flex;gap:12px;align-items:start;margin:10px 0}#la-gap-sample .lg-row label{min-width:100px}#la-gap-sample select{background:var(--sheet);border:1px solid var(--line);padding:9px;border-radius:6px;width:100%}#la-gap-sample .lg-selected{border-color:var(--teal);background:var(--soft)}#la-gap-sample .lg-small{font-size:13px}#la-gap-sample .lg-rule{font-size:18px}#la-gap-sample .lg-order{padding-left:22px}#la-gap-sample .lg-order li{padding:5px 0}#la-gap-sample .lg-disabled{opacity:.6}#la-gap-sample .lg-rulelist{padding-left:21px}#la-gap-sample .lg-rulelist li{margin:8px 0}#la-gap-sample .lg-divider{border:0;border-top:1px solid var(--line);margin:18px 0}#la-gap-sample .lg-done-label{font:500 12px system-ui;margin-left:8px;color:var(--good-ink)}#la-gap-sample .lg-pick{font:inherit;background:var(--soft);border:0;border-radius:4px;text-align:left;padding:3px 6px;display:inline;min-height:0}#la-gap-sample .lg-choice span:last-child{flex:1}
#la-gap-sample .lg-directions{margin:18px 0 14px;padding:13px 17px;border-radius:7px;background:var(--teal);color:var(--button-ink)}
#la-gap-sample .lg-directions-label{display:block;font:500 12px/1.4 system-ui,sans-serif;letter-spacing:.08em;margin-bottom:4px}
#la-gap-sample .lg-directions p{font:600 18px/1.45 system-ui,sans-serif;margin:0}
#la-gap-sample{--prompt-font:400 16px/1.6 system-ui,sans-serif;--text-font:400 18px/1.65 Georgia,serif;--question-font:600 18px/1.5 system-ui,sans-serif;--passage-ink:light-dark(#202724,#f5f5f1);--passage-surface:light-dark(#ffffff,#182321);--prompt-ink:light-dark(#24312c,#f1f4f0);--prompt-surface:light-dark(#e8ece9,#313932)}
#la-gap-sample .lg-prompt{font:var(--prompt-font);color:var(--prompt-ink);background:var(--prompt-surface);padding:16px 20px;border:0;border-radius:4px;margin:0 0 20px}
#la-gap-sample .lg-prompt .lg-label{display:block;color:var(--prompt-ink);margin:0 0 6px}
#la-gap-sample .lg-prompt p{font:inherit;color:inherit;margin:0}
#la-gap-sample .lg-letter{background:var(--passage-surface);color:var(--passage-ink);font:var(--text-font);border:0;border-radius:4px;padding:18px 20px}
#la-gap-sample .lg-choice-text{font:var(--text-font)}
#la-gap-sample .lg-letter p{display:block;white-space:normal;text-align:left;color:var(--passage-ink);font:inherit}
#la-gap-sample .lg-letter>div{color:var(--passage-ink)}
#la-gap-sample .lg-letter .lg-hit{color:inherit}
#la-gap-sample .lg-letter p.lg-order-space{min-height:6em;padding:12px 14px;border:1px solid var(--line);border-radius:6px}
#la-gap-sample .lg-letter p.lg-order-space:empty{border:2px dashed var(--teal)}
#la-gap-sample .lg-letter label.lg-sentence{display:inline;position:relative;font:inherit;line-height:inherit;white-space:normal;word-break:normal;overflow-wrap:normal;background:transparent;margin:0;padding:0;border:0;border-radius:0;text-align:inherit}
#la-gap-sample .lg-inline-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
#la-gap-sample .lg-hit{display:inline;font:inherit;line-height:inherit;padding:3px 0;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#la-gap-sample label.lg-sentence:not(.lg-inert):hover{background:transparent}
#la-gap-sample label.lg-sentence:not(.lg-inert):hover .lg-hit{text-decoration:underline;text-underline-offset:3px}
#la-gap-sample label.lg-sentence.lg-inert:hover{background:transparent}
#la-gap-sample .lg-current-part{display:inline;padding:3px 0;background:light-dark(#f4d87b,#6a5423);color:light-dark(#26221b,#fff2cf);border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#la-gap-sample .lg-inline-input:focus-visible + .lg-hit{outline:2px solid var(--teal);outline-offset:3px}
#la-gap-sample label.lg-sentence.lg-good{background:transparent!important}
#la-gap-sample label.lg-sentence.lg-good .lg-hit{background:var(--good)!important;color:var(--good-ink)!important}
#la-gap-sample label.lg-sentence.lg-comma{display:inline-block;min-width:44px;min-height:44px;text-align:left;vertical-align:baseline}
#la-gap-sample .lg-lesson-card{background:var(--sheet);border:1px solid var(--line);border-radius:10px;padding:19px;margin-bottom:20px}
#la-gap-sample .lg-lesson-card h2{margin:4px 0 8px}
#la-gap-sample .lg-lesson-image{display:block;width:100%;height:auto;margin:13px 0 0;border-radius:4px}
#la-gap-sample .lg-lesson-card p{margin:7px 0}
#la-gap-sample .lg-teacher-box{background:light-dark(#edf2ef,#293a32);border:0;border-radius:8px;padding:18px;color:var(--ink)}
#la-gap-sample .lg-teacher-voice{margin-bottom:14px}
#la-gap-sample .lg-teacher-command{font:var(--question-font);margin:0;color:var(--teal)}
#la-gap-sample .lg-teacher-feedback{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px;padding:12px;border:0;border-left:4px solid currentColor;border-radius:3px;font:16px/1.5 system-ui,sans-serif}
#la-gap-sample .lg-feedback-retry{background:light-dark(#fff0d8,#51351c);color:light-dark(#71380d,#ffe1ac)}
#la-gap-sample .lg-feedback-correct{background:var(--good);color:var(--good-ink)}
#la-gap-sample .lg-feedback-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:2px solid currentColor;border-radius:50%;font:700 19px/1 system-ui,sans-serif}
#la-gap-sample .lg-feedback-copy{min-width:0}
#la-gap-sample .lg-feedback-title{display:block;font:700 18px/1.5 system-ui,sans-serif}
#la-gap-sample .lg-feedback-copy .lg-feedback-message{margin:4px 0 0;font:500 16px/1.6 system-ui,sans-serif}
#la-gap-sample .lg-teacher-box .lg-letter{margin:0}
#la-gap-sample .lg-teacher-box .lg-actions{margin-top:15px}
#la-gap-sample .lg-teacher-box .lg-choices{margin-top:13px}
#la-gap-sample .lg-teacher-box .lg-letter+.lg-choices{margin-top:14px}
@media(max-width:480px){#la-gap-sample .lg-lesson-card{padding:13px}#la-gap-sample .lg-teacher-box{padding:14px}#la-gap-sample .lg-letter,#la-gap-sample .lg-prompt{padding:14px}}
@media(max-width:480px){#la-gap-sample{padding:18px 14px}#la-gap-sample h2{font-size:23px}#la-gap-sample .lg-letter{padding:15px}#la-gap-sample .lg-top{align-items:start}#la-gap-sample .lg-row{display:block}#la-gap-sample .lg-row label{display:block;margin-bottom:5px}}

.study-host{grid-column:1/-1}.study-layout{display:block}.study-layout>.passage,.study-layout>.qcol,.title-row:has(+.study-layout){display:none!important}#la-gap-sample{width:100%;color-scheme:light}#la-gap-sample button{cursor:pointer}#la-gap-sample [data-study-selection]{display:inline;min-height:0;font:inherit;border:0;padding:3px 0;background:transparent;text-align:left;white-space:normal}#la-gap-sample [data-study-selection]:hover{text-decoration:underline}
