@media(min-width:701px){.course-preview{top:max(20px,calc((100vh - var(--preview-height,620px))/2));max-height:calc(100vh - 40px);overflow:auto}.preview-picture img{height:clamp(170px,27vh,290px)}.preview-body{padding:22px}.preview-body h2{font-size:clamp(24px,2.2vw,32px);margin:14px 0}.preview-body>p{font-size:15px;margin:12px 0}.preview-action{padding-top:15px}}
.profile-content{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:start;max-width:none!important}.profile-content>img{width:100%;height:190px;object-fit:cover;border-radius:7px;margin:8px 0}.profile-content>div{min-width:0}.course-outline{display:grid;gap:12px}.course-outline a{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:8px;padding:20px;background:var(--paper)}.course-outline a:hover{border-color:var(--blue)}.course-outline small{display:block;color:var(--muted)}.course-reading{max-width:820px;margin:auto}.course-reading>p{font-size:18px;line-height:1.85}.course-reading h2{font-size:28px;margin-top:32px}.course-reading li{margin:12px 0}.course-reading .lesson-figure img{max-height:320px;object-fit:cover}.course-reading textarea,.course-final textarea{width:100%;min-height:140px;border:1px solid #aab5ca;border-radius:7px;padding:15px;font:inherit}.reading-stages{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.reading-stages a{padding:8px 14px;border:1px solid var(--line);border-radius:6px;font-size:14px}.reading-stages a.active{background:var(--blue);color:white}.source-links{font-size:14px}.course-result{padding:18px;background:var(--paper);border-radius:7px;margin:18px 0}.course-reading table{border-collapse:collapse;width:100%;font-size:15px}.course-reading td,.course-reading th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}
@media(max-width:700px){.profile-content{grid-template-columns:1fr;gap:15px}.profile-content>img{height:190px}.course-reading>p{font-size:17px}.course-outline a{padding:16px}.course-reading h1{font-size:34px}}