.grammar-hint{container-type:inline-size;min-width:0}.grammar-paper{padding:18px;border:1px solid #e5ce8c;background:#fff7dc;border-radius:18px;color:#0b2344}.grammar-paper h2{font-size:clamp(22px,5.5cqw,29px);line-height:1.2;text-align:center;margin:0 0 16px}.grammar-intro,.grammar-note{background:#eaf6fc;padding:14px;border-radius:15px;font-size:16px;line-height:1.5;text-align:center}.grammar-note{margin-top:14px}.grammar-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.grammar-three{grid-template-columns:repeat(3,minmax(0,1fr))}.grammar-column{border-radius:15px;padding:12px 9px;text-align:center;min-width:0}.grammar-column h3{margin:0 0 10px;font-size:20px;line-height:1.3}.grammar-column>h3:has(mark){font-size:32px}.grammar-column>p{font-size:14px;line-height:1.4;margin:8px 0}.grammar-paper mark{display:inline-block;background:#ffdce3;border-radius:7px;padding:1px 5px;color:#0b2344}.grammar-paper .grammar-gold{background:#ffedb9}.grammar-paper .grammar-mint{background:#d9f0e6}.grammar-art{display:block;width:100%;height:clamp(100px,31cqw,175px);overflow:hidden;margin:8px auto}.grammar-example{background:#fffcf7;border-radius:12px;padding:9px;margin:8px 0;font-size:clamp(16px,3.5cqw,21px);line-height:1.55}.grammar-example p{font-size:14px;color:#526c80;line-height:1.4;margin:5px 0 0}.grammar-sound{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;background:#d0e9fa;border:0;border-radius:50%;color:#124879;width:38px;height:38px;padding:9px;cursor:pointer}.grammar-sound svg{width:21px;height:21px}.grammar-arrow{font-size:28px;line-height:1;color:#688393}.grammar-replies .grammar-example:first-child{background:#e0f5e9}.grammar-replies .grammar-example:last-child{background:#ffe4e8}.grammar-paper .be-grade{margin-top:18px;font-size:14px}.grammar-paper .tone-am{background:#fff1ce}.grammar-paper .tone-is{background:#e4f2ec}.grammar-paper .tone-are{background:#fce9e5}.grammar-hint .auri-help{font-size:14px}.grammar-preview-label{font-size:14px;font-weight:600;margin:0 0 10px;color:#526c80}.grammar-practice .task-prompt{font-size:22px;line-height:1.4}.grammar-practice .task-target{display:block;margin-top:12px}.grammar-practice .task-instruction{font-size:15px;font-weight:400;color:#586d7b}.grammar-practice .rule-training-start{margin-top:16px}.grammar-practice .sentence-frame{font-size:25px}.grammar-practice .options{display:grid;gap:12px}.grammar-practice .learning-option{font-size:18px}.grammar-practice .lesson-layout{width:100%;max-width:1040px;margin:0 auto}.grammar-practice .be-hint{min-width:0}.grammar-practice .lesson-task{min-width:0}.grammar-practice .rule-training-start+.lesson-layout{margin-top:0}.grammar-practice .actions .primary:disabled{opacity:.45;cursor:default}.grammar-practice .grammar-status{color:#a53b3b;font-size:14px}.grammar-practice .grammar-status:empty{display:none}@container (max-width:360px){.grammar-three{grid-template-columns:1fr}.grammar-three .grammar-column{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4px}.grammar-three .grammar-column h3{margin:0}.grammar-three .grammar-art{grid-row:2/4;grid-column:2;height:130px}.grammar-three .grammar-example{grid-column:1}.grammar-columns:not(.grammar-three){grid-template-columns:1fr}.grammar-art{height:160px}}
.grammar-expand{width:min(820px,95vw);max-height:92vh;overflow:auto;border:1px solid #e5ce8c;border-radius:22px;padding:30px 20px}.grammar-expand::backdrop{background:#18304766}.grammar-expand .be-expand{display:none}

.grammar-question-person .grammar-art{height:110px;margin:8px auto}

/* CAN uses the same warm paper and AURI header as the established rules. */
.can-hint .grammar-intro,.can-hint .grammar-note{background:#ffedc3}
.can-hint .grammar-sound{min-height:38px;background:#ffe4a0;color:#72501d}
.can-hint .can-meaning{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;margin-top:14px;font-size:clamp(24px,7cqw,38px);font-weight:750;background:#fffaf0;border-radius:15px}
.can-hint .can-meaning>span{font-weight:400;color:#8f7955}
.can-hint .can-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px;align-items:stretch}
.can-hint .can-pair .grammar-column{padding:4px 7px;display:flex;align-items:center}
.can-hint .can-pair .grammar-example{width:100%;margin:4px 0}
.can-hint .tone-plain{background:#f7f3e9}
.can-hint .can-headings h3{margin:0;padding:9px 5px;text-align:center;border-radius:10px;font-size:16px;background:#fce9e5}
.can-hint .can-headings h3+ h3{background:#f7f3e9}
.can-hint .can-reply-pair .grammar-replies{display:grid;gap:5px}
.can-hint .can-reply-pair .grammar-replies .grammar-example{margin:0;display:flex;align-items:center;justify-content:space-between;gap:6px}
.can-hint .can-reply-pair .grammar-replies .grammar-example p{margin:0}
@container (max-width:400px){.can-hint .can-pair{grid-template-columns:1fr}.can-hint .can-headings{display:none}.can-hint .can-pair{border-bottom:1px solid #e5ce8c;padding-bottom:10px}.can-hint .can-pair:last-of-type{border-bottom:0}.can-hint .can-pair .grammar-example{text-align:left}}

.rule-overview .can-hint .grammar-intro{background:transparent}

/* HAVE cards retain every example and visual cue from the approved references. */
.have-hint .auri-help{display:flex;gap:10px;align-items:center}.have-code{margin-left:auto;color:#7d7c76;font-size:13px;white-space:nowrap}
.have-hint .grammar-paper{background:#fffaf0}.have-hint .grammar-intro,.have-tip{background:#fff0ce;line-height:1.5}
.have-hint .grammar-paper h2{font-size:clamp(22px,4.4cqw,32px)}
.have-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.have-panel{padding:14px;border-radius:18px;min-width:0}.have-panel h3{font-size:18px;margin:0 0 10px;font-weight:500}
.have-sentence{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:clamp(18px,3cqw,25px);line-height:1.65;min-width:0}.have-sentence>span{min-width:0}
.have-hint .grammar-paper mark{font-weight:700;padding:1px 6px;border-radius:8px}
.have-hint .grammar-sound{height:34px;width:34px;min-height:34px;padding:8px;background:#ffe3a0;color:#795721;flex:0 0 34px}
.have-translation{font-size:16px;line-height:1.45;color:#526477;margin:7px 0 0}.have-example{min-width:0}
.have-art{mix-blend-mode:multiply;display:block;width:100%;height:auto;min-width:0;overflow:hidden}
.have-picture{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:center;gap:12px;margin-top:12px}
.have-mini{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:10px;background:#fffcf7;padding:10px;border-radius:13px;margin-top:8px}.have-mini .have-sentence{font-size:18px}.have-mini .have-art{max-height:75px}
.have-tip{margin-top:16px;display:flex;align-items:center;gap:16px;border-radius:16px;padding:14px 18px;font-size:17px}.have-tip>.auri-sun{width:48px;height:48px;flex:0 0 48px}.have-tip>div{border-left:1px solid #e0c98d;padding-left:16px;min-width:0}
.have-formula{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:5px 0}.have-formula>span:not(mark){font-size:15px}.have-remember{font-size:15px;color:#627383}
.have-negative-scene{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:4px;align-items:center;margin-top:14px}.have-negative-scene>div{text-align:center}
.have-person{text-align:center}.have-question-scene{display:grid;grid-template-columns:minmax(55px,.7fr) minmax(0,2fr);gap:10px;align-items:center}.have-question-scene .have-example{background:#fffcf7;border-radius:13px;padding:10px}.have-question-scene .grammar-arrow{text-align:center;margin:5px}.have-question-scene .have-sentence{font-size:18px}
.have-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.have-answers>div{background:#e0f5e9;border-radius:12px;padding:10px}.have-answers>div+div{background:#ffe4e8}.have-answers .have-sentence{font-size:17px}.have-answers .grammar-sound{display:none}
.have-hint .have-expand{display:block;margin:8px 0 0 auto;font-size:14px}.grammar-expand .have-expand,.be-dialog .have-expand{display:none}
.rule-overview .have-hint .grammar-paper{padding:14px}.rule-overview .have-hint .grammar-intro{background:#fff0ce;padding:12px;text-align:left}.rule-overview .have-hint .have-art{display:block}
@container (max-width:600px){.have-columns{grid-template-columns:1fr}.have-panel{padding:14px}.have-hint .have-sentence{font-size:20px}.have-mini .have-sentence,.have-question-scene .have-sentence{font-size:18px}.have-picture .have-art{max-height:210px}.have-negative-scene>.have-art{max-height:210px}.have-negative-scene>div>.have-art{max-height:130px}.have-question-scene>.have-art{max-height:220px}.have-tip{padding:12px;font-size:16px}.have-code{font-size:12px}}
@container (max-width:350px){.have-code{display:none}.have-mini{grid-template-columns:minmax(0,1fr) 42px;padding:8px}.have-hint .have-sentence{font-size:18px}.have-question-scene{grid-template-columns:58px minmax(0,1fr)}.have-question-scene .have-sentence{font-size:16px}.have-tip>.auri-sun{display:none}.have-tip>div{border:0;padding:0}.have-answers{grid-template-columns:1fr}}
.material-review-mode .lesson-layout{max-width:1260px!important}.material-review-mode .lesson-layout.has-hint{grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:22px}.material-review-mode .rule-training-counter{font-size:14px;text-align:left;color:#61747e;margin:0 0 14px}.material-review-mode .have-hint .grammar-paper{padding:20px}.material-review-mode .have-hint .have-columns{gap:12px}
@media(max-width:850px){.material-review-mode .lesson-layout.has-hint{grid-template-columns:1fr}.material-review-mode .lesson-task{padding:22px}}

.have-tail{white-space:nowrap}