.grammar-site{background:#000;color:#f5f3ef}.grammar-site main{max-width:1180px;width:calc(100% - 64px);margin:auto}.grammar-site main :is(h1,h2,h3,h4){color:#f5f3ef;letter-spacing:-.04em}.grammar-site main p{color:#aaa;line-height:1.85}.grammar-site main a{color:inherit;text-underline-offset:5px}.grammar-site main .eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#ff2424}.grammar-preview-bar{padding:12px 32px;border-bottom:1px solid #333;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em;color:#999}.grammar-preview-bar nav{display:flex;gap:25px}.grammar-preview-bar a{color:#eee;text-decoration:none}.grammar-hero{display:grid;grid-template-columns:1.3fr .85fr;gap:85px;align-items:center;padding:70px 0 60px}.grammar-site .grammar-hero h1{font-size:clamp(42px,5.5vw,76px);line-height:1.05;letter-spacing:-.06em;margin:25px 0 28px}.grammar-hero h1 em{font-style:normal;color:#ff2424}.grammar-site .grammar-hero .grammar-lead{color:#eee;font-size:20px;max-width:35ch;margin:0 0 10px}.grammar-site .grammar-hero p{font-size:15px;max-width:43ch}.grammar-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px;font-size:12px}.grammar-red-link{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;background:#ff2424;color:#080808!important;border-radius:4px;padding:14px 20px;text-decoration:none;font-weight:700;font-size:12px}.grammar-cover{background:#101010;border:1px solid #333;border-radius:7px;overflow:hidden;transform:rotate(2deg)}.cover-header{display:flex;justify-content:space-between;background:#ff2424;color:#080808;font-size:9px;font-weight:700;letter-spacing:.1em;padding:18px 23px}.cover-sentences{padding:40px 30px 45px;display:flex;flex-direction:column;font-size:clamp(40px,4.5vw,60px);font-weight:600;line-height:1.4;letter-spacing:-.055em}.cover-sentences mark{background:#ff2424;color:#080808;border-radius:4px;padding:0 .08em;margin-left:.03em}.cover-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #333;padding:20px 26px;font-size:9px;letter-spacing:.12em;line-height:1.8;color:#aaa}.cover-footer>span:last-child{font-size:30px;color:#ff2424}.grammar-route{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:25px 0;border-block:1px solid #333;color:#ff2424;font-size:11px}.grammar-route b{color:#ddd;font-weight:500;margin-left:15px}.grammar-browser{padding:55px 0}.grammar-browser-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.grammar-site .grammar-browser h2{font-size:39px;line-height:1.15;margin:18px 0 30px}.grammar-site .grammar-browser-heading p{font-size:11px;margin-bottom:30px}.grammar-controls{display:flex;gap:20px;align-items:end}.grammar-controls>div:first-child{flex:1}.grammar-controls label{display:block;font-size:11px;color:#bbb;margin-bottom:10px}.grammar-controls :is(input,select,button){font-family:inherit;font-size:13px;min-height:44px;padding:11px 14px;border:1px solid #444;border-radius:4px;background:#101010;color:#eee}.grammar-controls input{width:100%}.grammar-controls button{cursor:pointer}.grammar-categories{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0}.grammar-categories button{font:inherit;font-size:11px;background:transparent;border:1px solid #3a3a3a;border-radius:4px;color:#bbb;padding:9px 12px;cursor:pointer}.grammar-categories button[aria-pressed=true]{background:#ff2424;border-color:#ff2424;color:#080808;font-weight:700}.grammar-site #grammar-count{font-size:12px;color:#888}.grammar-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}.grammar-topic{min-width:0;padding:25px 0 30px;border-top:1px solid #333}.topic-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#999;font-size:9px;line-height:1.5}.difficulty{border:1px solid #722020;padding:4px 7px;border-radius:3px;color:#ff2424;white-space:nowrap}.grammar-site .grammar-topic h3{font-size:25px;line-height:1.25;margin:23px 0 15px}.grammar-topic h3 a{display:block;text-decoration:none}.grammar-topic h3 a:hover{color:#ff2424}.grammar-topic h3 span{color:#ff2424}.grammar-site .grammar-topic p{font-size:13px;margin-bottom:20px}.grammar-topic blockquote{font-size:12px;line-height:1.8;border-left:2px solid #ff2424;margin:0;padding:0 0 0 15px;color:#bbb}.grammar-site .grammar-sample-link{font-size:11px;display:inline-block;color:#ff2424;margin-top:20px}.grammar-site #grammar-empty{border:1px solid #ff2424;padding:25px}.grammar-breadcrumb{display:flex;gap:15px;flex-wrap:wrap;color:#999;font-size:11px;padding:30px 0 0}.grammar-lesson-hero{display:grid;grid-template-columns:1.4fr .85fr;gap:70px;align-items:center;padding:40px 0 45px;border-bottom:1px solid #333}.grammar-site .grammar-lesson-hero h1{font-size:clamp(45px,5.8vw,80px);line-height:1.06;letter-spacing:-.06em;margin:24px 0}.grammar-lesson-hero h1 span{color:#ff2424}.grammar-site .grammar-lesson-hero p{font-size:17px;margin:0}.grammar-formula{display:flex;flex-direction:column;gap:19px;padding:28px;background:#101010;border-top:3px solid #ff2424}.grammar-formula>strong{font-size:24px;letter-spacing:-.035em;line-height:1.3}.formula-add{font-size:14px;color:#aaa}.formula-add b{color:#ff2424}.grammar-formula>a{font-size:11px;margin-top:10px}.grammar-lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:70px;padding:40px 0 70px;align-items:start}.grammar-lesson-section{padding:0 0 35px;margin-bottom:35px;border-bottom:1px solid #333;scroll-margin-top:25px}.grammar-site .grammar-lesson-section h2{font-size:32px;line-height:1.2;margin:20px 0 25px;max-width:27ch}.grammar-site .grammar-lesson-section h3{font-size:21px;line-height:1.4;margin:0 0 15px}.grammar-site .grammar-lesson-section p,.grammar-lesson-section li{font-size:16px;line-height:1.9}.grammar-lesson-section ul{padding-left:20px}.grammar-lesson-section li{padding-bottom:7px;color:#bbb}.grammar-lesson-section .highlight{color:#ff2424;font-weight:600}.rule-box{padding:25px;border-left:3px solid #ff2424;background:#101010;margin:25px 0}.grammar-site .rule-box p{font-size:15px;margin-bottom:0}.grammar-table{width:100%;border-collapse:collapse;font-size:14px;margin:30px 0;line-height:1.6}.grammar-table th{text-align:left;color:#ff2424;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;padding:13px 15px;border-bottom:1px solid #ff2424}.grammar-table td{padding:17px 15px;border-bottom:1px solid #333;color:#ccc}.grammar-table td:nth-child(2){color:#fff;font-weight:600}.example-box{margin:25px 0;padding:5px 0 5px 25px;border-left:1px solid #555}.example-box ul{margin-bottom:0}.grammar-lesson-aside{position:sticky;top:25px;border-left:1px solid #333;padding-left:25px}.grammar-lesson-aside nav{display:flex;flex-direction:column;margin:20px 0 30px}.grammar-lesson-aside nav a{display:flex;gap:12px;text-decoration:none;font-size:12px;line-height:1.6;padding:11px 0;color:#bbb}.grammar-lesson-aside nav a>span{color:#ff2424;font-size:10px;padding-top:2px}.grammar-reminder{border-top:1px solid #333;padding-top:25px;display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.grammar-reminder strong{font-size:26px;letter-spacing:-.05em}.grammar-reminder>span:last-child{font-size:13px;line-height:1.8;color:#aaa}.grammar-reminder b{color:#ff2424}.grammar-lesson-aside>.grammar-red-link{width:100%;padding:12px 15px;font-size:11px}.grammar-site .grammar-lesson-aside>p{font-size:11px;margin-top:15px}.exercise{background:#0d0d0d;border:1px solid #333;border-top:3px solid #ff2424;padding:28px;margin:25px 0}.grammar-site .exercise h4{font-size:20px;line-height:1.4;margin:0 0 25px}.question{font-size:16px;line-height:2.7;padding:14px 0;border-top:1px solid #292929;color:#ddd}.answer-input{background:#080808;color:#fff;border:1px solid #666;border-radius:3px;min-width:85px;max-width:100%;width:160px;padding:8px 10px;font:inherit;line-height:1.4;vertical-align:middle}.exercise[data-exercise="2"] .answer-input{display:block;width:100%;margin-top:8px}.check-btn,.grammar-retry{font-family:inherit;font-size:12px;font-weight:600;padding:13px 17px;border:0;border-radius:4px;margin:20px 12px 0 0;cursor:pointer;background:#ff2424;color:#080808}.grammar-retry{background:transparent;color:#aaa;border:1px solid #444}.answer-input[data-checked=incorrect]{border-color:#ff2424}.answer-input[data-checked=correct]{border-color:#ccc}.grammar-site .result{margin-top:22px;padding-top:22px;border-top:1px solid #444;color:#eee;font-size:14px;line-height:1.8}.grammar-site .result li{font-size:13px}.grammar-next{border:1px solid #555;border-radius:4px;padding:0 22px;margin-top:28px}.grammar-next summary{cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;font-size:14px;font-weight:600}.grammar-next summary span{color:#ff2424}.action-boxes{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:20px 0}.grammar-site .action-box p{font-size:13px}.grammar-site .action-box h3{font-size:20px}.action-btn{font-size:12px}.grammar-site [hidden]{display:none!important}.grammar-site :is(a,button,input,select,summary):focus-visible{outline:2px solid #ff2424;outline-offset:4px}
@media(max-width:1050px){.grammar-hero{gap:40px}.grammar-topic-grid{grid-template-columns:1fr 1fr}.grammar-lesson-layout{gap:35px;grid-template-columns:minmax(0,1fr) 200px}.grammar-lesson-hero{gap:35px}.topic-meta{font-size:10px}.grammar-cover{transform:none}}
@media(max-width:700px){.grammar-site main{width:calc(100% - 40px)}.grammar-preview-bar{display:block;padding:12px 20px}.grammar-preview-bar nav{margin-top:10px;gap:18px}.grammar-hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.grammar-site .grammar-hero h1{font-size:45px}.grammar-cover{width:100%;max-width:390px;justify-self:center}.cover-sentences{font-size:51px;padding:25px}.grammar-route{gap:10px;font-size:10px}.grammar-route b{display:block;margin-left:0;margin-top:8px;line-height:1.5}.grammar-browser{padding:35px 0}.grammar-browser-heading{display:block}.grammar-site .grammar-browser h2{font-size:33px}.grammar-controls{flex-wrap:wrap;gap:13px}.grammar-controls>div:first-child{flex-basis:100%}.grammar-controls>div:nth-child(2){flex:1}.grammar-controls select{width:100%}.grammar-controls input{font-size:16px}.grammar-topic-grid{gap:0 23px}.topic-meta{flex-direction:column;align-items:start;gap:10px}.grammar-site .grammar-topic h3{font-size:23px}.grammar-lesson-hero{grid-template-columns:1fr;gap:25px;padding:30px 0}.grammar-site .grammar-lesson-hero h1{font-size:48px}.grammar-formula{gap:15px;padding:23px}.grammar-lesson-layout{display:flex;flex-direction:column;padding-top:25px}.grammar-lesson-layout>article{width:100%;min-width:0}.grammar-lesson-aside{order:-1;position:static;width:100%;border-left:0;border-bottom:1px solid #333;padding:0 0 20px}.grammar-lesson-aside nav{flex-direction:row;gap:10px 20px;flex-wrap:wrap;margin:10px 0 0}.grammar-lesson-aside nav a{font-size:11px;padding:5px 0}.grammar-reminder,.grammar-lesson-aside>.grammar-red-link,.grammar-site .grammar-lesson-aside>p{display:none}.grammar-site .grammar-lesson-section h2{font-size:28px}.grammar-table{font-size:12px;table-layout:fixed;overflow-wrap:anywhere}.grammar-table th,.grammar-table td{padding:12px 8px}.exercise{padding:21px}.question{font-size:15px}.answer-input{font-size:16px;width:110px}.action-boxes{grid-template-columns:1fr}.grammar-site .grammar-lesson-section p,.grammar-lesson-section li{font-size:15px}}
@media(max-width:430px){.grammar-topic-grid{grid-template-columns:1fr}.topic-meta{flex-direction:row;align-items:center}.grammar-site .grammar-hero h1{font-size:40px}.grammar-site .grammar-lesson-hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.grammar-site *{scroll-behavior:auto!important;transition:none!important}}

/* Additional layouts used by the existing grammar lesson variants. */
.grammar-site main{overflow-wrap:anywhere}.grammar-lesson-layout>article{min-width:0}.grammar-formula>strong{font-size:clamp(19px,2vw,24px);overflow-wrap:anywhere}.grammar-lesson-aside nav a{overflow-wrap:anywhere}.grammar-site .grammar-lesson-aside nav{max-height:65vh;overflow-y:auto}.grammar-site .grammar-formula{min-width:0}.grammar-site main :is(.quiz-section,.intro-section,.category-section,.tips-section,.comparison-section,.advanced-box){margin:25px 0}.grammar-site main :is(.category-title,.section-title){font-size:24px;font-weight:600;letter-spacing:-.03em;margin-bottom:22px;color:#eee}.grammar-site main :is(.adj-grid,.verb-grid,.movement-grid,.preposition-grid,.collocation-grid,.wh-ever-grid,.word-grid,.emotion-grid,.feature-grid,.comparison-grid,.tips-grid,.visual-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0}.grammar-site main :is(.adj-card,.verb-card,.movement-card,.preposition-card,.collocation-category,.wh-ever-card,.word-card,.emotion-card,.feature-card,.comparison-card,.visual-item,.category-box,.prefix-group){padding:23px;background:#101010;border-top:2px solid #ff2424;min-width:0}.grammar-site main :is(.meaning,.usage,.explanation,.examples,.example,.adj-examples,.verb-examples){font-size:14px;color:#bbb;line-height:1.85}.grammar-site main :is(.collocation,.sentence,.example-sentence){color:#eee}.grammar-site main .collocation{display:block;color:#ff2424;font-weight:600}.grammar-site main :is(.warning-box,.tip-box,.tips-section,.advanced-box){border-left:2px solid #ff2424;padding:23px;background:#101010}.grammar-site main :is(.wrong,.right,.mistake-item){padding:15px 0;font-size:15px;line-height:1.8;border-bottom:1px solid #333}.grammar-site main .wrong::before{content:'✕ ';color:#ff2424}.grammar-site main .right::before{content:'✓ ';color:#ddd}.grammar-site main :is(.intensity-scale,.frequency-scale){padding:25px 0}.grammar-site main :is(.intensity-item,.frequency-item){display:inline-block;border:1px solid #444;padding:10px 14px;margin:5px;font-size:13px}.grammar-site main .quiz-question{margin:25px 0;padding:25px;border:1px solid #333;background:#0d0d0d}.grammar-site main .quiz-question h3{font-size:19px;line-height:1.6;margin:0 0 20px}.grammar-site main .quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grammar-site main .quiz-option{background:#090909;border:1px solid #555;border-radius:4px;color:#eee;font:inherit;font-size:14px;padding:13px;text-align:left;cursor:pointer;line-height:1.6}.grammar-site main .quiz-option:hover{border-color:#ff2424}.grammar-site main .quiz-option[aria-pressed=true]{border-width:2px}.grammar-site main .quiz-option.correct::before{content:'✓ ';color:#fff}.grammar-site main .quiz-option.incorrect::before{content:'↻ ';color:#ff2424}.grammar-site main .quiz-option.incorrect{border-color:#ff2424}.grammar-site main .grammar-quiz-feedback{font-size:13px;line-height:1.8;margin:18px 0 0;min-height:0}.grammar-site main .grammar-quiz-feedback:empty{display:none}.grammar-site main .quiz-question .grammar-retry{margin-top:15px}.grammar-site main .search-section{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:25px 0}.grammar-site main .search-section h2{width:100%}.grammar-site main .search-section input{flex:1;min-width:180px;background:#111;border:1px solid #555;padding:13px;color:#eee;font:inherit;border-radius:4px}.grammar-site main .search-section button{background:transparent;border:1px solid #555;border-radius:4px;color:#ddd;padding:13px;font:inherit;cursor:pointer}.grammar-site main .navigation{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;padding:25px 0;border-top:1px solid #333;font-size:12px}.grammar-site main .navigation a{line-height:1.7}.grammar-site main .collocation-list{padding-left:0;list-style:none}.grammar-site main .collocation-list li{border-top:1px solid #333;padding:15px 0}.grammar-site main .grammar-table{display:block;overflow:auto;table-layout:auto;max-width:100%}.grammar-site main .grammar-table :is(td,th){min-width:90px}.grammar-site main :is(.word,.verb,.adjective,.preposition,.comma-highlight){color:#ff2424;font-weight:600}
@media(max-width:700px){.grammar-site .grammar-lesson-aside nav{max-height:none;overflow:visible}.grammar-site main :is(.adj-grid,.verb-grid,.movement-grid,.preposition-grid,.collocation-grid,.wh-ever-grid,.word-grid,.emotion-grid,.feature-grid,.comparison-grid,.tips-grid,.visual-grid){grid-template-columns:1fr}.grammar-site main .quiz-question{padding:20px}.grammar-site main .quiz-options{grid-template-columns:1fr}.grammar-site main .quiz-option{font-size:16px}.grammar-site main .grammar-table{font-size:13px}.grammar-site main .grammar-table :is(td,th){min-width:100px}.grammar-site main .navigation{flex-direction:column}.grammar-site main .search-section input{font-size:16px}}