.eyebrow{color:var(--accent);text-transform:uppercase;font-weight:750;font-size:13px;letter-spacing:.11em}.course-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px;align-items:center;padding:28px 0 12px}.course-hero h1{font-size:clamp(2.5rem,6vw,4.2rem);letter-spacing:-.045em}.course-hero>div>p:not(.eyebrow):not(.small){font-size:18px;max-width:650px}.course-offer{margin:0}.course-offer .price{font-size:3rem;margin-top:10px;line-height:1.2;color:var(--accent)}.tag{display:inline-block;font-size:13px;padding:4px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}.course-offer button{width:100%;margin-right:0}.course-notice{padding:16px 20px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;background:#0b1e2b;font-size:14px}.owner{border-left-color:#ffce84}.course-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;margin-top:26px;align-items:start}.syllabus{padding:22px}.syllabus ol{list-style:none;margin:0;padding:0}.syllabus li{border-top:1px solid var(--line)}.lesson-button{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;text-align:left;padding:13px 0;margin:0;border-radius:0;background:none;color:var(--ink);font-weight:500}.lesson-button[aria-current="step"]{color:var(--accent)}.lesson-number{font-size:14px;color:var(--muted)}.lesson-button small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:400}.lesson-button .free-label{color:var(--accent)}.reader{min-height:520px;padding:30px;scroll-margin-top:24px}.reader h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.3;margin-top:0}.reader p{line-height:1.8}.reader #course-intro{padding-bottom:14px;border-bottom:1px solid var(--line)}.reader .status:empty{display:none}.reader details{padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.reader details p{margin-bottom:0}.reader .exercise{border-left:3px solid var(--accent);padding:10px 16px;background:var(--bg);border-radius:4px}.course-sources{margin-top:6px}#lesson-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--line);margin-top:24px}#lesson-locked{padding:22px;background:var(--bg);border-radius:12px}.course-progress{margin-top:18px}@media(max-width:900px){.course-layout{grid-template-columns:260px minmax(0,1fr)}.reader{padding:24px}.course-hero{gap:24px}}@media(max-width:700px){.course-hero,.course-layout{grid-template-columns:1fr}.course-hero{padding-top:8px}.course-layout{gap:4px}.course-offer{max-width:none}.syllabus,.reader{padding:20px}.reader{min-height:0}.course-hero h1{font-size:2.6rem}.reader p{line-height:1.75}#lesson-controls button{flex:1;margin-right:0}}

.course-ai-page{margin-top:24px}.page-ai-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.page-ai-fields label{display:block}#page-ai-question{box-sizing:border-box;width:100%;min-height:110px;padding:12px;color:inherit;background:#081925;border:1px solid #46647e;border-radius:8px;font:inherit}#page-ai-language{width:100%}.page-ai-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}#page-ai-answer{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.page-ai-fields p{margin:0}@media(max-width:600px){.page-ai-fields{grid-template-columns:1fr}}

.lesson-gallery{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.lesson-gallery>.eyebrow{margin:0 0 8px}.lesson-gallery h3{font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.3;margin:0 0 10px;letter-spacing:-.02em}.reader .gallery-intro{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 22px}.course-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.course-image-card{min-width:0;margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0a1b29}.course-image-card.gallery-wide{grid-column:1/-1}.course-image-open{display:block;position:relative;width:100%;padding:0;margin:0;border-radius:0;background:#dce5e9;overflow:hidden;cursor:zoom-in}.course-image-open img{display:block;width:100%;height:240px;object-fit:contain;transition:filter .15s}.gallery-wide .course-image-open img{height:auto;max-height:420px}.course-image-open:hover img{filter:brightness(.92)}.course-image-open:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.course-image-zoom{position:absolute;bottom:12px;right:12px;background:#071826ee;border:1px solid #92e6da77;border-radius:20px;padding:5px 12px;color:#d5fff5;font:600 12px system-ui}.course-image-card figcaption{padding:18px}.course-image-card h4{font-size:15px;line-height:1.45;margin:0 0 9px;color:var(--ink)}.reader .course-image-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.reader .course-image-card .course-image-error{color:#ffcba0;margin-top:10px}.course-image-card .secondary{margin-top:10px;font-size:13px}.reader .gallery-note{font-size:12px;color:var(--muted);margin:16px 0 0}.image-unavailable img{visibility:hidden}.course-image-dialog{box-sizing:border-box;width:calc(100vw - 32px);max-width:1500px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #537183;border-radius:18px;background:#081925;color:#eaf7ff;box-shadow:0 24px 80px #0009}.course-image-dialog::backdrop{background:#020b14dd}.course-image-dialog-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #304558;position:sticky;top:0;background:#081925;z-index:1}.course-image-dialog-head h2{font-size:17px;line-height:1.4;margin:0 auto 0 0}.course-image-dialog-head button{margin:0;white-space:nowrap;font-size:13px}.course-image-viewport{padding:16px;background:#112332;overflow:auto;max-height:65dvh}.course-image-viewport img{display:block;max-width:100%;width:auto;height:auto;margin:auto}.course-image-viewport.original-size img{max-width:none;width:auto;height:auto;margin:0}.course-image-caption{padding:16px 20px;margin:0;font-size:14px;line-height:1.7;color:#b9cbd6}.course-image-card [hidden]{display:none!important}@media(max-width:1050px){.course-image-grid{grid-template-columns:1fr}.course-image-card.gallery-wide{grid-column:auto}.course-image-open img{height:auto;max-height:330px}}@media(max-width:600px){.lesson-gallery{margin-top:28px;padding-top:22px}.course-image-grid{gap:16px}.course-image-card figcaption{padding:16px}.course-image-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.course-image-dialog-head{flex-wrap:wrap;padding:12px;gap:8px}.course-image-dialog-head h2{flex-basis:100%;font-size:15px}.course-image-dialog-head button{flex:1;white-space:normal;padding:10px}.course-image-viewport{padding:8px;max-height:58dvh}.course-image-caption{padding:12px;font-size:13px}.course-image-zoom{bottom:8px;right:8px;font-size:11px}}@media(prefers-reduced-motion:reduce){.course-image-open img{transition:none}}

.course-overview{margin:24px 0;padding:24px}.course-overview li{margin:10px 0}.course-faq{padding:24px;margin:24px 0}.course-faq details{border-top:1px solid var(--line);padding:16px 0}.course-faq summary{cursor:pointer;font-weight:600}.course-faq p{line-height:1.7;color:var(--muted)}.course-overview a{overflow-wrap:anywhere}
