.course{max-width:var(--wide);margin:auto;padding:3rem 1rem 5rem}.course [hidden]{display:none!important}.course a{overflow-wrap:anywhere}.eyebrow{font:500 .73rem var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--b);margin:0 0 1rem}.course h1{font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.06}.course h2{font-size:clamp(1.5rem,3vw,2.1rem)}.course h3{font-size:1.25rem}.intro{font-size:1.2rem;color:var(--ink-2);max-width:42rem}.muted{font:.82rem/1.6 var(--display);color:var(--ink-2)}.course-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center}.course-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font:.9rem var(--display);margin-top:2rem}.course-button{display:inline-block;padding:1rem 1.15rem;background:var(--b);color:var(--ground);text-decoration:none;border-radius:var(--radius);font:600 .88rem var(--display)}.hero-sample{margin:0;background:var(--booth);padding:1rem}.hero-sample img{display:block;width:100%;height:310px;object-fit:contain}.hero-sample figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.8rem 0 0;color:var(--booth-ink);font:.7rem var(--mono)}.hero-sample a{color:var(--booth-ink)}.course-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border-block:1px solid var(--line);padding:1.3rem 0;gap:1rem}.course-summary strong{display:block;font:600 1.7rem var(--display)}.course-summary span{font:.75rem var(--mono);color:var(--ink-2)}.progress-note progress{width:100%;height:6px;accent-color:var(--g)}.progress-note p{font:.75rem var(--display);color:var(--ink-2);margin:.5rem 0}.course-sections{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--line);font:.9rem var(--display)}.course section[id]{scroll-margin-top:1.5rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:3rem 0 1.5rem}.course-filters{display:grid;grid-template-columns:1.5fr 1fr auto;align-items:end;gap:1rem;background:var(--surface);padding:1rem}.course-filters label{font:.8rem var(--display);display:grid;gap:.4rem}.course-filters input[type=search],.course-filters select{width:100%;min-width:0;border:1px solid var(--line);background:var(--ground);color:var(--ink);padding:.65rem;font:.85rem var(--display);border-radius:var(--radius)}.course-filters .unfinished{display:flex;align-items:center;gap:.5rem;padding:.65rem 0}.course input[type=checkbox]{width:19px;height:19px;accent-color:var(--g);flex:none}.topic{margin:2.5rem 0}.topic-heading{display:flex;gap:1rem;align-items:start;margin-bottom:1rem}.topic-heading p{margin:.4rem 0;color:var(--ink-2)}.topic-number{font:1.15rem var(--mono);border-top:3px solid var(--b);padding-top:.4rem;min-width:2.7rem;color:var(--b)}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.task-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--surface);padding:1.1rem;text-decoration:none;color:var(--ink);min-height:165px;transition:border-color .15s,transform .15s}.task-card:hover{border-color:var(--b);transform:translateY(-2px)}.task-card h4{font-size:1rem;line-height:1.4;margin:.8rem 0 1.2rem}.task-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem;font:.63rem var(--mono);color:var(--ink-2)}.task-bottom{display:flex;justify-content:space-between;align-items:end;gap:.5rem;margin-top:auto;color:var(--b);font:.75rem var(--display)}.task-card.is-complete{border-left:3px solid var(--g)}.is-complete .task-bottom{color:var(--g)}.weekly-section{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line)}.week-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.week{background:var(--surface);border:1px solid var(--line);padding:1rem}.week summary{cursor:pointer;font:600 .95rem/1.5 var(--display)}.week-number{display:block;font:.72rem var(--mono);color:var(--b);margin-bottom:.4rem}.week small{display:block;font:.72rem var(--mono);color:var(--ink-2);margin-top:.5rem}.week ol{padding-left:1.4rem}.week li{margin:.5rem 0}.checkpoint{background:var(--g-soft);padding:1rem;border-left:3px solid var(--g);font:.85rem/1.6 var(--display)}.course-how{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.course-how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0}.course-how article>span{font:.8rem var(--mono);color:var(--b)}.course-how h3{margin-top:.5rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;font:.8rem var(--display);margin-bottom:2rem}.lesson-heading{margin-bottom:2rem}.lesson-heading h1{font-size:clamp(2rem,4vw,3rem);max-width:50rem}.lesson-labels{display:flex;flex-wrap:wrap;gap:.6rem 1.3rem;margin-top:1rem;font:.73rem var(--mono);color:var(--ink-2)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:2rem}.lesson-main{min-width:0}.lesson-examples figure,.lesson-shots figure{margin:0 0 1.5rem;background:var(--booth)}.lesson-examples img{width:100%;max-height:460px;object-fit:contain;display:block}.lesson-examples figcaption,.lesson-shots figcaption{display:flex;flex-direction:column;gap:.5rem;padding:1rem;color:var(--booth-ink);font:.8rem/1.6 var(--display)}.lesson-examples figcaption a,.lesson-shots figcaption a{color:var(--booth-ink)}.lesson-copy{padding:1.5rem;background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere}.lesson-copy>h2{padding-bottom:1rem;border-bottom:1px solid var(--line)}.lesson-copy h3,.lesson-copy h2{margin-top:1.5rem}.lesson-copy p,.lesson-copy li{line-height:1.8}.lesson-copy li{margin-bottom:.6rem}.lesson-copy blockquote{border-left:3px solid var(--b);margin:1rem 0;padding:.2rem 1rem;background:var(--b-soft)}.lesson-copy code{font:.82em var(--mono);white-space:normal}.lesson-copy table{display:block;max-width:100%;overflow-x:auto}.lesson-copy td,.lesson-copy th{border-bottom:1px solid var(--line);padding:.6rem;text-align:left}.resource-box{background:var(--surface);border-top:3px solid var(--b);padding:1.2rem;position:sticky;top:1rem}.resource-box h2{font-size:1.05rem}.resource-box h3{font-size:.9rem;margin-top:1.6rem}.resource-box details{font:.85rem/1.6 var(--display);margin:1rem 0}.resource-box summary{cursor:pointer}.resource-box ul{padding-left:1.1rem}.resource-box li{margin:.5rem 0;font:.8rem/1.6 var(--display)}.all-lessons{display:block;border-top:1px solid var(--line);padding-top:1rem;font:.85rem var(--display)}.lesson-shots{margin-top:2rem}.lesson-shots img{width:100%;display:block}.finish-box{margin-top:2rem;padding:1.5rem;background:var(--g-soft);border-left:3px solid var(--g)}.finish-box label{display:flex;align-items:center;gap:.7rem;font:.9rem/1.6 var(--display)}.lesson-pager{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:3rem;font:.95rem var(--display)}.lesson-pager a:last-child{text-align:right}.lesson-pager small{display:block;margin-bottom:.5rem;font:.7rem var(--mono)}.lesson-pager--top{border-top:0;border-bottom:1px solid var(--line);padding:0 0 1rem;margin:-1rem 0 2rem;font-size:.85rem}.lesson-pager--top small{margin-bottom:.25rem}.course a:focus-visible,.course input:focus-visible,.course select:focus-visible,.course summary:focus-visible{outline:3px solid var(--b);outline-offset:4px}@media(max-width:760px){.course-hero{grid-template-columns:1fr;gap:2rem}.hero-sample img{height:250px}.course-summary{grid-template-columns:repeat(2,1fr)}.course-filters{grid-template-columns:1fr}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:block}.section-heading>.muted{display:block;margin-top:1rem}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{grid-row:1}.resource-box{position:static}.course-how>div{grid-template-columns:1fr;gap:1rem}.week-grid{grid-template-columns:1fr}}@media(max-width:440px){.task-grid{grid-template-columns:1fr}.course{padding-top:2rem}.lesson-copy{padding:1rem}.lesson-pager{gap:1rem}.course-actions{align-items:start;flex-direction:column}}.lesson-inline-shot{margin:1.5rem 0;background:var(--booth)}.lesson-inline-shot img{display:block;width:auto;max-width:100%;max-height:620px;margin:auto;object-fit:contain}.lesson-inline-shot figcaption{display:flex;flex-direction:column;gap:.5rem;padding:1rem;color:var(--booth-ink);font:.8rem/1.6 var(--display)}.lesson-inline-shot figcaption a{color:var(--booth-ink)}.before-after{margin:0 0 1.5rem;background:var(--booth);color:var(--booth-ink);padding:1rem}.before-after-heading{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;font:.8rem/1.5 var(--display)}.before-after-heading strong{font-size:1.1rem}.before-after-heading span{max-width:35rem;text-align:right}.before-after-stage{height:min(52vw,430px);min-height:240px;position:relative;overflow:hidden;background:var(--booth)}.before-after-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.before-after-after{clip-path:inset(0 0 0 var(--split))}.before-after-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--b);pointer-events:none}.before-after-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--b);color:#fff;font:1rem var(--display)}.before-after-labels{display:flex;justify-content:space-between;gap:1rem;margin:.6rem 0;font:.75rem var(--display)}.before-after-control{display:block;font:.78rem var(--display)}.before-after-control input{display:block;width:100%;margin:.6rem 0 0;accent-color:var(--b);cursor:ew-resize}.before-after-detail{margin-top:-.75rem}.before-after-detail .before-after-stage{height:auto;min-height:0}@media(max-width:700px){.before-after-heading{display:block}.before-after-heading span{display:block;text-align:left}.before-after-stage{height:300px}}.labor{margin:1.5rem 0;padding:1rem;background:var(--booth);color:var(--booth-ink)}.labor-fej{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;align-items:baseline;font:.8rem/1.5 var(--display)}.labor-fej strong{font-size:1.1rem}.labor-fej span{max-width:36rem;color:var(--booth-ink-2)}.labor-mod{display:flex;gap:.5rem;margin:.8rem 0}.labor-mod button{font:.8rem var(--display);padding:.35rem .7rem;border:1px solid var(--b);background:transparent;color:var(--booth-ink);border-radius:var(--radius);cursor:pointer}.labor-mod button[aria-pressed=true]{background:var(--b);color:#fff}.labor-kep{display:block;width:100%;height:auto}.labor-savok{display:flex;gap:2px;margin-top:.5rem}.labor-savok figure{margin:0;min-width:0}.labor-savok canvas,.labor-hiszt{display:block;width:100%;height:70px;background:var(--booth-2);color:var(--booth-ink)}.labor-savok figcaption{font:.72rem var(--mono);color:var(--booth-ink-2);padding-top:.25rem}.labor-savok figcaption b{color:var(--booth-ink);font-weight:600}.labor-egy label{display:block;font:.8rem var(--display);margin:.5rem 0}.labor-egy output{font-family:var(--mono)}.labor-egy input{display:block;width:100%;margin-top:.4rem;accent-color:var(--b)}.labor-hiszt{height:90px}.labor-adat{font:.78rem var(--mono);margin:.4rem 0 0;color:var(--booth-ink-2)}.jelenlet-sav{font-family:var(--mono);font-size:.74rem;color:var(--ink-2);border-left:3px solid var(--g);background:var(--g-soft);padding:.45rem .7rem;margin:0 0 1rem;border-radius:0 2px 2px 0}.jelenlet-sav[hidden]{display:none}