.lessons-page{--lesson-surface:#fbf7ee;--lesson-example:#f1e7e4}[data-theme=dark] .lessons-page{--lesson-surface:#1d3238;--lesson-example:#294047}.lesson-filters{border:1px solid var(--line);background:var(--lesson-surface);border-radius:12px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:16px;padding:20px;display:grid}.lesson-filters label{min-width:0;font-size:14px;font-weight:600;display:block}.lesson-search-field{margin-top:8px;display:block;position:relative}.lesson-search svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.lesson-filters input,.lesson-filters select{width:100%;min-width:0;min-height:46px;font-size:16px;font-weight:400;display:block}.lesson-filters input{padding-left:38px}.lesson-filters select{margin-top:8px}.lesson-result-count{color:var(--muted);margin:14px 0 28px;font-size:14px}.lesson-topic{margin:0 0 36px}.lesson-topic>h2{font:28px/1.2 var(--font-display,"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif);margin:0 0 8px}.lesson-topic>p{color:var(--muted);margin:0 0 16px;font-size:15px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lesson-card{border:1px solid var(--line);background:var(--lesson-surface);border-radius:12px;flex-direction:column;min-width:0;padding:20px;text-decoration:none;display:flex}.lesson-card:hover{border-color:var(--rose);background:var(--lesson-example)}.lesson-card-title{justify-content:space-between;align-items:flex-start;gap:12px;font-size:17px;font-weight:600;line-height:1.45;display:flex}.lesson-card-title svg{color:var(--rose);flex-shrink:0;margin-top:4px}.lesson-card-term{color:var(--muted);margin-top:5px;font-size:13px;display:block}.lesson-card-example{font:19px/1.45 var(--font-display,"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif);color:var(--teal);border-top:1px solid var(--line);margin-top:16px;padding-top:12px;display:block}.lesson-back,.lesson-reading-actions a{text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;font-size:14px;display:inline-flex}.lesson-back{margin-bottom:12px}.lesson-reader{border:1px solid var(--line);background:var(--lesson-surface);overflow-wrap:anywhere;border-radius:14px;padding:30px}.lesson-reader .lesson-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--rose);margin:0 0 12px;font-size:12px;font-weight:600}.lesson-reader h2{font:clamp(28px,4.5vw,36px)/1.2 var(--font-display,"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif);letter-spacing:-.02em;margin:0 0 8px;scroll-margin-top:24px}.lesson-reader h2:focus{outline:none}.lesson-reader .lesson-formal-name{color:var(--muted);margin:0 0 20px;font-size:14px}.lesson-reader .lesson-use{margin:0 0 24px;font-size:17px;line-height:1.65}.lesson-reader h3{margin:28px 0 12px;font-size:20px}.lesson-reader ul{margin:0;padding-left:22px;list-style:outside}.lesson-reader li{margin-bottom:12px;font-size:16px;line-height:1.65}.lesson-worked-example{background:var(--lesson-example);border-radius:10px;margin:20px 0;padding:20px}.lesson-worked-example p{margin:0 0 10px;font-size:15px;line-height:1.65}.lesson-worked-example p[lang]{font:24px/1.45 var(--font-display,"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif);color:var(--ink)}.lesson-worked-example .lesson-why{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.lesson-worked-example p:last-child,.lesson-watch p:last-child{margin-bottom:0}.lesson-watch{border-left:3px solid var(--rose);margin-top:28px;padding:0 0 0 18px}.lesson-watch h3{margin:0 0 8px;font:600 16px/1.5 Arial,Helvetica,sans-serif}.lesson-watch p{font-size:15px;line-height:1.65}.lesson-reading-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:16px;display:flex}.lesson-empty{text-align:center;border:1px solid var(--line);border-radius:12px;padding:32px 20px}.lesson-empty>svg{color:var(--rose);margin:0 auto 16px}.lesson-empty h2{margin-bottom:12px;font-size:26px}.lesson-empty p{color:var(--muted)}@media (max-width:600px){.lesson-filters{grid-template-columns:1fr;gap:14px;padding:16px}.lesson-grid{grid-template-columns:1fr}.lesson-topic>h2{font-size:26px}.lesson-card{padding:17px}.lesson-reader{padding:20px}.lesson-worked-example{padding:16px}.lesson-worked-example p[lang]{font-size:22px}.lesson-reading-actions{flex-direction:column;gap:4px}}.lesson-topic{border:1px solid var(--line);background:var(--lesson-surface);border-radius:12px;margin:0 0 12px;padding:0;overflow:hidden}.lesson-topic>summary{align-items:center;gap:12px;padding:18px}.lesson-topic>summary>span:first-child{flex:1;min-width:0}.lesson-topic>summary strong{font:24px/1.25 var(--font-display);font-weight:400;display:block}.lesson-topic-description{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5;display:block}.lesson-topic-count{white-space:nowrap;color:var(--muted);font-size:12px}.lesson-topic .lesson-grid{padding:0 18px 18px}.lesson-topic>summary:after{margin-left:0}@media (max-width:400px){.lesson-topic>summary{gap:8px;padding:14px}.lesson-topic>summary strong{font-size:21px}.lesson-topic .lesson-grid{padding:0 14px 14px}}.lesson-detail-page .lesson-reader h1{font:clamp(30px,4.5vw,42px)/1.2 var(--font-display,"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif);letter-spacing:-.02em;margin:0 0 10px}.lesson-detail-page .lesson-reader h2{letter-spacing:normal;margin:28px 0 12px;font:600 20px/1.4 Arial,Helvetica,sans-serif}.lesson-detail-page .lesson-watch h2{margin:0 0 8px;font-size:16px}.lesson-related{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.lesson-related h2{font:28px/1.2 var(--font-display);margin:0 0 12px}.lesson-related ul{margin:0;padding:0;list-style:none}.lesson-related a{text-underline-offset:4px;justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:10px 0;display:flex}.lesson-related svg{flex-shrink:0}.lesson-ending-chart{border-top:1px solid var(--line);margin:10px 0;padding-top:8px}.lesson-ending-chart>summary{align-items:center;min-height:44px;padding:8px 0;font-size:15px;font-weight:600}@media (max-width:400px){.lesson-detail-page .lesson-reader{padding:20px 12px}.lesson-public-endings>.lesson-endings-content{padding-inline:4px}}