.grammar-course{max-width:var(--app-content-width)}.gc-atmosphere{z-index:-1;pointer-events:none;background:url(/learn/hero.webp) right 38%/auto 420px no-repeat;height:240px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.gc-atmosphere:after{content:"";background:linear-gradient(90deg,var(--background) 20%,color-mix(in srgb,var(--background) 90%,transparent) 40%,transparent 90%);position:absolute;inset:0}.grammar-course .lt-back{width:max-content;font-size:12px}.grammar-course .page-heading{margin:18px 0 0}.gc-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.grammar-course h1{letter-spacing:-1.6px;font-family:Georgia,serif;font-size:44px;font-weight:500;line-height:1.1}.grammar-course .gc-intro{max-width:48ch;color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.grammar-course .lt-next{margin-top:24px}.grammar-course .lt-next-card{background:radial-gradient(at 75% 100%,#347b5d80,#0000 65%),linear-gradient(115deg,#154e40,#28664d);border-radius:16px;align-content:center;gap:8px;min-height:198px;padding:24px 32% 24px 26px;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 3px 6px #204f3412,inset 0 0 0 1px #ffffff1a}.grammar-course .lt-next-card strong{letter-spacing:-.5px;font-family:Georgia,serif;font-size:28px;font-weight:500}.grammar-course .lt-next-card>span:not(.gc-next-art):not(.gc-course-progress){max-width:50ch}.grammar-course .lt-next-card>.gc-next-art{opacity:1;width:30%;position:absolute;top:8px;bottom:8px;right:12px}.gc-next-art img{object-fit:contain;filter:drop-shadow(0 5px 5px #0b33272b);width:100%;height:100%;transition:transform .35s}.grammar-course .lt-next-card .lt-go{color:#174f40;background:#fcfff9;border-radius:999px;gap:12px;width:max-content;margin-top:5px;padding:10px 18px;font-size:13px;box-shadow:0 2px 4px #082e2929}.grammar-course .gc-course-progress{opacity:.85;gap:6px;width:200px;max-width:100%;margin-top:6px;font-size:11px;display:grid}.grammar-course .gc-course-progress .lt-bar{background:#ffffff40;height:5px}.grammar-course .gc-course-progress .lt-bar i{background:#d0e6c7;border-radius:4px}.grammar-course .lt-next-card.is-loading,.grammar-course .lt-next-card.is-done{background:var(--surface)}.grammar-course .lt-seg-wrap{margin-top:22px}.grammar-course .lt-seg{background:#e8ede2;border-radius:14px}.grammar-course .lt-seg button{border-radius:11px;min-width:48px}.grammar-course .lt-level-count{font-size:12px}.gc-library-head{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px;display:flex}.gc-library-head h2{color:var(--accent);margin:0;font-size:15px;font-weight:700}.grammar-course .gc-library{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.grammar-course .lt-lesson{background:linear-gradient(150deg,#fffef9,#fffefbe6 65%,#edf1e5a6);border:1px solid #dce2d6;border-radius:14px;grid-template-rows:110px auto minmax(38px,auto) 1fr auto auto;gap:6px;min-width:0;padding:12px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;box-shadow:0 3px 8px #45523805}.grammar-course .lt-lesson.is-next{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 3px 8px #45523808}.gc-lesson-art{width:100%;height:110px;display:block}.gc-lesson-art img{object-fit:contain;width:100%;height:100%;transition:transform .3s;display:block}.grammar-course .gc-family{color:var(--muted);letter-spacing:.03em;font-size:10px}.grammar-course .lt-lesson strong{font-family:Georgia,serif;font-size:16px;font-weight:600;line-height:1.25}.grammar-course .lt-lesson .lt-bar{background:#e7ebdf;border-radius:3px;grid-row:-3;margin-top:8px}.grammar-course .lt-foot{grid-row:-2;font-size:11px}.grammar-course .lt-status{padding:3px 8px;font-size:10px}.grammar-course .lt-status.is-next{background:var(--accent);color:#fff}.grammar-course .lt-lesson.is-soon{opacity:.7}.grammar-course.gc-view-list .gc-library{grid-template-columns:1fr;gap:8px}.grammar-course.gc-view-list .lt-lesson{grid-template-rows:auto auto;grid-template-columns:90px minmax(0,1fr) 140px;align-items:center;column-gap:16px}.gc-view-list .gc-lesson-art{grid-area:1/1/span 2;height:70px}.gc-view-list .gc-family{grid-area:1/2;align-self:end}.grammar-course.gc-view-list .lt-lesson strong{grid-area:2/2;align-self:start}.grammar-course.gc-view-list .lt-lesson .lt-bar{grid-area:2/3;align-self:start;margin:0}.grammar-course.gc-view-list .lt-foot{grid-area:1/3;align-self:end}.gc-view-list .lt-sub{grid-column:2}@media (hover:hover){.grammar-course a.lt-lesson:hover{border-color:#91ad93;transform:translateY(-3px);box-shadow:0 7px 18px #334e3512}.grammar-course a.lt-lesson:hover .gc-lesson-art img{transform:rotate(-2deg)scale(1.04)}.grammar-course a.lt-next-card:hover .gc-next-art img{transform:rotate(2deg)translateY(-2px)}}@media (max-width:1100px){.grammar-course .gc-library{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.gc-atmosphere{opacity:.55;height:280px}.gc-atmosphere:after{background:linear-gradient(90deg,var(--background),color-mix(in srgb,var(--background) 55%,transparent))}.grammar-course h1{font-size:36px}.grammar-course .lt-next-card{min-height:236px;padding:20px}.grammar-course .lt-next-card strong{max-width:75%;font-size:24px}.grammar-course .lt-next-card>span:not(.gc-next-art):not(.gc-course-progress):not(.lt-go){max-width:75%;font-size:13px}.grammar-course .lt-next-card>.gc-next-art{width:31%;height:105px;top:auto;bottom:12px;right:2px}.grammar-course .gc-course-progress{max-width:66%}.grammar-course .lt-seg button{min-width:0}.grammar-course .gc-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.grammar-course .lt-lesson{grid-template-rows:85px auto minmax(36px,auto) 1fr auto auto;padding:10px}.gc-lesson-art{height:85px}.grammar-course .lt-lesson strong{font-size:15px}.grammar-course.gc-view-list .lt-lesson{grid-template-rows:auto auto auto auto;grid-template-columns:66px minmax(0,1fr);gap:4px 10px}.gc-view-list .gc-lesson-art{grid-row:1/span 4;height:66px}.grammar-course.gc-view-list .lt-foot{grid-area:3/2}.grammar-course.gc-view-list .lt-lesson .lt-bar{grid-area:4/2;margin-top:4px}}@media (prefers-reduced-motion:reduce){.grammar-course .lt-lesson,.gc-lesson-art img,.gc-next-art img,.grammar-course .lt-next-card{transition:none}.grammar-course a.lt-lesson:hover,.grammar-course a.lt-lesson:hover .gc-lesson-art img,.grammar-course a.lt-next-card:hover .gc-next-art img{transform:none}}