.grammar-index{background:linear-gradient(135deg,#fff0f6 0%,#eef8ff 52%,#f9f1ff 100%)}.grammar-index__header{max-width:820px;margin-bottom:54px}.grammar-index__header .section-kicker{color:#265c91}.grammar-index__header .section-kicker:before{background:#ee8caf}.grammar-index__header h1{color:#173f70}.grammar-index__header .lead{color:#455970}.grammar-index__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grammar-topic{min-height:280px;display:flex;flex-direction:column;padding:30px;border:2px solid #b9d9f2;border-radius:var(--radius-md);background:#eaf6ff;color:#172d47;text-decoration:none;box-shadow:0 18px 48px rgba(49,92,132,.12);transition:transform var(--fast),border-color var(--fast),box-shadow var(--fast)}.grammar-topic:nth-child(even){border-color:#efb6ca;background:#fff0f5}.grammar-topic:hover{transform:translateY(-4px);border-color:#397fb8;box-shadow:0 22px 54px rgba(49,92,132,.18)}.grammar-topic:nth-child(even):hover{border-color:#d87399}.grammar-topic>span{color:#2d6f9f;font-weight:900}.grammar-topic:nth-child(even)>span{color:#a73e68}.grammar-topic h2{margin:28px 0 12px;color:#173f70;font-size:30px}.grammar-topic p{color:#455970}.grammar-topic strong{margin-top:auto;color:#214f7b}.grammar-topic:nth-child(even) strong{color:#8f3158}.grammar-lesson__hero{padding:70px 0 86px;background:linear-gradient(145deg,var(--paper),#ecf8ef)}.grammar-lesson__hero>a,.grammar-lesson__hero .wrap>a{display:inline-block;margin-bottom:32px;color:var(--green-dark);font-weight:800}.grammar-lesson__content{max-width:920px;padding-block:72px 110px}.grammar-rule,.grammar-video,.grammar-result{margin-bottom:38px;padding:clamp(26px,5vw,50px);border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow)}.grammar-rule__number{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--yellow);font-weight:900}.grammar-rule h2,.grammar-video h2{margin:18px 0 24px;font-size:clamp(30px,4vw,46px)}.grammar-formula{padding:18px 22px;border-left:5px solid var(--yellow);background:#ecf8ef}.grammar-examples{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.grammar-examples p{margin:0;padding:18px;border-radius:14px;background:var(--paper)}.grammar-examples span{display:block;margin-top:6px;color:var(--muted)}.grammar-quiz{margin-top:26px}.grammar-quiz form{margin-top:22px}.grammar-quiz fieldset{margin:0 0 18px;padding:20px;border:1px solid var(--line);border-radius:14px}.grammar-quiz legend{padding:0 8px;font-weight:800}.grammar-quiz label{display:flex;gap:10px;margin:10px 0;padding:9px;border-radius:8px}.grammar-quiz fieldset.is-correct{border-color:var(--green);background:#ecf8ef}.grammar-quiz fieldset.is-wrong{border-color:#b23a34;background:#fff2f0}.grammar-quiz__check{border:0;background:var(--green-dark);color:#fff;cursor:pointer}.grammar-quiz__message{font-weight:800}.grammar-video video{display:block;width:min(100%,560px);max-height:420px;margin:24px auto;border-radius:var(--radius-md);background:var(--green-dark)}.grammar-result{text-align:center;background:var(--green-dark);color:#fff}.grammar-result>div{margin-top:26px}.grammar-result h2{max-width:none;color:var(--yellow)}@media(max-width:900px){.grammar-index__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.grammar-index__grid,.grammar-examples{grid-template-columns:1fr}.grammar-topic{min-height:240px}.grammar-lesson__content{width:min(100% - 28px,920px)}.grammar-rule,.grammar-video,.grammar-result{border-radius:20px}}@media(prefers-reduced-motion:reduce){.grammar-topic:hover{transform:none}}
.grammar-lesson__intro,.grammar-rule__explanation{padding:18px 22px;border-left:5px solid #2f80c9;border-radius:10px;background:#eaf6ff;color:#173f5f}.grammar-lesson__intro{max-width:720px}.grammar-formula{border-left-color:#e87921;border-radius:10px;background:#fff1df;color:#6f3508}
.grammar-rule h2{width:fit-content;max-width:100%;padding:12px 18px;border-radius:12px;background:#ffe4ec;color:#123b70;box-decoration-break:clone;-webkit-box-decoration-break:clone}.grammar-examples p{border:2px solid #d9829b;background:#fff0f4;color:#17201d}.grammar-examples strong{color:#123b70;font-size:1.06em}.grammar-examples span{color:#3f4c48}
.grammar-practice{margin:28px 0}.grammar-practice h3{margin:0 0 14px;font-size:20px;color:var(--green-dark)}.grammar-practice__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grammar-practice__verb{min-height:118px;display:grid;grid-template-columns:auto 1fr;align-content:center;column-gap:9px;row-gap:6px;padding:16px;border:2px solid #e87921;border-radius:14px;background:#fff8ec}.grammar-practice__verb>span{grid-row:1/3;font-size:24px;line-height:1.2}.grammar-practice__verb strong{color:#123b70;font-size:18px}.grammar-practice__verb small{color:#49534f;font-size:15px}@media(max-width:580px){.grammar-practice__grid{grid-template-columns:1fr}.grammar-practice__verb{min-height:92px}}
.grammar-reading{margin-bottom:38px;padding:clamp(26px,5vw,50px);border:1px solid var(--line);border-radius:var(--radius-lg);background:#f3fbf6;box-shadow:var(--shadow)}.grammar-reading h2{margin:18px 0 24px;font-size:clamp(30px,4vw,46px)}.grammar-reading__image{width:100%;max-height:460px;object-fit:cover;border-radius:18px}.grammar-reading__text{display:grid;gap:12px;margin:28px 0;padding-left:30px}.grammar-reading__text li{padding:10px 14px;border-left:3px solid var(--green);background:#fff;line-height:1.55}@media(max-width:580px){.grammar-reading{border-radius:20px}.grammar-reading__image{max-height:300px}.grammar-reading__text{padding-left:24px}}
.grammar-translation{margin:28px 0}.grammar-translation__toggle{border:2px solid #397fb8;background:#eaf6ff;color:#173f70;cursor:pointer}.grammar-translation__body{margin-top:18px;padding:24px;border:2px solid #efb6ca;border-radius:18px;background:#fff0f5}.grammar-translation__body h3{margin:0 0 18px;color:#173f70;font-size:24px}.grammar-translation__body ol{display:grid;gap:10px;margin:0;padding-left:28px}.grammar-translation__body li{padding-left:5px;line-height:1.55}@media(max-width:580px){.grammar-translation__toggle{width:100%}.grammar-translation__body{padding:20px 16px}}