.catalog-filters { display:grid; grid-template-columns:minmax(0,2fr) minmax(180px,1fr); gap:18px; margin:0 0 18px; }
.catalog-filters input { width:100%; min-height:48px; font:inherit; border:1px solid #D8C7AC; border-radius:12px; padding:12px; background:#FFF8EE; color:#241712; }
#catalog-status { margin:14px 0 22px; color:#6A5548; }
.all-course-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.catalog-course { min-width:0; display:flex; flex-direction:column; border:1px solid #D8C7AC; border-radius:20px; overflow:hidden; background:#FFF8EE; }
.catalog-course[hidden] { display:none; }
.catalog-course-mark { display:grid; align-content:space-between; min-height:118px; padding:20px 22px; color:#F9E7CB; background:radial-gradient(ellipse at 100% 0,#9E6536A0,transparent 60%),linear-gradient(130deg,#241712,#473021); }
.catalog-course-mark span { font-size:12px; letter-spacing:1px; }
.catalog-course-mark strong { font:600 29px/1.15 Grotesk,sans-serif; letter-spacing:-.7px; overflow-wrap:anywhere; }
.catalog-course>div:last-child { display:flex; flex-direction:column; align-items:start; gap:15px; padding:22px; flex:1; }
.catalog-course h2 { font:600 21px/1.3 Grotesk,sans-serif; letter-spacing:-.5px; }
.catalog-course h2 a { text-decoration:none; }
.catalog-course p { color:#6A5548; font-size:13px; }
.catalog-course .button { margin-top:auto; }
.catalog-overview { margin:15px 0 30px; padding:25px; border:1px solid #D8C7AC; border-radius:20px; background:#F1E1C9; }
.catalog-overview h2 { font-size:27px; margin-bottom:10px; }
.catalog-overview p { margin-bottom:18px; max-width:700px; }
.light-course-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr); gap:24px; margin-bottom:28px; }
.light-notice { margin:0; align-self:start; padding:22px; background:#EFE3CF; color:#4A3526; line-height:1.7; }
.light-notice p { margin-top:12px; font-size:13px; }
.light-video { aspect-ratio:16/9; margin-bottom:12px; background:#241712; }
.light-video .video-play { z-index:2; align-items:flex-end; justify-content:flex-end; padding:22px; }
.series-art,.series-art * { pointer-events:none; }
.series-art { position:relative; display:grid; align-content:center; gap:12px; width:100%; height:100%; min-height:160px; overflow:hidden; padding:7%; color:#FFF0D8; background:radial-gradient(ellipse at 85% 0,#9C6739,#241712 80%); }
.series-art svg { position:absolute; inset:0; width:100%; height:100%; }
.series-art>span,.series-art>strong { position:relative; z-index:1; max-width:70%; }
.series-art>span { font-size:clamp(10px,1.5vw,15px); letter-spacing:2px; }
.series-art>strong { font:600 clamp(24px,4vw,54px)/1.15 Grotesk,sans-serif; letter-spacing:-1px; overflow-wrap:anywhere; }
.light-chapters,.light-inventory,.light-lesson-summary { margin:26px 0; }
.light-chapters ol { list-style:none; padding:0; }
.light-chapters li { display:flex; align-items:center; gap:20px; border-top:1px solid #D8C7AC; padding:15px 0; }
.light-chapters li:first-child { margin-top:20px; }
.light-chapters li>a { display:flex; align-items:center; gap:15px; flex:1; text-decoration:none; line-height:1.45; }
.light-chapters li>a>span:nth-child(2) { flex:1; }
.light-chapters small { display:block; color:#6A5548; margin-top:5px; }
.light-chapters label,.lesson-done { display:flex; align-items:center; gap:8px; min-height:44px; font-size:13px; }
.light-chapters input,.lesson-done input { width:22px; height:22px; flex:none; accent-color:#8A5A2C; }
.light-domain-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0; }
.light-domain-grid a { display:grid; gap:7px; border:1px solid #D8C7AC; border-radius:12px; padding:16px; text-decoration:none; }
.light-domain-grid span { font-size:13px; color:#6A5548; }
.lesson-breadcrumb { display:flex; justify-content:space-between; gap:15px; margin-bottom:20px; font-size:14px; }
.light-lesson-summary { line-height:1.8; }
.light-lesson-summary p { margin:18px 0; }
.light-lesson-summary summary { cursor:pointer; min-height:44px; padding:12px 0; }
body[data-tier="light"] .panel+.panel { margin-top:24px; }
@media(max-width:1150px){.all-course-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:760px){.light-course-grid,.catalog-filters { grid-template-columns:minmax(0,1fr); }.all-course-grid { grid-template-columns:minmax(0,1fr); }.light-chapters li { flex-wrap:wrap; gap:8px; }.light-chapters li>a { flex-basis:100%; }.light-chapters label { margin-left:47px; }.light-domain-grid { grid-template-columns:minmax(0,1fr); }.catalog-course-mark { min-height:100px; }.catalog-course h2 { font-size:22px; }}