.article-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:35px;align-items:start;padding-top:28px;padding-bottom:40px}.article-column{max-width:880px;min-width:0}.article-nav{position:sticky;top:20px;margin:10px 0;display:flex;flex-direction:column;gap:13px;padding:12px 4px}.article-nav a{font-size:15px;color:#776583}.article-nav a:hover{color:#7541bd}.article-nav .kicker{margin-bottom:5px}.article-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.article-tools>span{font-size:12px;letter-spacing:1px;color:#8b769e}.lesson-card{background:white;border:1px solid #eae4f1;border-radius:17px;padding:29px 32px;margin-bottom:20px;scroll-margin-top:20px}.lesson-card h2{font-size:28px;line-height:1.2;margin:9px 0 19px}.lesson-card p{font-size:18px;line-height:1.65;color:#665c71;margin:12px 0}.lesson-card strong{color:#3e324f}.takeaway{border-left:3px solid #a982dc;background:#f6f0fd;border-radius:0 10px 10px 0;padding:17px 20px;margin:22px 0}.takeaway p{font-size:16px;margin:6px 0 0}.table-scroll{overflow-x:auto;border:1px solid #e9e1f1;border-radius:12px;margin:20px 0}.table-scroll table{border-collapse:collapse;min-width:570px;width:100%;font-size:16px;text-align:left}.table-scroll caption{text-align:left;font-size:13px;color:#8b74a3;padding:12px 16px;background:#fcfaff}.table-scroll td,.table-scroll th{padding:13px 16px;border-top:1px solid #eee7f6;white-space:nowrap}.table-scroll thead{background:#f4edfc}.table-scroll tbody th{font-size:14px;font-weight:400}.lesson-card p.note{font-size:15px;color:#85718e}.rule-row{display:grid;grid-template-columns:115px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #f0eaf5}.rule-row h3{font-size:20px;margin:0 0 7px}.rule-row p{font-size:16px;margin:7px 0}.rule-tag{padding:7px 10px;align-self:start;background:#eee4fc;color:#8051bb;border-radius:8px;text-align:center;font-size:14px}.rule-row p.example{font-size:21px;color:#392b48}.rule-row p.translation{font-size:15px;color:#8c7b97}.finish-card{border-radius:16px;background:#ede3fb;padding:25px 30px;margin-bottom:22px}.finish-card h2{font-size:25px;margin:0 0 7px}.finish-card p{color:#816b93;font-size:15px}.finish-card>a{display:block;font-size:14px;color:#754ca6;margin-top:12px}.back-link{display:block;color:#8957bd;font-size:15px;margin-top:16px}.next-practice{display:flex;align-items:center;justify-content:space-between;background:#f1eafb;padding:18px;border-radius:12px;color:#7f4bbd}.next-practice small{display:block;color:#8b739e;font-size:14px;margin-top:5px}#article-related{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}#article-related a{font-size:15px;padding:13px 15px;border:1px solid #ece4f6;border-radius:10px}.editorial-sources{font-size:13px;color:#8d7a9e;margin:20px 3px}.editorial-sources a{text-decoration:underline}.quiz-question{border:0;border-top:1px solid #ede5f4;padding:19px 0;margin:0}.quiz-question legend{font-size:18px;padding-top:20px;width:100%;font-weight:bold;line-height:1.5}.quiz-question label{display:flex;align-items:center;gap:11px;border:1px solid #e6ddee;border-radius:10px;padding:11px 14px;margin-top:8px;cursor:pointer;font-size:17px}.quiz-question label:has(input:checked){background:#f1e7fd;border-color:#a576d8}.quiz-question input{accent-color:#8147c7}.quiz-feedback{border-left:3px solid #b998d6;padding:12px 15px;margin:15px 0;background:#faf7fd}.quiz-feedback strong{font-size:17px}.quiz-feedback p{font-size:15px;margin:6px 0}.quiz-score{font-size:23px;font-weight:bold;color:#7747b0;margin:15px 0}.quiz-actions{display:flex;gap:12px;flex-wrap:wrap}button:disabled{cursor:wait;opacity:.6}.article-hero .hero-grid{min-height:280px}.article-hero .grammar-hero-art img{max-width:285px}.article-hero h1{font-size:44px}.article-hero .hero-meta{margin-top:13px}.article-hero .intro{font-size:18px}#article-quiz>p{font-size:15px}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:10px;margin:0;padding:0}.article-nav .kicker,.article-nav .back-link{display:none}.article-nav a{border:1px solid #e7ddee;border-radius:20px;padding:6px 10px;font-size:13px}.lesson-card{padding:24px}.article-hero h1{font-size:38px}}@media(max-width:560px){.article-layout{padding-top:20px;gap:20px}.lesson-card{padding:21px 18px;border-radius:14px}.lesson-card h2{font-size:25px}.lesson-card p{font-size:16px}.article-tools>span{font-size:10px}.article-tools .button{font-size:13px;padding:9px 12px}.rule-row{grid-template-columns:1fr;gap:12px}.rule-tag{justify-self:start}.rule-row p.example{font-size:20px}.finish-card{padding:24px 20px}.article-hero h1{font-size:34px}.article-hero .intro{font-size:16px}.article-hero .grammar-hero-art img{max-width:190px}.article-hero .hero-grid{gap:5px}#article-related{grid-template-columns:1fr}.table-scroll th,.table-scroll td{padding:11px 13px}.quiz-question legend{font-size:17px}.quiz-question label{font-size:16px}.finish-card .button{width:100%}}

body:not(.js-ready) #article-quiz{display:none}

.quiz-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#806499;font-size:14px}.quiz-progress progress{width:40%;height:7px;accent-color:#8147c7}.quiz-conversion{padding:20px;background:#f3ebfc;border-radius:12px;margin:18px 0}.quiz-conversion h3{margin:0;font-size:22px}.quiz-conversion p{font-size:16px}.quiz-login{display:block;margin-top:14px;color:#7541bd}.quiz-review{margin:18px 0}.quiz-review summary{cursor:pointer;color:#7541bd}.quiz-actions{justify-content:space-between}.quiz-actions button:disabled{cursor:default}.quiz-score{margin-top:0}@media(max-width:560px){.quiz-conversion{padding:16px}.quiz-conversion .button{width:100%;text-align:center}.quiz-actions .button{padding:11px 13px}}
/* Grammar journey: shared with the self-study registration flow. */
.crumb{flex-wrap:wrap;row-gap:6px}.grammar-signup{background:#eee5fb;border:1px solid #e3d5f4;border-radius:16px;overflow:hidden}.grammar-signup img{display:block;width:100%;height:auto}.grammar-signup-side{margin-top:14px}.grammar-signup-side>div{padding:16px}.grammar-signup h3{font-size:21px;line-height:1.2;margin:10px 0}.grammar-signup ul{padding:0;list-style:none;margin:14px 0 18px;font-size:14px;color:#645471}.grammar-signup li{margin:9px 0;padding-left:18px;position:relative}.grammar-signup li:before{content:'✓';position:absolute;left:0;color:#7541bd}.article-nav .grammar-signup .button{color:#fff;font-size:14px;line-height:1.4;padding:11px 12px;width:100%;gap:6px}.grammar-signup-bottom{margin:0 0 22px;padding:24px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:center}.grammar-signup-bottom h2{font-size:26px;line-height:1.2;margin:9px 0 12px}.grammar-signup-bottom p{font-size:16px;color:#665773;margin:0 0 18px}.grammar-signup-bottom img{border-radius:12px}.grammar-signup-login{display:block;font-size:14px;color:#7448a7;margin-top:12px;text-decoration:underline}.grammar-nav-button,.article-nav a.grammar-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 16px;border:1px solid #d9c5ee;border-radius:11px;background:#fff;color:#7141ad;font-size:15px;font-weight:600;line-height:1.3;transition:background .15s,border-color .15s}.grammar-nav-button:hover{background:#f3eafb;border-color:#aa83d2}.article-nav{max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:thin}.article-nav .grammar-nav-button{margin-top:3px;text-align:center}.grammar-signup[hidden]{display:none!important}@media(max-width:760px){.grammar-signup-bottom{display:block;padding:22px}.grammar-signup-bottom img{max-width:270px;margin:0 auto 18px}.grammar-signup-bottom h2{font-size:24px}.grammar-signup-bottom .button{width:100%;gap:8px;padding:12px}.grammar-nav-button{width:100%}.article-nav{max-height:none;overflow:visible}}