
.ll-comprehension-entry{width:min(100%,620px);margin:10px auto 0}.ll-comprehension-open{width:100%;min-height:74px;padding:16px 20px!important;border-radius:12px!important;background:var(--pine,#174d3a)!important;color:#fff!important;font-size:15px!important}
body.ll-comp-mode .subject-shelf,body.ll-comp-mode header,body.ll-comp-mode .glow{display:none!important}body.ll-comp-mode .app-shell{display:block!important;max-width:100%!important}body.ll-comp-mode .notebook{width:100%!important;max-width:none!important;padding:0!important}body.ll-comp-mode .wrap{max-width:none!important;padding:0!important}body.ll-comp-mode #llComprehensionPage{display:block!important;min-height:100vh;background:var(--ink);padding:28px clamp(18px,5vw,72px)}
.ll-modal{position:fixed;inset:0;z-index:9999;display:none;place-items:center;padding:18px;background:color-mix(in oklab,var(--cream) 70%,transparent);backdrop-filter:blur(10px)}.ll-modal.open{display:grid}.ll-modal-card{width:min(440px,100%);padding:24px;border:1px solid color-mix(in oklab,var(--cream) 18%,transparent);border-radius:18px;background:var(--ink);box-shadow:0 28px 80px color-mix(in oklab,var(--cream) 30%,transparent)}.ll-modal-card h2{margin:0}.ll-modal-card input{width:100%;margin-top:16px;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--paper);color:var(--cream);font:inherit}.ll-modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:16px}
.ll-comp-page{max-width:1120px;margin:auto}.ll-comp-top{display:flex;align-items:center;gap:18px;margin-bottom:24px}.ll-comp-level{display:inline-flex;padding:7px 11px;border:1px solid color-mix(in oklab,var(--brand) 42%,transparent);border-radius:7px;font-size:13px;font-weight:800;color:var(--brand)}.ll-comp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:20px}.ll-comp-card{border:1px solid color-mix(in oklab,var(--cream) 14%,transparent);border-radius:8px;padding:22px;background:color-mix(in oklab,var(--paper) 55%,transparent);text-align:left;color:var(--cream);cursor:pointer}.ll-comp-card h3{margin:5px 0 8px;font-family:Sora,system-ui,sans-serif}.ll-comp-card p{font-size:14px}.ll-comp-translation{color:var(--brand);font-size:13px;display:block;margin:0 0 8px}.ll-source{font-size:12px;color:var(--brand);font-weight:700}.ll-comp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ll-exercise{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;align-items:start}.ll-reading{border:1px solid color-mix(in oklab,var(--cream) 14%,transparent);background:var(--paper);border-radius:8px;overflow:hidden}.ll-reading-copy{padding:30px}.ll-reading-copy p{font-family:Georgia,serif;font-size:19px;line-height:1.85}.ll-reading-copy h2{font-size:29px}.ll-questions{position:sticky;top:18px}.ll-question{margin:0 0 12px;padding:16px;border:1px solid color-mix(in oklab,var(--cream) 14%,transparent);border-radius:8px}.ll-question textarea{min-height:90px;width:100%;margin-top:10px}.ll-feedback{margin-top:10px;padding:10px;border-left:3px solid var(--brand);font-size:14px}.ll-comp-result{margin-top:18px;padding:22px;border:1px solid var(--brand);border-radius:8px}.ll-comp-status{margin:24px 0;font-size:17px}.ll-comp-status[role=alert]{color:var(--brand)}
@media(max-width:760px){.ll-exercise{grid-template-columns:1fr}.ll-questions{position:static}body.ll-comp-mode #llComprehensionPage{padding:18px 14px}.ll-comp-top{align-items:flex-start}.ll-reading-copy{padding:19px}}
