.grammar-app{line-height:1.75}.g-heading{display:flex;justify-content:space-between;align-items:start;gap:22px;margin-bottom:28px}.g-heading h1{font-size:2.05rem}.g-heading>button{flex-shrink:0}.g-heading p{margin-bottom:0}.g-hero{background:#20344b;color:white;border-radius:22px;padding:36px;display:grid;grid-template-columns:1fr 220px;gap:40px;margin-bottom:24px}.g-kicker{font-size:12px;letter-spacing:.09em;color:#507d83;font-weight:600}.g-hero .g-kicker{color:#b6d9d3}.g-hero h2{font-size:1.7rem;margin:14px 0}.g-hero p,.g-hero small{color:#c4d2df}.g-hero .primary{background:#d4ece3;color:#1e4846;border-color:#d4ece3}.g-hero small{display:block;margin-top:14px;font-size:12px}.g-hero-progress{border-left:1px solid #ffffff24;padding-left:32px;align-self:center}.g-hero-progress>strong{font-size:64px;font-weight:500;line-height:1.2}.g-hero-progress>strong>span{font-size:24px;color:#b5c7d6}.g-hero-progress p{margin:8px 0 18px;font-size:13px}.g-hero-progress .progress{background:#ffffff20}.g-hero-progress .progress span{background:#a7d9c9}.g-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0;color:#70788b;font-size:14px}.g-unit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.g-unit{padding:26px}.g-unit-title{display:flex;gap:15px;align-items:start}.g-unit-title>span{font-size:32px;line-height:1.4;color:#8ba7ae}.g-unit-title h2{font-size:1.2rem;margin:0 0 5px}.g-unit-title p{font-size:13px;color:#798393;margin:0}.g-unit-meta{font-size:12px;color:#758192;margin:18px 0 6px}.g-lesson-link{display:flex;align-items:center;text-align:left;gap:12px;padding:19px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;width:100%;background:transparent}.g-lesson-link:hover{background:#f5f9f8!important}.g-lesson-link>span:nth-child(2){flex:1}.g-lesson-link strong{display:block;font-size:14px;font-weight:550}.g-lesson-link small{display:block;font-size:12px;color:#7a8393;margin-top:7px}.g-lesson-no{font-size:12px;color:#9ba6b4;align-self:start;margin-top:2px}.g-badge{display:inline-block;white-space:nowrap;font-size:11px;padding:4px 7px;border-radius:6px;background:#f0f2f7;color:#768094;line-height:1.5}.g-badge.done{background:#eaf5ef;color:#30725c}.g-badge.wrong{background:#fff0e7;color:#a25f37}.g-exam-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:22px}.g-exam-row strong{display:block;font-size:13px}.g-exam-row small{display:block;font-size:11px;color:#81899b;margin-top:5px}.g-exam-row button{font-size:12px;padding:10px 13px}.g-study{display:grid;grid-template-columns:235px minmax(0,1fr);gap:26px;align-items:start}.g-outline h3{font-size:15px;margin:12px 0 22px}.g-outline button{display:block;width:100%;border:0;text-align:left;margin:8px 0;padding:10px;font-size:13px}.g-outline button.active{background:#eaf4f1;color:#276c5b}.g-lesson-content{padding:36px;min-height:420px}.g-lesson-content h2{font-size:1.4rem;margin-top:18px}.g-rule{font-size:17px;line-height:2.1}.g-tip,.g-mistake{padding:20px 24px;background:#f0f6f4;border-left:3px solid #78aa9c;border-radius:0 10px 10px 0;margin:28px 0}.g-tip strong,.g-mistake strong{font-size:13px;color:#426d65}.g-tip p{margin:8px 0 0}.g-mistake{background:#fbf6ef;border-color:#c29e6e}.g-mistake strong{color:#936a35}.g-example{border-bottom:1px solid var(--line);padding:8px 0 24px;margin-bottom:18px}.g-example p[lang=en]{font-family:Georgia,serif;font-size:24px;color:#253b55;line-height:1.6}.g-example p{margin:14px 0}.g-example>div{font-size:14px;color:#547d73;background:#f3f8f6;border-radius:8px;padding:12px 16px}.g-study-actions{display:flex;justify-content:space-between;gap:16px;margin-top:32px}.g-quiz{max-width:800px;margin:auto;padding:36px}.g-question-meta{display:flex;justify-content:space-between;font-size:13px;color:#7c8798;margin-bottom:14px}.g-quiz h2{font-size:1.5rem;margin:32px 0 24px;line-height:1.7}.g-options{display:grid;gap:14px}.g-options button{display:flex;text-align:left;align-items:center;gap:18px;padding:18px 22px;line-height:1.7}.g-options button>span:first-child{display:grid;place-items:center;background:#f2f4f8;border-radius:7px;width:30px;height:30px;min-width:30px;font-size:13px}.g-options button.selected{border-color:#5367be;background:#f1f3fd}.g-options button:disabled{opacity:1;cursor:default}.g-options button.correct{border-color:#69a389;background:#eff8f2}.g-options button.incorrect{border-color:#c2916a;background:#fff5ed}.g-feedback{border-radius:12px;padding:20px 24px;margin:24px 0;font-size:14px}.g-feedback.correct{background:#eef8f1;color:#346b50}.g-feedback.incorrect{background:#fff4eb;color:#8e5b34}.g-feedback p{margin-bottom:0}.g-result{text-align:center;padding:36px;margin-bottom:24px}.g-score{display:block;font-size:72px;line-height:1.3;margin-top:20px;font-weight:500;color:#2d6858}.g-score span{font-size:28px;color:#91a29c}.g-result h2{font-size:1.6rem}.g-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}.g-answer-review{border-bottom:1px solid var(--line);padding:24px 0}.g-answer-review h3{font-size:17px}.g-answer-review p{font-size:14px;overflow-wrap:anywhere}.g-answer-review details{margin-bottom:16px}.g-answer-review summary{cursor:pointer;font-size:14px;color:#436f63}.g-data{margin-top:36px;border-top:1px solid var(--line);padding-top:24px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#7a8392;font-size:12px}.g-data button,.g-data label{font-size:12px;padding:8px 12px;margin:0}.g-data p{width:100%;margin:0;font-size:12px}.g-empty{padding:32px;text-align:center}.grammar-app .fine{margin-top:22px}.topbar nav{overflow-x:auto}
@media(max-width:850px){.g-unit-grid{grid-template-columns:1fr}.g-study{grid-template-columns:1fr}.g-outline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:18px}.g-outline h3,.g-outline>.mini-label,.g-outline .fine{display:none}.g-outline button{width:auto;margin:0}.g-hero{grid-template-columns:1fr 170px;gap:24px}.g-heading h1{font-size:1.8rem}}
@media(max-width:560px){.g-hero{grid-template-columns:1fr;padding:25px;gap:26px}.g-hero h2{font-size:1.4rem}.g-hero-progress{border-left:0;border-top:1px solid #ffffff24;padding:20px 0 0}.g-hero-progress>strong{font-size:48px}.g-heading h1{font-size:1.65rem}.g-heading>button{font-size:12px;padding:9px}.g-lesson-content,.g-quiz{padding:23px}.g-rule{font-size:16px}.g-example p[lang=en]{font-size:21px}.g-toolbar{align-items:start;flex-direction:column;gap:5px}.g-unit{padding:22px}.g-lesson-link{gap:9px}.g-lesson-link strong{font-size:13px}.g-lesson-link small{font-size:11px}.g-quiz h2{font-size:1.25rem}.g-options button{padding:15px;gap:12px;font-size:14px}.g-result-actions button{flex:1}.g-outline{gap:0;padding:8px}.g-outline button{font-size:11px;padding:8px}.g-data>span{width:100%}}