.gsteps-on{--gs-s: 10px;--gs-m: 20px;--gs-l: 32px;--gs-xl: 48px;--gs-indent: 42px}.gsteps-on .hero{margin-bottom:0}.gsteps-on .gsteps{display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 var(--gs-xl)}.gsteps-panel{position:static;min-width:0;border:0;border-bottom:1px solid var(--border);background:none}.gsteps-panel:first-child .gsteps-head{padding-top:24px}.gsteps-head{position:relative;display:flex;align-items:center;gap:14px;min-height:68px;padding:16px 4px;cursor:pointer;list-style:none}.gsteps-head::-webkit-details-marker{display:none}.gsteps-head:after{content:"";flex:none;width:9px;height:9px;margin:-3px 6px 0 auto;border-right:2px solid var(--quiet);border-bottom:2px solid var(--quiet);transform:rotate(45deg);transition:transform .15s}.gsteps-panel[open]>.gsteps-head:after{margin-top:3px;transform:rotate(-135deg)}.gsteps-head:hover .gsteps-label{color:var(--accent-strong)}.gsteps-head:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.gsteps-num{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--border);color:var(--ink);font-size:calc(14px * var(--text-scale, 1));font-weight:700}.gsteps-panel[open] .gsteps-num{background:var(--accent);color:#fff}.gsteps-panel.is-done:not([open]) .gsteps-num{background:var(--accent-soft);color:var(--accent-strong)}.gsteps-label{font-size:calc(18px * var(--text-scale, 1));font-weight:700;color:var(--ink)}.gsteps-title{font-size:calc(14px * var(--text-scale, 1));color:var(--quiet)}.gsteps-panel[open]>.gsteps-head .gsteps-title{display:none}.gsteps-body{min-width:0;padding:4px 4px 40px var(--gs-indent)}.gsteps-body>*{max-width:62ch}.gsteps-body>*+*{margin-top:var(--gs-l)}.gsteps-body>:is(.grammar-quote,.grammar-examples,.grammar-form,.grammar-table-wrap,.gsteps-more,#miniquiz,.grammar-mistake){max-width:none}.gsteps-body :is(p,li,.grammar-sentence){overflow-wrap:anywhere}.gsteps-on .grammar-tools,.gsteps-on .grammar-settings,.gsteps-on .audio-status:empty{display:none}.gsteps-body .grammar-source{margin:0;font-size:calc(13px * var(--text-scale, 1))}.gsteps-body .grammar-notice{display:block;margin-bottom:0;padding:18px 22px;border:0;border-radius:12px;background:var(--accent-tint);color:var(--ink)}.gsteps-body .grammar-notice-label{display:block;margin-bottom:4px}.gsteps-body .grammar-quote{margin-bottom:0;padding:0;border:0;border-left:3px solid var(--accent);border-radius:0;background:none}.gsteps-body .grammar-quote-tools{padding:var(--gs-s) 0 0 var(--gs-m)}.gsteps-body .grammar-excerpt{padding:4px 0 4px var(--gs-m)}.gsteps-body .grammar-caption{margin:var(--gs-m) 0 0;font-size:calc(13px * var(--text-scale, 1));color:var(--quiet)}.gsteps-body .grammar-quote+.grammar-caption{margin-top:var(--gs-m)}.gsteps-body>.grammar-key{max-width:34em;margin-top:4px;padding:0 0 0 20px;border:0;border-left:3px solid var(--accent);border-radius:0;background:none;font-size:calc(clamp(21px,3.4vw,26px) * var(--text-scale, 1));line-height:1.45}.gsteps-on .gsteps-body>.grammar-key .en,.gsteps-on .gsteps-body .grammar-notice .en{padding:0;border-radius:0;background:none;box-shadow:none}.gsteps-body>.grammar-form{padding:22px 24px;border:0;border-radius:12px;background:var(--accent-tint)}.gsteps-body .grammar-form-label{margin-bottom:10px}.gsteps-body .grammar-form-list{gap:var(--gs-s)}.gsteps-body>.grammar-form .chip{background:var(--surface)}.gsteps-body>.grammar-form .chip-en{background:var(--accent)}.gsteps-on .gsteps-body>.grammar-tip{margin-top:var(--gs-l)}.gsteps-body>.grammar-tip{padding:2px 0 2px var(--gs-m);border:0;border-left:2px solid var(--border-strong);border-radius:0;background:none}.gsteps-body>.grammar-tip .grammar-tip-label{margin-bottom:2px}.gsteps-body>.grammar-tip p:last-child{color:var(--muted)}.gsteps-body .grammar-table-wrap{margin:0;border-radius:12px}.gsteps-body .grammar-table caption{padding:14px var(--gs-m) 6px}.gsteps-body .grammar-table th{vertical-align:bottom;line-height:1.35}.gsteps-body .grammar-table :is(td,th){min-width:0}.gsteps-on .gsteps-body .grammar-table :is(.en,.nw){white-space:normal}.gsteps-more{margin-top:var(--gs-l);border:0;background:none}.gsteps-more>summary{display:inline-flex;align-items:center;min-height:40px;padding:0 2px;border-bottom:1px solid var(--accent-soft);color:var(--accent-strong);font-size:calc(15px * var(--text-scale, 1));font-weight:650;cursor:pointer}.gsteps-more>summary:after{content:"+";margin-left:var(--gs-s);font-size:1.2em}.gsteps-more[open]>summary{margin-bottom:var(--gs-s)}.gsteps-more[open]>summary:after{content:"\2013"}.gsteps-on .gsteps-more>.grammar-tip{max-width:62ch;margin:var(--gs-m) 0 var(--gs-m);padding:2px 0 2px var(--gs-m);border-left:2px solid var(--border-strong);background:none}.gsteps-more>.grammar-tip p:last-child{color:var(--muted);font-size:calc(15px * var(--text-scale, 1))}.gsteps-more .grammar-points{max-width:62ch;margin:0;padding:var(--gs-s) 0 0;gap:16px}.gsteps-more .grammar-points li{font-size:calc(15px * var(--text-scale, 1))}.gsteps-body .gsteps-sub{margin:0 0 6px;font-size:calc(13px * var(--text-scale, 1));letter-spacing:.06em;text-transform:uppercase;color:var(--quiet)}.gsteps-body .grammar-examples{gap:0}.gsteps-body .grammar-example{min-width:0;padding:20px 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:none}.gsteps-body .grammar-example:first-child{padding-top:8px}.gsteps-body .grammar-example:last-child{border-bottom:0}.gsteps-body .grammar-example>div{min-width:0}.gsteps-on .gsteps-body .grammar-mistake{margin-top:var(--gs-l);padding:24px 0 0;border:0;border-top:1px solid var(--border);border-radius:0;background:none;box-shadow:none}.gsteps-on .gsteps-body .grammar-mistake h3{margin:0 0 14px;font-size:calc(12px * var(--text-scale, 1));color:var(--quiet)}.gsteps-on .gsteps-body :is(.grammar-wrong,.grammar-right){display:grid;grid-template-columns:22px 1fr;align-items:center;gap:0 10px;margin:0;padding:6px 0;border:0;background:none;color:var(--muted)}.gsteps-on .gsteps-body .grammar-label{font-size:0;line-height:1}.gsteps-on .gsteps-body .grammar-label span{font-size:17px;font-weight:700;line-height:1}.gsteps-on .gsteps-body .grammar-wrong .grammar-label span{color:var(--negative)}.gsteps-on .gsteps-body .grammar-right .grammar-label span{color:var(--positive)}.gsteps-on .gsteps-body .grammar-sentence{order:0;flex-basis:auto;margin:0;font-size:calc(17px * var(--text-scale, 1));line-height:1.5}.gsteps-on .gsteps-body .grammar-wrong .grammar-sentence{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--negative) 60%,transparent)}.gsteps-on .gsteps-body .grammar-right .grammar-sentence{color:var(--ink);font-weight:600}.gsteps-on .gsteps-body .grammar-wrong .grammar-sentence-hint{grid-column:2 / -1;margin:0;padding:0;text-align:left;font-size:calc(13px * var(--text-scale, 1));color:var(--muted)}.gsteps-on .gsteps-body .grammar-right .audio-btn{display:none}.gsteps-on .gsteps-body .grammar-why{margin:var(--gs-s) 0 0 32px;font-size:calc(13px * var(--text-scale, 1));color:var(--quiet)}.gsteps-body #miniquiz{margin:0;padding:0;border:0;background:none}.gsteps-body #miniquiz>summary,.gsteps-body #miniquiz .quiz-box>h2,.gsteps-body .quiz-box>h2+p,.gsteps-body .grammar-quiz-progress{display:none}.gsteps-body .quiz-box{padding:0;border:0;background:none;box-shadow:none}.gsteps-body #miniquiz .question{margin:var(--gs-xl) 0 0;padding:0 0 4px;border:0}.gsteps-body #miniquiz .question:first-of-type{margin-top:20px}.gsteps-body #miniquiz .question legend{margin:0;padding:0 0 16px}.gsteps-body #miniquiz .grammar-question-pending[hidden]{display:none}.gsteps-body #miniquiz .options{display:grid;gap:12px}.gsteps-body #miniquiz .practice-built{margin-top:0}.gsteps-body #miniquiz .practice-tiles{margin-top:12px}.gsteps-body #miniquiz .answer-feedback{margin-top:var(--gs-m)}.gsteps-embedded .hero .lead{display:none}@media(max-width:700px){.gsteps-body .grammar-quote,.gsteps-body>.grammar-key{border-left:2px solid var(--accent-soft)}.gsteps-body>.grammar-tip{padding-left:0;border-left:0}}@media(max-width:560px){.gsteps-on{--gs-indent: 0px;--gs-m: 18px;--gs-l: 28px;--gs-xl: 40px}.gsteps-on .gsteps{margin-bottom:32px}.gsteps-head{flex-wrap:nowrap;gap:12px;min-height:64px;padding:14px 32px 14px 2px}.gsteps-label{flex:none;font-size:calc(17px * var(--text-scale, 1))}.gsteps-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(13px * var(--text-scale, 1))}.gsteps-head:after{position:absolute;right:6px;top:50%;margin:-6px 0 0}.gsteps-panel[open]>.gsteps-head:after{margin-top:-3px}.gsteps-body{padding:2px 2px 34px}.gsteps-body .grammar-source,.gsteps-body .gsteps-sub{display:none}.gsteps-body .grammar-notice{padding:16px;font-size:calc(15px * var(--text-scale, 1));line-height:1.6}.gsteps-body .grammar-excerpt{display:block;padding:4px 0 6px 14px}.gsteps-on .gsteps-body .grammar-excerpt p{font-size:calc(19px * var(--text-scale, 1));line-height:1.7}.gsteps-on .gsteps-body .grammar-excerpt .audio-btn--inline{display:inline-grid;place-items:center;width:40px;height:40px;margin:2px 0 10px;padding:0}.gsteps-on .gsteps-body .grammar-excerpt .audio-btn--inline svg{width:18px;height:18px}.gsteps-body .grammar-quote-tools{padding:var(--gs-s) 0 0 14px}.gsteps-body>.grammar-key{padding-left:16px;font-size:calc(20px * var(--text-scale, 1))}.gsteps-body>.grammar-form{padding:18px 16px}.gsteps-body .grammar-example{gap:14px;padding:18px 0}.gsteps-body .grammar-example-en{font-size:calc(19px * var(--text-scale, 1));line-height:1.45}.gsteps-on .gsteps-body .grammar-mistake{padding-top:20px}.gsteps-on .gsteps-body :is(.grammar-wrong,.grammar-right){grid-template-columns:20px 1fr;gap:0 8px}.gsteps-on .gsteps-body .grammar-sentence{font-size:calc(16px * var(--text-scale, 1))}.gsteps-on .gsteps-body .grammar-why{margin-left:28px}.gsteps-body #miniquiz .question legend{font-size:calc(16px * var(--text-scale, 1));line-height:1.4}.gsteps-body #miniquiz .option{font-size:calc(15px * var(--text-scale, 1));padding:12px 14px}.gsteps-body #miniquiz .quiz-result{margin-top:20px}}.gsteps{overflow-anchor:none}@media(max-width:560px){.grammar-lesson.gsteps-on .hero{padding-bottom:14px}.grammar-lesson.gsteps-on .gsteps-panel:first-child .gsteps-head{padding-top:14px}}