/* An interactive language desk: intent, changed form, reason, independent recall. */
:root{--grammar-blue:#3b50ce;--grammar-wash:#eff2ff;--grammar-mint:#dff3ea;--grammar-peach:#fff0df}
body.dark{--grammar-blue:#b5c0ff;--grammar-wash:#2b3150;--grammar-mint:#233d35;--grammar-peach:#423424}
body{background-image:none}
.nav-link{font-size:13px}.nav-caption{font-size:11px}.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar-plan p{font-size:12px;line-height:1.65}
.studio-heading>div>p{font-size:13px}.studio-heading h1{font-size:clamp(43px,4.5vw,68px);line-height:1.08;letter-spacing:-3px}.studio-heading{margin-bottom:24px}
.studio-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.studio-shortcuts button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--card);border-radius:50px;padding:10px 16px;font-size:12px;color:var(--muted)}.studio-shortcuts button:hover{border-color:var(--accent);color:var(--accent)}.studio-shortcuts .ico{width:16px;height:16px}
.sentence-stage{background:var(--card);padding:28px;border-radius:28px;gap:32px;box-shadow:0 10px 40px #273b6510}.meaning-scene{background:var(--grammar-wash);border:0;border-radius:21px;padding:30px}.stage-intro h2{font-size:32px;line-height:1.2}.stage-intro p{font-size:15px;line-height:1.75}.stage-caption{font-size:12px;line-height:1.7}.meaning-caption,.meaning-piece small,.meaning-translation,.meaning-explanation p{font-size:13px}.meaning-piece{border-radius:13px;min-height:84px}.meaning-piece span{font-size:30px}.meaning-explanation{border-color:color-mix(in srgb,var(--ink) 12%,transparent)}
.studio-section-head p,.lab-teaser small,.lab-teaser span>span,.studio-tools small,.mode-results,.training-tabs .pill,.training-options summary{font-size:12px}.lab-teaser strong{font-size:17px}.studio-tools b{font-size:14px}.forms-selector p,.forms-result p{font-size:14px;line-height:1.8}.forms-result .small{font-size:12px}.studio-mode-grid .mode-card p{font-size:14px;line-height:1.7}.studio-mode-grid .mode-footer{font-size:12px}.studio-mode-grid .mode-card{min-height:220px}.lab-instruction{line-height:1.6}
.grammar-page{max-width:1200px;margin:0 auto}.grammar-heading{align-items:flex-end;margin-bottom:36px}.grammar-heading h1{font-size:clamp(38px,4.4vw,66px);line-height:1.08;letter-spacing:-2.8px;margin:17px 0}.grammar-heading>div>p:last-child{font-size:15px;line-height:1.7;max-width:55ch}
.grammar-sign{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650;color:var(--grammar-blue);margin:0}.grammar-sign .ico{width:18px;height:18px}
.grammar-bridge{display:grid;grid-template-columns:1fr 1.1fr;gap:24px 44px;padding:35px 35px 20px;background:var(--grammar-wash);border:1px solid var(--line);border-radius:25px;margin:30px 0;overflow:hidden}
.grammar-bridge h2{font-size:clamp(25px,2.8vw,37px);line-height:1.2;letter-spacing:-1.4px;margin:20px 0 15px}.grammar-bridge p{font-size:14px;line-height:1.8;max-width:42ch;color:var(--muted);margin-bottom:23px}.bridge-examples{align-self:center;display:flex;flex-direction:column;gap:15px}.bridge-examples>div{padding:20px 24px;background:var(--card);border-radius:16px;border:1px solid color-mix(in srgb,var(--grammar-blue) 12%,transparent)}.bridge-examples>div:last-child{margin-left:25px}.bridge-examples>div>span{font-size:12px;color:var(--muted);display:block}.bridge-examples strong{display:block;font-size:29px;letter-spacing:-.7px;line-height:1.65;margin:4px 0}.bridge-examples small{font-size:12px;color:var(--muted)}.bridge-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);padding-top:18px}.bridge-bottom .link-btn{font-size:12px;text-align:left}
.grammar-change{color:var(--grammar-blue);background:color-mix(in srgb,var(--grammar-blue) 10%,var(--card));padding:.06em .2em;border-radius:.16em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.grammar-catalog-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:25px 0}.grammar-tabs{display:flex;gap:5px;padding:4px;background:var(--card);border:1px solid var(--line);border-radius:14px}.grammar-tabs button{padding:12px 16px;font-size:13px;border-radius:10px;color:var(--muted);min-height:44px}.grammar-tabs button.active{background:var(--ink);color:var(--card)}.grammar-tabs button>span{display:inline-block;margin-left:5px;font-size:11px}.grammar-catalog-bar .training-search{max-width:290px;min-height:48px}.grammar-catalog-bar input{font-size:13px}
.grammar-list-intro{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin:35px 0 13px}.grammar-topic-row{display:flex;align-items:center;gap:21px;width:100%;padding:27px 16px;text-align:left;border-top:1px solid var(--line);min-height:117px;transition:background .18s}.grammar-topic-row:last-child{border-bottom:1px solid var(--line)}.grammar-topic-row:hover{background:var(--card)}.grammar-topic-symbol{display:grid;place-items:center;flex-shrink:0;width:50px;height:57px;background:var(--grammar-wash);color:var(--grammar-blue);border-radius:16px}.grammar-topic-symbol .ico{width:22px}.grammar-topic-title{flex:1;min-width:0}.grammar-topic-title strong{font-size:21px;line-height:1.4;font-weight:750;letter-spacing:-.6px;display:block}.grammar-topic-title small{font-size:13px;line-height:1.7;color:var(--muted);display:block;margin-top:7px}.grammar-topic-meta{text-align:right;font-size:12px;color:var(--grammar-blue);line-height:1.65;max-width:160px}.grammar-topic-meta small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.grammar-topic-row>.ico{width:19px;flex-shrink:0;color:var(--muted)}.grammar-disclaimer{font-size:12px;line-height:1.8;color:var(--muted);max-width:70ch;margin-top:25px}
.grammar-back{display:flex;align-items:center;gap:15px;margin:10px 0 27px}.grammar-back>.link-btn{margin-right:auto;font-size:13px}.grammar-back>span:last-child{font-size:12px;color:var(--muted)}.grammar-detail>.page-head{align-items:center;margin-bottom:28px}.grammar-detail>.page-head h1{font-size:clamp(29px,3.5vw,47px);line-height:1.15;letter-spacing:-1.8px}.grammar-detail>.page-head p{font-size:15px;line-height:1.7;margin-top:13px}.grammar-orbit{width:67px;height:67px;border-radius:21px;display:grid;place-items:center;background:var(--grammar-wash);color:var(--grammar-blue);transform:rotate(-7deg);flex-shrink:0}.grammar-orbit .ico{width:30px;height:30px}
.grammar-route{list-style:none;display:flex;margin:0 0 22px;padding:0;gap:18px}.grammar-route li{flex:1;display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:2px solid var(--line);color:var(--muted);font-size:13px}.grammar-route li.active{border-bottom-color:var(--grammar-blue);color:var(--ink);font-weight:750}.grammar-route li.complete{color:var(--good)}.grammar-route li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);font-size:11px;flex-shrink:0}.grammar-route li.active>span{background:var(--grammar-blue);color:var(--card);border-color:var(--grammar-blue)}
.grammar-desk{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:0 12px 45px #273b6508;overflow:hidden;scroll-margin-top:20px}.grammar-experiment{display:grid;grid-template-columns:235px 1fr;border-bottom:1px solid var(--line)}.grammar-intent{padding:30px 24px;background:var(--bg);border-right:1px solid var(--line)}.grammar-section-label{font-size:13px;font-weight:750}.grammar-situations{margin:23px 0;display:flex;flex-direction:column;gap:9px}.grammar-situations button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;border:1px solid var(--line);border-radius:12px;min-height:52px;padding:12px 14px;font-size:14px;background:var(--card)}.grammar-situations button.active{background:var(--grammar-blue);color:var(--card);border-color:var(--grammar-blue);box-shadow:0 4px 14px #3b50ce18}.grammar-situations button>.ico{width:16px;height:16px}.grammar-intent>p{font-size:12px;line-height:1.9;color:var(--muted)}.grammar-live{padding:31px 36px;min-width:0}.grammar-live-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:14px}.grammar-live-phrase{font-size:clamp(30px,3vw,45px);letter-spacing:-1.4px;font-weight:750;line-height:1.6;margin:36px 0 14px;overflow-wrap:anywhere}.grammar-translation{font-size:16px;color:var(--muted);line-height:1.6}.grammar-insight{display:flex;gap:13px;align-items:flex-start;padding-top:23px;margin-top:27px;border-top:1px solid var(--line);min-height:80px}.grammar-insight>.ico{color:var(--grammar-blue);width:20px;height:20px;flex-shrink:0;margin-top:2px}.grammar-insight>p{font-size:14px;line-height:1.85;max-width:60ch}.grammar-audio-note{font-size:11px;color:var(--muted);margin-top:16px}.grammar-spoken{font:inherit;letter-spacing:inherit;text-align:left;line-height:inherit;color:inherit;border-bottom:1px dashed color-mix(in srgb,var(--grammar-blue) 40%,transparent)}.grammar-spoken:hover,.grammar-spoken.playing{color:var(--grammar-blue)}.grammar-speed{margin-top:16px}
.grammar-rule-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;padding:30px 35px}.grammar-rule-grid h2{font-size:20px;letter-spacing:-.6px;margin-bottom:15px}.grammar-rule-grid p{font-size:15px;line-height:1.85;max-width:68ch}.grammar-rule-grid ol{padding-left:22px;margin:20px 0 0}.grammar-rule-grid li{padding-left:5px;margin:12px 0;font-size:13px;line-height:1.8}.grammar-rule-grid li::marker{color:var(--grammar-blue);font-weight:750}.grammar-trap{background:var(--grammar-peach);padding:22px;border-radius:16px;align-self:start}.grammar-trap>span{font-size:12px;font-weight:750;display:flex;align-items:center;gap:8px;margin-bottom:13px}.grammar-trap .ico{width:17px;height:17px}.grammar-trap p{font-size:14px;line-height:1.85}.grammar-footer{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:24px 35px;border-top:1px solid var(--line)}.grammar-footer>span{font-size:12px;color:var(--muted)}.grammar-source{font-size:11px;display:flex;align-items:center;gap:5px;margin-left:auto;color:var(--muted)}.grammar-source .ico{width:14px;height:14px}.grammar-bottom-note{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin:24px 5px;font-size:12px;line-height:1.8;color:var(--muted)}.grammar-bottom-note>span{max-width:58ch}.grammar-bottom-note .link-btn{font-size:12px;text-align:right;flex-shrink:0}
.grammar-exercise-head{display:flex;justify-content:space-between;padding:23px 35px 17px;font-size:13px;color:var(--muted)}.grammar-exercise-head>span:first-child{font-weight:750;color:var(--grammar-blue)}.grammar-track{height:3px;background:var(--line)}.grammar-track>span{height:100%;width:100%;display:block;background:var(--grammar-blue);transform-origin:left}
.grammar-task-body{padding:30px 40px 35px;max-width:1000px;margin:0 auto}.grammar-task-body>h2{font-size:23px;letter-spacing:-.6px;line-height:1.55;max-width:60ch}.grammar-task-help{font-size:13px;line-height:1.8;color:var(--muted);margin:12px 0 22px}.grammar-task-sentence{font-size:clamp(27px,3vw,41px);line-height:1.7;font-weight:750;letter-spacing:-1px;padding:25px 0;margin-bottom:20px;overflow-wrap:anywhere}.grammar-change.gap{display:inline-block;min-width:90px;text-align:center;line-height:1.3;border-bottom:2px solid var(--grammar-blue)}.grammar-change.broken{background:var(--grammar-peach);color:var(--ink);text-decoration:underline wavy #bc762c;text-underline-offset:8px}.grammar-options{display:flex;gap:13px;flex-wrap:wrap}.grammar-options button{padding:17px 26px;border:1px solid var(--line);border-radius:13px;min-width:140px;font-size:23px;font-weight:650;letter-spacing:-.5px;text-align:center}.grammar-options button:hover:not(:disabled){background:var(--grammar-wash);border-color:var(--grammar-blue)}.grammar-options button.correct{background:var(--grammar-mint);border-color:var(--good)}.grammar-options button.incorrect{background:var(--grammar-peach);border-color:#b27331}.grammar-options button:disabled{opacity:.75}.grammar-options button.correct,.grammar-options button.incorrect{opacity:1}
#grammar-answer-form>label{display:block;font-size:13px;font-weight:650;margin-bottom:10px}#grammar-answer{max-width:450px;font-size:24px;min-height:60px;background:var(--bg);letter-spacing:-.4px}#grammar-answer:disabled{opacity:1;color:var(--muted)}.grammar-characters{display:flex;gap:5px;flex-wrap:wrap;margin:13px 0 20px;max-width:470px}.grammar-characters button{background:var(--bg);border:1px solid var(--line);border-radius:7px;min-width:29px;min-height:34px;font-size:16px}.grammar-characters button:hover{border-color:var(--grammar-blue);color:var(--grammar-blue)}.grammar-answer-actions{display:flex;gap:20px;align-items:center;margin-top:20px;flex-wrap:wrap}.grammar-answer-actions .link-btn{font-size:12px}.grammar-hint{display:flex;align-items:flex-start;gap:12px;padding:20px;background:var(--grammar-wash);border-radius:14px;margin-top:22px}.grammar-hint>.ico{width:20px;flex-shrink:0;color:var(--grammar-blue)}.grammar-hint p{font-size:14px;line-height:1.85}.grammar-hint small{display:block;font-size:12px;color:var(--muted);margin-top:7px}
.grammar-feedback{padding:25px;border:1px solid var(--line);border-radius:20px;margin-top:28px;outline-offset:4px}.grammar-feedback.correct{background:color-mix(in srgb,var(--grammar-mint) 55%,var(--card));border-color:color-mix(in srgb,var(--good) 25%,var(--line))}.grammar-feedback.incorrect{background:color-mix(in srgb,var(--grammar-peach) 55%,var(--card))}.grammar-feedback-title{display:flex;gap:12px;align-items:center;margin-bottom:15px}.grammar-feedback-title .ico{flex-shrink:0;width:22px;height:22px}.grammar-feedback-title h3{font-size:20px;line-height:1.45;letter-spacing:-.5px}.grammar-feedback>p{font-size:15px;line-height:1.85;max-width:66ch}.grammar-feedback-sentence{font-size:22px;font-weight:650;line-height:1.8;margin-top:15px;overflow-wrap:anywhere}.grammar-feedback-actions{display:flex;align-items:center;gap:20px;margin-top:23px;flex-wrap:wrap}.grammar-feedback-actions>span{font-size:12px;color:var(--muted);max-width:22ch}.grammar-correction{display:flex;gap:12px;align-items:center;font-size:22px;line-height:1.5;margin:12px 0 18px;flex-wrap:wrap;overflow-wrap:anywhere}.grammar-was{text-decoration:line-through;text-decoration-color:#ac7537;color:var(--muted)}.grammar-correction>.ico{width:20px;flex-shrink:0;color:var(--muted)}.grammar-correction strong{color:var(--ink)}.grammar-confidence{display:flex;gap:13px;align-items:center;padding:20px 35px;border-top:1px solid var(--line);background:var(--bg)}.grammar-confidence>span{font-size:11px;line-height:1.8;max-width:51ch;color:var(--muted)}.grammar-confidence>.link-btn{margin-left:auto;font-size:12px}.grammar-credit{display:flex;gap:4px;flex-shrink:0}.grammar-credit i{width:8px;height:22px;border-radius:5px;background:var(--line)}.grammar-credit i.filled{background:var(--grammar-blue)}
.grammar-result{padding:40px;max-width:950px;margin:auto}.grammar-result-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--grammar-mint);color:var(--good);margin-bottom:24px}.grammar-result-icon .ico{width:27px;height:27px}.grammar-result h2{font-size:33px;line-height:1.25;letter-spacing:-1.2px;max-width:26ch}.grammar-result>p{font-size:15px;line-height:1.85;max-width:65ch;margin:18px 0 27px;color:var(--muted)}.grammar-result-stats{display:flex;gap:35px;flex-wrap:wrap;padding:22px 0;border-block:1px solid var(--line)}.grammar-result-stats strong{font-size:27px;letter-spacing:-.6px;display:block}.grammar-result-stats strong>span{font-size:16px;color:var(--muted);font-weight:450}.grammar-result-stats small{font-size:12px;display:block;color:var(--muted);margin-top:7px}.grammar-takeaway{padding:24px;background:var(--grammar-wash);border-radius:16px;margin:27px 0}.grammar-takeaway span{font-size:12px;font-weight:750;color:var(--grammar-blue)}.grammar-takeaway p{font-size:15px;line-height:1.85;margin-top:12px}.grammar-result>.row{gap:15px}.grammar-list-note{font-size:14px;color:var(--muted);line-height:1.8;max-width:70ch;margin:25px 0}.grammar-mistake-list{display:grid;grid-template-columns:1fr 1fr;gap:17px}.grammar-mistake{padding:24px;background:var(--card);border:1px solid var(--line);border-radius:20px;min-width:0}.grammar-mistake-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.grammar-error-label{font-size:11px;line-height:1.7;color:var(--ink);width:100%;margin-top:5px}.grammar-mistake>p{font-size:14px;line-height:1.8;margin-bottom:18px}.grammar-mistake .link-btn{font-size:12px}.grammar-empty{padding:45px 25px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:24px;margin-top:25px}.grammar-empty>.ico{width:35px;height:35px;color:var(--grammar-blue);margin-bottom:15px}.grammar-empty h2{font-size:24px;letter-spacing:-.8px}.grammar-empty p{font-size:14px;line-height:1.85;color:var(--muted);max-width:55ch;margin:15px auto 23px}
body.large .grammar-rule-grid p,body.large .grammar-task-help,body.large .grammar-feedback>p,body.large .grammar-insight>p,body.large .grammar-trap p{font-size:19px}
@media(max-width:1100px){.grammar-experiment{grid-template-columns:190px 1fr}.grammar-intent{padding:26px 17px}.grammar-live{padding:27px}.grammar-live-phrase{font-size:33px}.grammar-rule-grid{grid-template-columns:1fr;padding:27px;gap:25px}.grammar-trap{max-width:none}.grammar-topic-meta{max-width:135px}.grammar-bridge{padding:29px 26px 20px;gap:24px}.bridge-examples strong{font-size:25px}.grammar-footer{padding:23px 27px}.grammar-source{margin-left:0}.grammar-heading{flex-direction:column;align-items:flex-start;gap:20px}.grammar-catalog-bar{flex-direction:column;align-items:stretch;gap:15px}.grammar-catalog-bar .training-search{max-width:none}.grammar-tabs{align-self:flex-start}.grammar-mistake-list{grid-template-columns:1fr}.grammar-bottom-note{flex-direction:column;gap:12px}.grammar-bottom-note .link-btn{text-align:left}.grammar-confidence{flex-wrap:wrap}.grammar-confidence>.link-btn{margin-left:0}}
@media(max-width:700px){.studio-heading h1{font-size:42px;letter-spacing:-2px}.studio-shortcuts{gap:7px;margin-bottom:20px}.studio-shortcuts button{font-size:11px;padding:9px 11px;min-height:41px}.sentence-stage{padding:20px 16px}.meaning-scene{padding:20px 15px}.stage-intro h2{font-size:28px}.meaning-piece span{font-size:26px}.meaning-piece small{font-size:11px}.meaning-explanation p{font-size:13px}.lab-teaser-icon{display:none}.grammar-bridge{grid-template-columns:1fr;padding:25px 20px 18px;border-radius:23px;gap:24px}.grammar-bridge h2{font-size:30px}.grammar-bridge p{font-size:14px}.bridge-examples{gap:12px}.bridge-examples>div{padding:16px 19px}.bridge-examples>div:last-child{margin-left:15px}.bridge-examples strong{font-size:26px}.bridge-bottom{flex-direction:column;gap:15px}.grammar-heading h1{font-size:40px;letter-spacing:-1.9px}.grammar-heading>div>p:last-child{font-size:14px}.grammar-heading .level-switch{width:100%}.grammar-sign{font-size:12px}.grammar-tabs{width:100%;gap:0}.grammar-tabs button{flex:1;font-size:12px;padding:11px}.grammar-list-intro{font-size:11px;align-items:flex-start}.grammar-list-intro>span:last-child{text-align:right;max-width:150px}.grammar-topic-row{flex-wrap:wrap;gap:12px;padding:22px 4px}.grammar-topic-symbol{width:37px;height:43px;border-radius:12px}.grammar-topic-symbol .ico{width:18px}.grammar-topic-title strong{font-size:19px}.grammar-topic-title small{font-size:12px}.grammar-topic-title{flex-basis:calc(100% - 67px)}.grammar-topic-meta{margin-left:49px;text-align:left;max-width:none;flex:1}.grammar-topic-meta small{display:inline;margin-left:7px}.grammar-topic-row>.ico{width:17px}.grammar-detail>.page-head h1{font-size:33px;letter-spacing:-1.3px}.grammar-detail>.page-head p{font-size:14px}.grammar-orbit{display:none}.grammar-back{gap:8px;flex-wrap:wrap}.grammar-back>.link-btn{font-size:12px}.grammar-back>span:last-child{font-size:11px}.grammar-route{gap:12px}.grammar-route li{font-size:11px;line-height:1.6;flex-direction:column;align-items:flex-start;gap:8px}.grammar-desk{border-radius:22px}.grammar-experiment{grid-template-columns:1fr}.grammar-intent{padding:21px;border-right:0;border-bottom:1px solid var(--line)}.grammar-situations{flex-direction:row;margin:15px 0 0;gap:7px;flex-wrap:wrap}.grammar-situations button{flex:1;min-width:70px;padding:10px;font-size:12px;min-height:48px;justify-content:center;text-align:center}.grammar-situations button .ico{display:none}.grammar-intent>p{display:none}.grammar-live{padding:24px 21px}.grammar-live-phrase{font-size:31px;letter-spacing:-.8px;line-height:1.7;margin:27px 0 14px}.grammar-live-label{font-size:11px}.grammar-translation{font-size:14px}.grammar-insight>p{font-size:14px}.grammar-rule-grid{padding:25px 21px}.grammar-rule-grid h2{font-size:21px}.grammar-rule-grid p{font-size:14px}.grammar-trap{padding:19px}.grammar-trap p{font-size:13px}.grammar-footer{padding:22px 21px;gap:14px}.grammar-footer .btn{width:100%}.grammar-footer>span{font-size:11px}.grammar-footer .grammar-source{font-size:11px}.grammar-task-body{padding:24px 20px}.grammar-task-body>h2{font-size:20px}.grammar-task-help{font-size:12px}.grammar-exercise-head{padding:20px}.grammar-task-sentence{font-size:29px;padding:17px 0;letter-spacing:-.6px}.grammar-change.gap{min-width:66px}.grammar-options{gap:10px}.grammar-options button{min-width:95px;font-size:22px;padding:15px 18px;flex:1}.grammar-characters{gap:5px}.grammar-characters button{min-width:33px;min-height:40px}.grammar-answer-actions{gap:17px}.grammar-feedback{padding:21px 17px;border-radius:16px}.grammar-feedback-title{gap:9px}.grammar-feedback-title h3{font-size:18px}.grammar-feedback>p{font-size:14px}.grammar-feedback-sentence{font-size:20px}.grammar-feedback-actions{gap:14px}.grammar-feedback-actions>.btn{width:100%}.grammar-feedback-actions>span{max-width:none}.grammar-correction{font-size:21px;gap:9px}.grammar-confidence{padding:19px 20px;gap:12px}.grammar-confidence>span{font-size:11px;max-width:calc(100% - 50px)}.grammar-confidence>.link-btn{margin-left:45px}.grammar-result{padding:27px 21px}.grammar-result h2{font-size:29px}.grammar-result>p{font-size:14px}.grammar-result-stats{gap:23px 27px}.grammar-result-stats strong{font-size:25px}.grammar-result-stats small{font-size:11px}.grammar-takeaway{padding:21px 18px}.grammar-takeaway p{font-size:14px}.grammar-result>.row>.btn{width:100%}.grammar-empty h2{font-size:23px}.grammar-mistake{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){.grammar-topic-row{transition:none}}
.reduce-motion .grammar-topic-row{transition:none}