.offline-study.student-app{background:var(--student-bg,#f5f5ed);height:100dvh;color:var(--student-ink,#26352e);display:block;overflow-y:auto}.offline-header{border-bottom:1px solid var(--student-line,#d8ddd5);justify-content:space-between;align-items:center;gap:16px;max-width:780px;margin:auto;padding:16px 20px;display:flex}.offline-header a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.offline-content{max-width:780px;padding:20px 20px calc(24px + env(safe-area-inset-bottom));margin:auto}.offline-download{padding-bottom:20px}.offline-download summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.offline-download p,.offline-capability{color:var(--student-muted,#58655c);margin:12px 0;font-size:14px;line-height:1.6}.offline-download h1{margin:12px 0;font-size:24px}.offline-download li{border-bottom:1px solid var(--student-line,#d8ddd5);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.offline-status{padding:8px 0;font-size:14px}.offline-position{margin:12px 0;font-size:14px;display:block}.offline-position select{border:1px solid var(--student-line,#d8ddd5);background:var(--student-surface,#fff);width:100%;min-height:44px;color:inherit;border-radius:8px;padding:10px 8px;font-size:16px;display:block}.offline-content .material-panel{width:100%;max-width:none;padding:20px 0;overflow:visible}.offline-content .material-panel h1{font-size:clamp(24px,5vw,32px)}.offline-content .lesson-video{max-width:100%}.offline-actions{justify-content:space-between;align-items:center;gap:8px;margin:20px 0;display:flex}.offline-actions span{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}.offline-study button{min-height:44px}.offline-study :focus-visible{outline:2px solid var(--student-accent,#315e43);outline-offset:3px}@media (max-width:450px){.offline-header,.offline-content{padding-left:16px;padding-right:16px}.offline-header strong{font-size:14px}}.offline-header .nilo-brand[data-variant=wordmark]{height:32px}.offline-loading-mark{margin:12px 0}