.grammar-page{max-width:980px;padding-block:28px 56px}.grammar-content .breadcrumbs{margin-bottom:20px}.grammar-content a{color:var(--blue-dark);text-underline-offset:3px;text-decoration:underline}.grammar-content a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.grammar-content h1{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(28px,4.5vw,44px);line-height:1.18}.grammar-content h2{margin:0 0 16px;font-size:21px;line-height:1.3}.grammar-content .tense-name{color:var(--blue-dark)}.grammar-content p{margin:12px 0}.grammar-content .intro{margin-top:24px;font-size:18px}.grammar-content section{margin-top:36px}.grammar-content .formula{background:var(--surface);border-radius:16px;margin-top:24px;padding:20px}.grammar-content .formula-parts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grammar-content .formula-step{align-items:center;gap:8px;max-width:100%;display:inline-flex}.grammar-content .formula-part{background:var(--surface-soft);border-radius:10px;padding:8px 12px;font-size:17px;font-weight:600}.grammar-content .formula-part--verb{color:var(--blue-dark);background:var(--blue-soft)}.grammar-content .formula-plus{color:var(--muted);font-size:16px;font-weight:400}.grammar-content .sentence-forms{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:0;padding:0 18px}.grammar-content .sentence-forms>div{grid-template-columns:130px minmax(0,1fr);gap:20px;padding-block:16px;display:grid}.grammar-content .sentence-forms>div+div{border-top:1px solid var(--line)}.grammar-content .sentence-forms dt{color:var(--muted);font-size:14px}.grammar-content .sentence-forms dd{margin:0}.grammar-content .translation{color:var(--muted);margin-top:6px;font-size:14px;display:block}.grammar-content .rules{margin:0;padding-left:20px}.grammar-content .rules li+li{margin-top:12px}.grammar-content .related-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px 22px;margin-top:32px;padding-top:20px;font-size:14px;display:flex}.grammar-content .tense-lessons{margin-top:32px}.grammar-content .lesson-group{margin-top:28px}.grammar-content .lesson-group h3{margin:0 0 12px;font-size:19px;line-height:1.3}.grammar-content .lesson-group ul{margin:0;padding-left:24px}.grammar-content .lesson-group li+li{margin-top:12px}.grammar-page--lesson{max-width:900px;padding-block:32px 72px}.grammar-page--lesson .breadcrumbs{margin-bottom:0}.grammar-content .lesson-header{margin:40px 0 28px}.grammar-content .lesson-header h1{letter-spacing:-.04em;margin:8px 0 16px;font-size:clamp(40px,8vw,72px);line-height:1.12}.grammar-content .lesson-header .intro{max-width:580px;color:var(--muted);margin:24px 0 0;font-size:16px}.grammar-content .tense-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:32px}.grammar-content .tense-card section{margin-top:28px}.grammar-content .tense-card h2{font-size:22px}.grammar-content .tense-card .sentence-forms{background:0 0;border:0;border-radius:0;padding:0}.grammar-content .tense-card .sentence-forms>div{align-items:start}.grammar-content .tense-card .sentence-forms>div:first-child{padding-top:0}.grammar-content .tense-card .sentence-forms>div:last-child{padding-bottom:0}.grammar-content .tense-card .sentence-forms dt{background:var(--blue-soft);color:var(--blue-dark);border-radius:10px;justify-self:start;padding:5px 12px;font-size:14px}.grammar-content .tense-card .sentence-forms dd{padding-top:4px}.grammar-content .tense-card .translation{font-size:16px}.grammar-page--lesson .formula{background:0 0;margin:0 0 28px;padding:0}.grammar-page--lesson .tense-card>section:first-child{margin-top:0}.grammar-page--lesson .related-links{border:0;gap:12px;padding:0}.grammar-page--lesson .related-links a{border:1px solid var(--line);border-radius:12px;padding:10px 16px;text-decoration:none;display:block}.grammar-page--lesson .related-links a:hover{text-decoration:underline}@media (width<=640px){.grammar-page{padding-block:20px 40px}.grammar-content section{margin-top:30px}.grammar-content .formula{padding:16px}.grammar-content .formula-part{padding:7px 10px;font-size:16px}.grammar-content .sentence-forms>div{grid-template-columns:1fr;gap:6px}.grammar-page--lesson{padding-block:24px 48px}.grammar-page--lesson .formula{padding:0}.grammar-content .lesson-header{margin-top:28px}.grammar-content .tense-card{padding:22px}}