/* Shared AURI card language; the reference supplies content, not interface colours. */
:root{--card-ink:#0b2344;--card-paper:#fff8e2;--card-surface:#fffdf9;--card-yellow:#fff1c9;--card-red:#be435d;--card-rose:#fbe3e7;--card-mint:#e8f4ef;--card-blue:#d4ebfc;--card-blue-ink:#14518a;--card-border:#e5ce8c;--card-muted:#65747b}
:is(.be-hint,.grammar-hint) :is(.be-paper,.grammar-paper){background:var(--card-paper);border-color:var(--card-border)}
:is(.be-paper,.grammar-paper)>h2{font-family:Manrope,Inter,sans-serif!important;font-size:5.7cqw!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.035em!important;color:var(--card-ink);text-align:center;margin:0 0 3cqw!important;padding:0!important;background:none!important;width:auto!important}
.reading-hint .vowel-card>h2{font-family:Manrope,Inter,sans-serif;font-size:25px;font-weight:800;line-height:1.2;letter-spacing:-.035em}
.card-accent,.vowel-card em,.vowel-card .letter-sound strong,.vowel-card .row-sound strong{font-style:normal;color:var(--card-red)}
.grammar-paper .card-accent{color:var(--card-red)}
.grammar-paper mark.grammar-rose,.vowel-card .word-heading mark{background:var(--card-rose);color:var(--card-red)}
.grammar-paper mark.grammar-gold{background:var(--card-yellow)}
.grammar-paper mark.grammar-mint{background:var(--card-mint)}
.grammar-hint .grammar-sound{width:7.5cqw;height:7.5cqw;min-height:7.5cqw;min-width:7.5cqw;flex:0 0 7.5cqw;padding:1.6cqw;border:0;border-radius:50%;background:var(--card-blue);color:var(--card-blue-ink)}
.grammar-hint .grammar-sound svg{width:100%;height:100%}
.reading-hint .sound{width:34px;height:34px;min-width:34px;min-height:34px;padding:7px;border:0;border-radius:50%;background:var(--card-blue);color:var(--card-blue-ink)}
.reading-hint .sound svg{width:20px;height:20px}
.grammar-hint .grammar-sound:hover,.reading-hint .sound:hover{background:#bddff7}
/* Grade stays outside the scaled composition, so it has one readable size. */
:is(.be-hint,.grammar-hint) .be-grade,.reading-hint .vowel-card footer,.hint-viewer>.be-grade{display:flex;align-items:center;justify-content:center;gap:12px;padding:0;margin:18px 0 0;border:0;max-width:none;background:none;color:var(--card-muted);font:400 14px/1.4 Inter,sans-serif;white-space:nowrap}
:is(.be-grade,.vowel-card footer)::before,:is(.be-grade,.vowel-card footer)::after{content:'';height:1px;flex:1;background:#e8dcc0}
:is(.be-grade,.vowel-card footer)>span{display:block;margin:0;padding:5px 12px;border-radius:30px;background:#f5efdf;font:inherit;color:inherit}
.hint-inline>.be-grade{box-sizing:border-box;width:var(--hint-display-width,100%);margin:0 auto;padding:12px 16px 14px;background:var(--card-paper);border:1px solid var(--card-border);border-top:0;border-radius:0 0 12px 12px}
.hint-inline .hint-scale-canvas>:is(.grammar-paper,.be-paper){border-bottom:0;border-radius:18px 18px 0 0;padding-bottom:12px}
.hint-viewer>.be-grade{flex:none;margin:0;padding:6px 8px}
/* HAVE: larger explanations and translations, light illustration panels. */
.have-hint .grammar-paper{padding:3cqw}
.have-hint .grammar-intro{font-size:3.8cqw;line-height:1.4;padding:2.6cqw;background:var(--card-yellow)}
.have-hint .grammar-intro b{white-space:nowrap}
.have-hint[data-rule="G2-05.01"] .grammar-intro{font-size:3.5cqw;padding:2cqw}
.have-hint[data-rule="G2-05.01"] .have-tip{padding:2cqw}
.have-hint .have-columns{gap:2cqw;margin-top:2.6cqw}
.have-hint .have-panel{padding:2cqw;background:var(--card-surface);border:1px solid #f0e4cc;border-radius:3cqw}
.have-hint .have-panel h3{font-size:3.5cqw;margin:0 0 1.5cqw}
.have-hint .have-sentence{font-size:4cqw;line-height:1.5;gap:1cqw}
.have-hint .have-translation{font-size:3.5cqw!important;line-height:1.4!important;margin:1.3cqw 0 0!important;color:#526477}
.have-hint .have-picture{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5cqw;margin-top:2cqw}
.have-first>.have-panel:first-child{display:flex;flex-direction:column}
.have-first>.have-panel:first-child .have-picture{display:flex;flex-direction:column;justify-content:center;flex:1;gap:1.5cqw;margin:2cqw 0 0}
.have-first>.have-panel:first-child .have-art{width:100%;height:auto;max-height:48cqw}
.have-first>.have-panel:first-child .have-translation{text-align:center;font-size:3.8cqw!important}
.have-hint .have-mini{grid-template-columns:minmax(0,1fr) 7cqw;gap:1cqw;padding:1.6cqw;background:#fffaf0;border:1px solid #f3ead7;margin-top:1.5cqw}
.have-hint .have-mini .have-example{display:contents}
.have-hint .have-mini .have-sentence{grid-column:1/-1;font-size:3.6cqw}
.have-hint .have-mini>.have-art{grid-column:2;grid-row:2;align-self:center}
.have-hint .have-mini .have-translation{grid-column:1;grid-row:2}
.have-hint .have-mini .have-translation{font-size:3.2cqw!important}
.have-hint .have-first>.have-panel:first-child>.have-example .have-sentence{font-size:3.7cqw}
.have-hint .have-first>.have-panel{padding:1.5cqw}
.have-hint .have-first .have-mini{grid-template-columns:minmax(0,1fr) 5cqw;padding:1.2cqw}
.have-hint .have-first .have-mini>.have-art{max-height:6.5cqw}
.have-hint .have-tip{display:block;padding:2.6cqw;margin-top:2.6cqw;font-size:3.7cqw;line-height:1.45;background:var(--card-yellow)}
.have-hint .have-tip>div{padding:0;border:0}
.have-hint .have-formula{font-size:4cqw;gap:1cqw;margin:.5cqw 0;justify-content:center}
.have-hint .have-formula>span:not(mark),.have-hint .have-remember{font-size:3.5cqw}
.have-hint .have-remember{display:block;text-align:center;margin-bottom:1cqw;font-weight:600}
.have-hint .have-negative-scene{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1cqw;margin-top:2cqw}
.have-hint .have-negative-scene .have-translation{text-align:center}
.have-hint .have-question-scene{grid-template-columns:8cqw minmax(0,1fr);gap:1cqw}
.have-hint .have-question-scene .have-example{padding:1.3cqw;background:#fff}
.have-hint .have-question-scene .have-sentence{font-size:3.4cqw;position:relative;display:block;padding-right:7cqw}
.have-hint .have-question-scene .have-translation{font-size:3.2cqw!important}
.have-hint .have-question-scene .grammar-sound{position:absolute;right:-.5cqw;top:0}
.have-hint .have-question-columns .have-panel{padding:1.3cqw}
.have-hint .have-person{text-align:center}
.have-hint .have-answers{gap:1cqw;margin-top:2cqw}
.have-hint .have-answers>div{padding:1.4cqw;background:var(--card-mint)}
.have-hint .have-answers>div+div{background:var(--card-rose)}
.have-hint .have-answers .have-sentence{font-size:3.5cqw}
.have-hint .have-answers .have-translation{font-size:3.1cqw!important}
/* CAN keeps the sequence and comparisons of the supplied reference cards. */
.can-hint .grammar-paper{padding:3cqw}
.can-hint .grammar-intro,.can-hint .grammar-note{background:var(--card-yellow);font-size:3.8cqw;padding:2.4cqw;line-height:1.4}
.can-hint .grammar-note{font-size:3.4cqw;margin-top:2.4cqw}
.can-hint .card-accent{font-weight:750}
.can-hint .can-meaning{width:max-content;max-width:100%;margin:3cqw auto;padding:1.5cqw 5cqw;display:flex;justify-content:center;align-items:center;gap:2.5cqw;border-radius:3cqw;background:#fdf0ee;font-size:8cqw;line-height:1.15}
.can-hint .can-meaning>span{color:#837a6b;font-weight:400}
.can-hint .can-meaning>b{font-weight:750}
.can-hint .can-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw}
.can-hint .can-scene{padding:2.3cqw 1.5cqw;background:var(--card-surface);border:1px solid #efdfbf;border-radius:3cqw;display:flex;flex-direction:column;min-width:0}
.can-hint .can-line{display:flex;align-items:center;justify-content:space-between;gap:1cqw;min-width:0;font-size:4.5cqw;line-height:1.45;font-weight:650}
.can-hint .can-line>span{min-width:0}
.can-hint .can-scene .grammar-art{height:27cqw;width:100%;margin:2cqw 0 1cqw}
.can-hint .can-scene .can-line{min-height:13cqw}
.can-hint .can-translation{padding:1.5cqw;border-radius:3cqw;background:#fff5dd;text-align:center;font-size:3.6cqw!important;line-height:1.4!important;margin:1cqw 0 0!important;min-height:13cqw}
.can-hint .can-contrast{position:relative;margin-top:3cqw}
.can-hint .can-contrast::after{content:'→';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6cqw;color:#887d68}
.can-hint .can-scene h3{font-size:4.4cqw;text-align:center;margin:0 0 2cqw;padding:1.6cqw;border-radius:2.5cqw;background:var(--card-mint)}
.can-hint .can-scene+h3,.can-hint .can-contrast .can-scene+ .can-scene h3,.can-hint .can-contrast .can-scene+ .can-scene .can-translation{background:var(--card-rose)}
.can-hint .can-negative-meaning{width:auto;background:var(--card-yellow);font-size:7cqw;margin-bottom:2cqw}
.can-hint .can-repeat{text-align:center;padding:2cqw;background:#edf6fb;border-radius:2.5cqw;font-size:3.8cqw}
.can-hint .can-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6cqw 2cqw;margin-top:3cqw}
.can-hint .can-question-grid>h3,.can-hint .can-reply-headings>h3{margin:0;padding:1.8cqw 1cqw;text-align:center;font-size:4cqw;line-height:1.25;border-radius:2.4cqw;background:var(--card-rose);color:var(--card-red)}
.can-hint .can-question-grid>h3+ h3,.can-hint .can-reply-headings>h3+ h3{background:var(--card-mint);color:var(--card-ink)}
.can-hint .can-phrase{background:var(--card-surface);border-radius:2.5cqw;padding:2cqw 1.5cqw;min-width:0}
.can-hint .can-question-grid>.can-phrase:nth-child(odd){background:#fdf0ef}
.can-hint .can-phrase p{font-size:3.7cqw!important;line-height:1.35!important;margin:1.5cqw 0 0!important;color:#526477}
.can-hint .can-question-grid .can-line{font-size:4.2cqw}
.can-hint .can-reply-headings{display:grid;grid-template-columns:1fr 1.12fr;gap:7cqw;margin-top:3cqw}
.can-hint .can-reply-row{display:grid;grid-template-columns:minmax(0,1fr) 4cqw minmax(0,1.12fr);gap:1.4cqw;align-items:center;margin-top:2cqw}
.can-hint .can-reply-row .can-phrase{background:#fdf0ef;position:relative}
.can-hint .can-reply-row .can-line{font-size:4.1cqw;display:block}
.can-hint .can-reply-row .can-line .grammar-sound{position:absolute;bottom:2cqw;left:1.5cqw}
.can-hint .can-reply-row .can-phrase p{padding-left:8.5cqw;min-height:7.5cqw;display:flex;align-items:center}
.can-hint .can-reply-arrow{font-size:5cqw;text-align:center;color:#8b806c}
.can-hint .can-answer-pair{display:grid;gap:1.5cqw}
.can-hint .can-answer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1cqw;border:1px solid #e5ece7;border-radius:2.5cqw;padding:1.8cqw 1.5cqw;background:var(--card-surface);font-size:3.9cqw;line-height:1.35;font-weight:650}
.can-hint .can-answer-ru{font-size:3.5cqw;font-weight:400;color:#526477;white-space:nowrap}
.can-hint .can-more{font-size:4.2cqw;text-align:center;margin:2.5cqw 0 0;padding:1.5cqw;background:#edf6fb;border-radius:2.5cqw}

/* Number, ownership and distance: preserve the reference's side-by-side contrasts. */
.determiner-hint .grammar-paper{padding:3cqw}
.determiner-hint .grammar-intro,.determiner-hint .grammar-note{font-size:3.8cqw;line-height:1.45;padding:2.5cqw;background:var(--card-yellow);border-radius:2.5cqw}
.determiner-hint .grammar-note{margin-top:2.5cqw;text-align:left}
.determiner-hint .grammar-paper mark{padding:.1em .25em;border-radius:.3em;font-weight:750}
.determiner-hint .det-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.3cqw;margin-top:2.5cqw}
.determiner-hint .det-panel{padding:2cqw;border:1px solid #e9e4d6;border-radius:3cqw;background:var(--card-surface);min-width:0}
.determiner-hint .det-mint{background:#f1f8f5}
.determiner-hint .det-yellow{background:#fff4d6}
.determiner-hint .det-panel h3{text-align:center;font-size:6.8cqw;line-height:1.2;font-weight:750;margin:0 0 1.5cqw}
.determiner-hint .det-description{text-align:center;font-size:3.6cqw;line-height:1.45;margin:0 0 2cqw;color:#526477;min-height:5.3cqw}
.determiner-hint .det-example{padding:1.6cqw 1.2cqw;margin-top:1.5cqw;border-radius:2cqw;background:#ffffffc9}
.determiner-hint .det-phrase{display:flex;align-items:center;justify-content:space-between;gap:1cqw;font-size:4.3cqw;line-height:1.4}
.determiner-hint .det-phrase>span{min-width:0}
.determiner-hint .det-example p{font-size:3.5cqw;line-height:1.35;margin:1cqw 0 0;color:#526477}
.determiner-hint .det-number-pairs{display:grid;gap:2.5cqw;margin-top:2.5cqw}
.determiner-hint .det-number-row{display:grid;grid-template-columns:minmax(0,1fr) 4cqw minmax(0,1fr);gap:1cqw;align-items:stretch}
.determiner-hint .det-number-row h3{font-size:3.6cqw}
.determiner-hint .det-number-row .det-example{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1cqw;align-items:center}
.determiner-hint .det-number-row .det-phrase{display:contents;font-size:4.6cqw}
.determiner-hint .det-number-row .det-phrase>span{grid-column:1/-1;white-space:nowrap}
.determiner-hint .det-number-row .grammar-sound{grid-column:2;grid-row:2}
.determiner-hint .det-number-row .det-example p{grid-column:1;grid-row:2;margin:0}
.determiner-hint .det-number-row .card-accent{text-decoration:underline;text-underline-offset:.18em}
.determiner-hint .det-arrow{font-size:5cqw;text-align:center;align-self:center;color:#82765e}
.determiner-hint .det-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw}
.determiner-hint .det-three .det-panel{padding:1.5cqw}
.determiner-hint .det-three .det-description{font-size:3.3cqw;min-height:12cqw;line-height:1.35}
.determiner-hint .det-three .det-phrase{font-size:3.6cqw;gap:.5cqw}
.determiner-hint .det-three .det-example{padding:1.2cqw .6cqw;margin-top:.7cqw}
.determiner-hint .det-three .det-example p{font-size:3.2cqw}
.determiner-hint .det-owner-line>span{color:#82765e}
.determiner-hint .det-ownership{padding:1cqw .6cqw;margin-top:1cqw;background:#ffffffc9;border-radius:2cqw}
.determiner-hint .det-owner-line{font-size:3.2cqw;line-height:1.5}
.determiner-hint .det-owner-line mark{padding:.05em .15em}
.determiner-hint .det-owned-translation{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;margin-top:1cqw}
.determiner-hint .det-owned-translation p{font-size:3.3cqw;line-height:1.3;margin:0;color:#526477}
.determiner-hint .det-distance .det-panel{padding:1.5cqw}
.determiner-hint .det-distance h3{font-size:4cqw}
.determiner-hint .det-demonstrative{text-align:center;font-size:7cqw;font-weight:750;line-height:1.35}
.determiner-hint .det-distance .det-phrase{font-size:4.1cqw}
.determiner-hint .det-scene{display:block;width:100%;height:26cqw;margin-top:2cqw;overflow:hidden;mix-blend-mode:multiply}

/* Location, description and and: the reference illustrations keep their proportions. */
.place-description-hint .grammar-paper{padding:3cqw}
.place-description-hint .grammar-intro,.place-description-hint .grammar-note{font-size:3.8cqw;line-height:1.4;padding:2.4cqw;background:var(--card-yellow);border-radius:2.5cqw}
.place-description-hint .grammar-note{margin-top:2.5cqw;text-align:left}
.place-description-hint .grammar-paper mark{padding:.05em .2em;border-radius:.3em;font-weight:750}
.place-description-hint .pd-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw;margin-top:2.5cqw}
.place-description-hint .pd-panel{min-width:0;padding:1.7cqw;background:var(--card-surface);border:1px solid #ece3cf;border-radius:2.5cqw}
.place-description-hint h3{font-size:4cqw;line-height:1.25;text-align:center;margin:0 0 1.5cqw}
.place-description-hint .pd-art{display:block;width:100%;height:25cqw;overflow:hidden;mix-blend-mode:multiply}
.place-description-hint .pd-example{padding:1.3cqw 1cqw;border-radius:2cqw;background:#ffffffb8}
.place-description-hint .pd-phrase{font-size:4.3cqw;line-height:1.4;text-align:center}
.place-description-hint .pd-translation{display:flex;align-items:center;justify-content:space-between;gap:1cqw;font-size:3.5cqw;line-height:1.3;color:#526477;margin-top:1cqw}
.place-description-hint .pd-translation>span{min-width:0}
.place-description-hint .pd-meaning{text-align:center;font-size:3.6cqw;line-height:1.3;margin:1.5cqw 0}
.place-description-hint .pd-prepositions{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw}
.place-description-hint .pd-prepositions .pd-panel{padding:1.4cqw .8cqw}
.place-description-hint .pd-prepositions h3{font-size:7cqw}
.place-description-hint .pd-prepositions .pd-phrase{font-size:3.7cqw;white-space:nowrap}
.place-description-hint .pd-prepositions .pd-example{padding:1.4cqw .4cqw}
.place-description-hint .pd-prepositions .pd-translation{font-size:3.3cqw;min-height:9cqw}
.place-description-hint .pd-formula{text-align:center;font-size:6.5cqw;font-weight:750;line-height:1.4}
.place-description-hint .pd-there h3{min-height:8cqw;display:grid;place-content:center;font-size:4cqw}
.place-description-hint .pd-there .pd-art{height:20cqw;margin:1.5cqw 0}
.place-description-hint .pd-there .pd-phrase{font-size:4.2cqw;min-height:17.6cqw}
.place-description-hint .pd-pair-headings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6cqw;text-align:center;margin:2.5cqw 0 1.5cqw;font-size:3.7cqw}
.place-description-hint .pd-pair{display:grid;grid-template-columns:minmax(0,1fr) 4cqw minmax(0,1fr);gap:1cqw;align-items:stretch;margin-top:1.5cqw}
.place-description-hint .pd-arrow{font-size:5cqw;align-self:center;text-align:center;color:#82765e}
.place-description-hint .pd-adjectives .pd-panel{display:grid;grid-template-columns:12cqw minmax(0,1fr);gap:.8cqw;align-items:center;padding:1.3cqw .8cqw}
.place-description-hint .pd-adjectives .pd-art{height:18cqw}
.place-description-hint .pd-adjectives .pd-example{padding:.5cqw 0;background:none}
.place-description-hint .pd-adjectives .pd-phrase{text-align:left;font-size:3.8cqw}
.place-description-hint .pd-adjectives .pd-translation{font-size:3.3cqw;gap:.4cqw}
.place-description-hint .pd-plural .pd-art{height:16cqw}
.place-description-hint .pd-plural .pd-phrase{font-size:4.1cqw;white-space:nowrap}
.place-description-hint .pd-plural .pd-translation{font-size:3.4cqw}
.place-description-hint .pd-and-group{margin-top:2cqw}
.place-description-hint .pd-and-group>h3{padding:1cqw;border-radius:2cqw;background:#edf5f0}
.place-description-hint .pd-and-sources{display:grid;grid-template-columns:minmax(0,1fr) 4cqw minmax(0,1fr);gap:1cqw;align-items:center}
.place-description-hint .pd-plus{font-size:5cqw;text-align:center;color:#82765e}
.place-description-hint .pd-and-sources .pd-panel{display:grid;grid-template-columns:11cqw minmax(0,1fr);gap:1cqw;padding:1cqw}
.place-description-hint .pd-and-sources .pd-art{height:15cqw;align-self:center}
.place-description-hint .pd-and-sources .pd-example{padding:.5cqw 0;background:none}
.place-description-hint .pd-and-sources .pd-phrase{font-size:3.8cqw;text-align:left;white-space:nowrap}
.place-description-hint .pd-and-sources .pd-translation{font-size:3.3cqw}
.place-description-hint .pd-and-result{display:grid;grid-template-columns:24cqw minmax(0,1fr);gap:2cqw;align-items:center;margin-top:1.5cqw;padding:1cqw 2cqw;border:1px solid #e9debc;border-radius:2.5cqw;background:#ffefc4}
.place-description-hint .pd-and-result .pd-art{height:14cqw}
.place-description-hint .pd-and-result .pd-phrase{font-size:4.4cqw;text-align:left}
.place-description-hint .pd-and-result .pd-example{background:none;padding:0}

.place-description-hint .pd-there .pd-meaning{margin:1cqw 0}

/* Reading, listening and conversation share the same warm card canvas. */
.communication-hint .grammar-paper{padding:3cqw}
.communication-hint .grammar-intro,.communication-hint .grammar-note{font-size:3.8cqw;line-height:1.4;padding:2.4cqw;background:var(--card-yellow);border-radius:2.5cqw}
.communication-hint .grammar-note{margin-top:2.5cqw;text-align:left}
.communication-hint .grammar-paper mark{padding:.06em .2em;border-radius:.3em;font-weight:750}
.communication-art{display:block;width:100%;height:100%;overflow:hidden;mix-blend-mode:multiply}
.communication-hint .cm-analysis,.communication-hint .cm-introduction,.communication-hint .cm-conversation{display:grid;grid-template-columns:23cqw minmax(0,1fr);align-items:center;gap:2cqw;padding:2cqw 1.5cqw;margin-top:2.5cqw;border:1px solid #ebe2ce;border-radius:2.5cqw;background:var(--card-surface)}
.communication-hint .cm-analysis>.communication-art{height:30cqw}
.communication-hint .cm-phrase{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1cqw;font-size:4.3cqw;line-height:1.4}
.communication-hint .cm-phrase>div{min-width:0}
.communication-hint .cm-phrase p{grid-column:1/-1;font-size:3.6cqw;line-height:1.35;color:#526477;margin:0}
.communication-hint .cm-pieces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5cqw;margin-top:2cqw}
.communication-hint .cm-piece{display:flex;flex-direction:column;gap:.7cqw;padding:1.5cqw;background:var(--card-mint);border-radius:2cqw;font-size:3.5cqw;line-height:1.3}
.communication-hint .cm-piece+ .cm-piece{background:var(--card-yellow)}
.communication-hint .cm-piece>span:last-child{color:#526477;font-size:3.3cqw}
.communication-hint .cm-full-phrase{padding:2cqw;background:var(--card-surface);border-radius:2.5cqw;margin-top:2.5cqw}
.communication-hint .cm-full-phrase .cm-phrase{font-size:4.5cqw}
.communication-hint .cm-direction{font-size:3.8cqw;text-align:center;margin:2.5cqw 0}
.communication-hint .cm-picture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw}
.communication-hint .cm-picture{min-width:0;padding:1.4cqw .6cqw;border:1px solid #e8e2d4;border-radius:2.4cqw;background:var(--card-surface);text-align:center;font-size:3.5cqw;line-height:1.3}
.communication-hint .cm-picture>.communication-art{height:28cqw;margin-bottom:1.5cqw}
.communication-hint .cm-picture.cm-correct{border:2px solid #84bfdc;background:#edf7ff}
.communication-hint .cm-listen-example{display:flex;align-items:center;justify-content:center;gap:3cqw;margin:2.5cqw 0;padding:2cqw;background:var(--card-surface);border-radius:2.5cqw}
.communication-hint .cm-listen-example>b{font-size:3.8cqw}
.communication-hint .cm-listen-example>span{font-size:7cqw;font-weight:750}
.communication-hint .cm-introduction>.communication-art,.communication-hint .cm-conversation>.communication-art{height:28cqw}
.communication-hint .cm-introduction .cm-phrase+ .cm-phrase,.communication-hint .cm-conversation .cm-phrase+ .cm-phrase{margin-top:2cqw;padding-top:2cqw;border-top:1px solid #eadfc6}
.communication-hint .cm-reply{grid-template-columns:minmax(0,1fr) 23cqw;background:#fff4d7}
.communication-hint .cm-conversation .cm-phrase{font-size:4.2cqw}
/* Task pictures remain usable in the stacked mobile layout. */
.grammar-practice .picture-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.grammar-practice .picture-options .learning-option{display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;padding:12px 8px;align-items:center}
.grammar-practice .picture-options .learning-option>.communication-art{grid-column:1/-1;height:130px}
.grammar-practice .picture-options .learning-option>span{padding-left:4px;font-size:14px;line-height:1.35}
.grammar-practice .task-listen{display:flex;align-items:center;gap:10px;margin:20px 0;padding:14px 20px;border:1px solid #99c7df;border-radius:14px;background:var(--card-blue);color:var(--card-blue-ink);font:600 17px/1.3 Inter,sans-serif}
.grammar-practice .task-listen svg{width:24px;height:24px}
.grammar-speech-controls{margin:18px 0 12px;display:grid;gap:10px}
.grammar-speech-controls button{justify-self:start;border:1px solid #99c7df;background:#e8f5ff;color:#14518a;border-radius:12px;padding:12px 18px;font:600 16px/1.3 Inter,sans-serif}
.grammar-speech-controls button[aria-pressed=true]{background:#d4ebfc;box-shadow:0 0 0 3px #d4ebfc80}
.grammar-speech-controls p,.grammar-speech-controls small{font-size:14px;line-height:1.45;margin:0;color:#596d7a}
@media(max-width:500px){.grammar-practice .picture-options{gap:6px}.grammar-practice .picture-options .learning-option{padding:9px 5px;gap:5px}.grammar-practice .picture-options .learning-option>.communication-art{height:92px}}

/* Writing, classroom commands and family words use the shared, proportional canvas. */
.study-hint .grammar-paper{padding:3cqw}
.study-hint .grammar-intro{font-size:3.8cqw;line-height:1.4;padding:2.4cqw;background:var(--card-yellow);border-radius:2.5cqw}
.study-hint .grammar-paper mark{padding:.06em .2em;border-radius:.3em;font-weight:750}
.study-hint .study-art{display:block;width:100%;height:23cqw;overflow:hidden;mix-blend-mode:multiply}
.study-hint .st-phrase{font-size:4.3cqw;line-height:1.4}
.study-hint .st-translation{display:flex;align-items:center;justify-content:space-between;gap:1cqw;font-size:3.5cqw;line-height:1.3;color:#526477;margin-top:1cqw}
.study-hint .st-translation>span{min-width:0}
.study-hint .st-keep-end{white-space:nowrap}
.study-hint .st-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5cqw;margin-top:3cqw}
.study-hint .st-step,.study-hint .st-panel,.study-hint .st-model,.study-hint .st-command,.study-hint .st-person{min-width:0;background:var(--card-surface);border:1px solid #ebe2ce;border-radius:2.5cqw;padding:2cqw 1.5cqw}
.study-hint .st-step-number{display:grid;place-items:center;width:7cqw;height:7cqw;background:var(--card-blue);color:var(--card-blue-ink);border-radius:50%;font-size:4.4cqw;font-weight:700;margin:0 auto 1.5cqw}
.study-hint .st-step p{font-size:3.5cqw;line-height:1.35;text-align:center;margin:0;min-height:14cqw}
.study-hint .st-step-image{height:18cqw;display:flex;align-items:center;justify-content:center;margin-top:2cqw}
.study-hint .st-step-image .study-art{height:100%}
.study-hint .st-word{font-size:11cqw;font-weight:750}
.study-hint .st-hidden{height:18cqw;width:100%}
.study-hint .st-letters{display:flex;gap:.8cqw;font-size:6cqw}
.study-hint .st-letters b{padding:.5cqw .7cqw;border-radius:1cqw;background:var(--card-blue)}
.study-hint .st-punctuation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw;margin-top:2.5cqw}
.study-hint .st-punctuation .st-panel{padding:2cqw 1cqw}
.study-hint .st-punctuation h3{text-align:center;font-size:3.5cqw;font-weight:650;margin:0 0 2cqw;padding:1cqw .3cqw;background:var(--card-yellow);border-radius:2cqw;white-space:nowrap}
.study-hint .st-punctuation .st-phrase{font-size:3.9cqw;text-align:center;white-space:nowrap}
.study-hint .st-punctuation .st-translation{font-size:3.4cqw;white-space:normal;flex-direction:column;min-height:18cqw}
.study-hint .st-punctuation .study-art{height:21cqw;margin-top:2cqw}
.study-hint .st-pair{display:grid;grid-template-columns:minmax(0,1fr) 4cqw minmax(0,1fr);gap:1cqw;margin-top:2.5cqw;align-items:center}
.study-hint .st-model{align-self:stretch}
.study-hint .st-model .study-art{height:23cqw;margin-top:1.5cqw}
.study-hint .st-model .st-phrase{font-size:4.1cqw}
.study-hint .st-arrow{font-size:5cqw;color:#82765e;text-align:center}
.study-hint .st-other-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw}
.study-hint .st-small-pair{grid-template-columns:minmax(0,1fr) 3cqw minmax(0,1fr);gap:.5cqw}
.study-hint .st-small-pair .st-model{padding:1.5cqw .8cqw}
.study-hint .st-small-pair .st-phrase{font-size:3.5cqw}
.study-hint .st-small-pair .st-phrase>div:first-child{min-height:10cqw}
.study-hint .st-small-pair .st-translation{font-size:3.2cqw;flex-direction:column;align-items:flex-start;min-height:18cqw}
.study-hint .st-small-pair .study-art{height:17cqw}
.study-hint .st-commands{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5cqw;margin-top:2.5cqw}
.study-hint .st-command{grid-column:span 3;padding:1.5cqw 1cqw}
.study-hint .st-command:nth-child(n+5){grid-column:span 4}
.study-hint .st-command h3{font-size:4.8cqw;text-align:center;margin:0 0 1.5cqw}
.study-hint .st-command .study-art{height:21cqw}
.study-hint .st-command .st-translation{font-size:3.4cqw;gap:1cqw;flex-direction:column;text-align:center}
.study-hint .st-family{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw;margin-top:2.5cqw}
.study-hint .st-person{display:grid;grid-template-columns:14cqw minmax(0,1fr);gap:1cqw;align-items:center;padding:2cqw 1.5cqw}
.study-hint .st-person>.study-art{grid-column:1;grid-row:1/3;height:23cqw}
.study-hint .st-person-heading{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:1cqw}
.study-hint .st-person h3{font-size:4.5cqw;margin:0}
.study-hint .st-person>p{grid-column:2;font-size:3.6cqw;line-height:1.3;margin:0;color:#526477}
.study-hint .st-person>.st-phrase{grid-column:1/-1;margin-top:1cqw;padding:1.5cqw 1cqw;background:#fff2d5;border-radius:2cqw;font-size:3.9cqw}
.study-hint .st-person .st-translation{font-size:3.4cqw}
.grammar-practice .spelling-model{margin:18px 0;border:1px solid #c8dce6;border-radius:12px;padding:12px 16px;background:#f1f8fc}
.grammar-practice .spelling-model summary{cursor:pointer;font-size:15px;line-height:1.4;color:#245270}
.grammar-practice .spelling-model p{font-size:32px;letter-spacing:.08em;margin:16px 0 4px;font-weight:700}

.communication-hint .cm-word-vocabulary{margin-top:2.5cqw}
.communication-hint .cm-word-vocabulary .communication-art{height:24cqw}
.communication-hint .cm-word-vocabulary .cm-picture{display:flex;flex-direction:column;align-items:center;gap:1.4cqw;padding:2cqw 1cqw}
.communication-hint .cm-word-vocabulary b{font-size:5cqw}
.speech-button-row{display:flex;align-items:center;gap:10px}
.grammar-speech-controls .speech-help-button{width:36px;height:36px;padding:0;border-radius:50%;flex:none}
.speech-help-popup{max-width:330px;width:calc(100vw - 40px);box-sizing:border-box;padding:22px;border:1px solid #dfd5bd;border-radius:16px;background:#fffcf7;color:#0b2344;box-shadow:0 10px 35px #0b234426}
.grammar-speech-controls .speech-help-popup p{font:400 16px/1.5 Inter,sans-serif;color:#0b2344;margin:12px 0 0}
.grammar-speech-controls .speech-help-popup button{display:block;margin-left:auto;width:32px;height:32px;padding:0;font-size:23px;border:0;background:transparent;color:#526477}
.speech-help-popup::backdrop{background:#0b234414}
.grammar-speech-controls [data-speech-status]:empty{display:none}
.grammar-practice .spelling-model[open]~form textarea{background:#f3f3ef;color:#728087;cursor:not-allowed}
.grammar-practice .task-picture{height:130px;width:min(100%,210px);margin:14px auto 20px}
.grammar-practice .task-picture .vocabulary-art{display:block;width:100%;height:100%}

/* Vocabulary references: all the words, a shared sentence pattern, no repeated footer. */
.vocabulary-hint .grammar-paper{padding:3cqw}
.vocabulary-hint .grammar-intro{font-size:3.8cqw;line-height:1.4;padding:2.4cqw;background:var(--card-yellow);border-radius:2.5cqw}
.vocabulary-art{display:block;width:100%;height:100%;overflow:hidden}
.vocabulary-hint .vl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5cqw;margin-top:2.5cqw}
.vocabulary-hint .vl-word{min-width:0;padding:1.5cqw 1cqw;background:var(--card-surface);border:1px solid #ebe2ce;border-radius:2.5cqw;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1cqw}
.vocabulary-hint .vl-word .vocabulary-art{height:13cqw;mix-blend-mode:multiply}
.vocabulary-hint .vl-word h3{font-size:4.1cqw;line-height:1.2;margin:0}
.vocabulary-hint .vl-word p{font-size:3.3cqw;line-height:1.3;margin:0;min-height:6.5cqw;display:flex;align-items:center;justify-content:center}
.vocabulary-hint .vl-word .grammar-sound{margin-top:auto}
.vocabulary-hint .vl-grid:not(.vl-three) .vl-word{position:relative}
.vocabulary-hint .vl-grid:not(.vl-three) .vocabulary-art{width:13cqw;align-self:flex-start}
.vocabulary-hint .vl-grid:not(.vl-three) .grammar-sound{position:absolute;top:1.5cqw;right:.7cqw;margin:0}
.vocabulary-hint .vl-example{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1cqw;align-items:center;font-size:4cqw;line-height:1.35;background:#fff2d4;border-radius:2cqw;padding:1.7cqw;margin-top:2cqw}
.vocabulary-hint .vl-example p{grid-column:1;font-size:3.4cqw;line-height:1.3;color:#526477;margin:0}
.vocabulary-hint .vl-example .grammar-sound{grid-column:2;grid-row:1/3}
.vocabulary-hint .vl-pattern{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2cqw;margin-top:2cqw;padding:2cqw;background:#fff2d4;border-radius:2.5cqw}
.vocabulary-hint .vl-pattern>b{grid-column:1/-1;text-align:center;font-size:3.5cqw;font-weight:500;margin-bottom:1cqw}
.vocabulary-hint .vl-pattern>div[lang]{font-size:4.7cqw;font-weight:700;text-align:right}
.vocabulary-hint .vl-pattern>p{font-size:3.6cqw;line-height:1.5;margin:0;color:#526477}
.vocabulary-hint .vl-pattern>.vl-example{background:var(--card-surface);font-size:3.5cqw;grid-template-columns:minmax(0,1fr) auto;margin-top:1.5cqw;gap:.8cqw;padding:1.5cqw}
.vocabulary-hint .vl-pattern>.vl-example p{font-size:3.2cqw;grid-column:1;min-height:0}
.vocabulary-hint .vl-pattern>.vl-example .grammar-sound{grid-column:2;grid-row:1/3;justify-self:end}
.vocabulary-hint .vl-weather .vocabulary-art{height:18cqw;border-radius:1.8cqw}
.vocabulary-hint .vl-weather .vl-word p{min-height:4.5cqw}
.vocabulary-hint .vl-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw;margin-top:2.5cqw}
.vocabulary-hint .vl-groups>section{min-width:0;border-radius:2.5cqw;padding:1.5cqw 1cqw;background:#fff0ce}
.vocabulary-hint .vl-groups>section+section{background:var(--card-mint)}
.vocabulary-hint .vl-groups>section>h3{font-size:4.4cqw;line-height:1.3;margin:0 0 1.5cqw;text-align:center}
.vocabulary-hint .vl-groups>section>h3 span{display:block;font-size:3.4cqw;font-weight:400;color:#526477}
.vocabulary-hint .vl-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:1cqw;margin-top:0}
.vocabulary-hint .vl-three .vl-word{padding:1.5cqw .4cqw}
.vocabulary-hint .vl-three .vl-word h3{font-size:3.4cqw}
.vocabulary-hint .vl-three .vl-word p{font-size:2.9cqw;min-height:4cqw}
.vocabulary-hint .vl-three .vocabulary-art{height:13cqw}
.vocabulary-hint .vl-numbers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1cqw;margin-top:2.5cqw}
.vocabulary-hint .vl-number{min-width:0;padding:1.5cqw .7cqw;text-align:center;background:var(--card-surface);border:1px solid #ebe2ce;border-radius:2.5cqw}
.vocabulary-hint .vl-numeral{font-size:12cqw;font-weight:800;color:#348b88;line-height:1.1}
.vocabulary-hint .vl-number:nth-child(2n) .vl-numeral{color:#ca9340}
.vocabulary-hint .vl-number:nth-child(3n) .vl-numeral{color:var(--card-red)}
.vocabulary-hint .vl-number h3{font-size:4.3cqw;margin:1cqw 0}
.vocabulary-hint .vl-number>p{font-size:3.2cqw;margin:1cqw 0 1.5cqw;color:#526477}
.vocabulary-hint .vl-number>.vocabulary-art{height:22cqw;margin:1.5cqw 0;mix-blend-mode:multiply}
.vocabulary-hint .vl-number .vl-example{display:flex;flex-direction:column;padding:1cqw .3cqw;font-size:3.4cqw;min-height:23cqw;margin-top:0}
.vocabulary-hint .vl-number .vl-example>div{min-height:9.3cqw}
.vocabulary-hint .vl-number .vl-example p{font-size:3cqw;order:1;min-height:8cqw}
.vocabulary-hint .vl-number .vl-example button{order:2;margin-top:auto}
.vocabulary-hint .vl-home{display:grid;grid-template-columns:40cqw minmax(0,1fr);gap:2cqw;margin-top:2.5cqw;align-items:stretch}
.vocabulary-hint .vl-home>.vocabulary-art{border-radius:2.5cqw;background:#fff5df;min-height:65cqw}
.vocabulary-hint .vl-home-words{display:grid;gap:1.2cqw}
.vocabulary-hint .vl-home-words>section{display:grid;grid-template-columns:10cqw minmax(0,1fr) auto;align-items:center;gap:1cqw;background:var(--card-surface);padding:1.2cqw .8cqw;border:1px solid #ebe2ce;border-radius:2cqw}
.vocabulary-hint .vl-home-words .vocabulary-art{height:10cqw;mix-blend-mode:multiply}
.vocabulary-hint .vl-home-words b{font-size:4.2cqw}
.vocabulary-hint .vl-home-words p{font-size:3.3cqw;line-height:1.3;margin:.6cqw 0 0;color:#526477}
.vocabulary-hint .vl-listening{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5cqw;margin-top:2.5cqw}
.vocabulary-hint .vl-listen-phrase{display:grid;grid-template-columns:14cqw minmax(0,1fr);gap:1.2cqw;align-items:center;min-width:0;padding:1.7cqw 1.2cqw;border:1px solid #ebe2ce;border-radius:2.5cqw;background:var(--card-surface)}
.vocabulary-hint .vl-listen-phrase>.vocabulary-art{height:23cqw;border-radius:1.5cqw;mix-blend-mode:multiply}
.vocabulary-hint .vl-listen-phrase .vl-example{background:none;padding:0;margin:0;font-size:3.7cqw;grid-template-columns:1fr}
.vocabulary-hint .vl-listen-phrase .vl-example>div{min-height:0}
.vocabulary-hint .vl-listen-phrase .vl-example p{font-size:3.2cqw;min-height:0}
.vocabulary-hint .vl-listen-phrase .vl-example .grammar-sound{grid-row:3;grid-column:1}
.vocabulary-hint .vl-ipa{display:block;font-size:2.8cqw;line-height:1.35;margin-top:1cqw;color:#64788a}

/* A compact picture dictionary, without a second scene or an extra instruction. */
.vocabulary-hint .vl-home-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2cqw;margin-top:2cqw}
.vocabulary-hint .vl-home-grid .vl-word{grid-column:span 2;padding:2cqw;gap:1.3cqw}
.vocabulary-hint .vl-home-grid .vl-word:nth-child(4){grid-column:2/span 2}
.vocabulary-hint .vl-home-grid .vocabulary-art{height:20cqw}
.vocabulary-hint .vl-home-grid h3{font-size:5cqw}
.vocabulary-hint .vl-home-grid p{font-size:3.8cqw;min-height:0}

/* Present Simple: the same warm, proportionally scaled reference cards. */
.ps-hint .grammar-paper{padding:3cqw}
.ps-hint .grammar-intro{font-size:4cqw;line-height:1.4;padding:2.5cqw;background:var(--card-yellow);border-radius:2.5cqw}
.ps-hint .ps-regularly{display:block;font-size:3.5cqw;color:#526477;margin-top:1.5cqw}
.ps-hint .ps-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw;margin-top:2.5cqw}
.ps-hint .ps-columns>section{min-width:0;padding:2cqw;background:var(--card-surface);border:1px solid #ebe2ce;border-radius:3cqw;display:flex;flex-direction:column}
.ps-hint .ps-art{display:block;width:100%;height:34cqw;overflow:hidden;border-radius:2cqw;mix-blend-mode:multiply}
.ps-hint .ps-phrase{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1cqw;align-items:center;background:#fffdf8;border-radius:2cqw;padding:2cqw 1.5cqw;font-size:4.3cqw;line-height:1.35;margin-top:1.5cqw}
.ps-hint .ps-phrase>p{grid-column:1/-1;font-size:3.5cqw;line-height:1.35;margin:0;color:#526477}
.ps-hint .ps-phrase .grammar-sound{grid-column:2;grid-row:1}
.ps-hint mark{background:#d9eee8;color:inherit;border-radius:1cqw;padding:0 .6cqw;font-weight:700}
.ps-hint .ps-ending{font-style:normal;font-weight:800;color:var(--card-red)}
.ps-hint .ps-contrast>section:first-child{background:#fff0ce}
.ps-hint .ps-contrast>section+section{background:var(--card-mint)}
.ps-hint .ps-contrast h3{font-size:5.3cqw;line-height:1.2;margin:0 0 1.5cqw;text-align:center}
.ps-hint .ps-columns .ps-question{font-size:3.6cqw;line-height:1.3;text-align:center;margin:0;color:#526477;min-height:9.4cqw}
.ps-hint .ps-columns .ps-explanation{font-size:3.8cqw;line-height:1.35;min-height:10.3cqw;margin:1.4cqw 0;text-align:center}
.ps-hint .ps-contrast .ps-art{margin-top:auto}
.ps-hint .ps-endings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw;margin-top:2.5cqw}
.ps-hint .ps-endings>section{min-width:0;padding:1.7cqw 1cqw;background:#fff0ce;border-radius:2.5cqw;display:flex;flex-direction:column}
.ps-hint .ps-endings>section:nth-child(2){background:#e8f2f6}
.ps-hint .ps-endings>section:nth-child(3){background:#fbeae2}
.ps-hint .ps-endings h3{font-size:3.9cqw;line-height:1.3;margin:0 0 2cqw;min-height:16cqw;text-align:center}
.ps-hint .ps-endings h3 b{display:block;font-size:5cqw;margin-top:1cqw;color:var(--card-red)}
.ps-hint .ps-word-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4cqw;font-size:3.5cqw;line-height:1.4;margin-bottom:1.5cqw}
.ps-hint .ps-word-pair>span:nth-child(2){color:#738090;font-size:3cqw}
.ps-hint .ps-endings .ps-y-note{font-size:3.2cqw;line-height:1.35;margin:-.8cqw 0 1.5cqw;text-align:center}
.ps-hint .ps-endings .ps-phrase{font-size:3.6cqw;grid-template-columns:1fr;margin-top:auto;padding:1.5cqw 1cqw}
.ps-hint .ps-endings .ps-phrase>div{min-height:0}
.ps-hint .ps-endings .ps-phrase>p{font-size:3.2cqw;min-height:0;grid-row:2}
.ps-hint .ps-endings .ps-phrase .grammar-sound{grid-column:1;grid-row:3;justify-self:end}
.ps-hint .ps-vowel-y{background:#f2f6eb;border-radius:2.5cqw;margin-top:2cqw;padding:2cqw;font-size:3.8cqw}
.ps-hint .ps-vowel-y>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw}
.ps-hint .ps-vowel-y .ps-phrase{font-size:3.8cqw;padding:1cqw;background:transparent}
.ps-hint .ps-vowel-y .ps-phrase p{font-size:3.2cqw}
.ps-hint .ps-vowel-pair{display:flex;align-items:center;justify-content:space-between;gap:1cqw;font-size:3.8cqw;margin-top:1.5cqw}
.ps-hint .ps-helpers>section:first-child{background:#e8f2f6}
.ps-hint .ps-helpers>section+section{background:#fbeae2}
.ps-hint .ps-helper-heading{display:flex;align-items:center;justify-content:space-between;gap:1cqw;min-height:14cqw}
.ps-hint .ps-helper-heading b{font-size:4cqw;line-height:1.3}
.ps-hint .ps-helper-heading p{font-size:3.3cqw;line-height:1.3;margin:1cqw 0;color:#526477}
.ps-hint .ps-helper-heading strong{font-size:7cqw}
.ps-hint .ps-helpers h4{font-size:3.3cqw;font-weight:500;margin:1.5cqw 0 0;color:#526477}
.ps-hint .ps-helpers .ps-phrase{font-size:3.8cqw;flex:1;padding:1.5cqw 1cqw;margin-top:.8cqw}
.ps-hint .ps-helpers>section{padding:1cqw}
.ps-hint .ps-helpers .ps-phrase>div{grid-column:1/-1}
.ps-hint .ps-helpers .ps-phrase>p{grid-column:1;grid-row:2}
.ps-hint .ps-helpers .ps-phrase .grammar-sound{grid-column:2;grid-row:2}
.ps-hint .ps-helpers .ps-phrase>p{font-size:3.3cqw}
.ps-hint .ps-helper-note{background:#fff0ce;padding:2cqw;margin-top:2cqw;border-radius:2cqw;font-size:3.5cqw;line-height:1.4;text-align:center}


/* Third grade uses the references' light paper and cool teaching accents. */
.ps-hint{--card-paper:#fff;--card-surface:#fff;--card-border:#dde5ed;--card-yellow:#edf7fd;--card-mint:#e7f6f3}
.ps-hint .grammar-paper,.rule-overview .hint-inline.ps-hint .grammar-paper{background:#fff;border-color:#dde5ed}
.ps-hint .grammar-paper>h2{font-size:6.6cqw!important}
.ps-hint .grammar-intro,.rule-overview .hint-inline.ps-hint .grammar-intro{background:#edf7fd}
.ps-hint .ps-phrase{background:#fff}
.ps-hint .ps-contrast>section:first-child,.ps-hint .ps-endings>section:first-child{background:#eef6fd}
.ps-hint .ps-helper-note{background:#edf7fd}
.ps-hint .be-grade>span,.hint-viewer:has(.ps-hint)>.be-grade>span{background:#f0f4f7}
.ps-hint .be-grade::before,.ps-hint .be-grade::after,.hint-viewer:has(.ps-hint)>.be-grade::before,.hint-viewer:has(.ps-hint)>.be-grade::after{background:#dde5ed}
.reading-hint[data-sector^="G3-"] .vowel-card{background:#fff;border-color:#dde5ed}
.reading-hint[data-sector^="G3-"] .vowel-card>h2{font-size:28px}
.reading-hint[data-sector^="G3-"] .reading-row{background:#f5faff;border-color:#dce8f1}
.reading-hint[data-sector^="G3-"] footer>span{background:#f0f4f7}

/* Reproduce the horizontal teaching relationships in the five supplied layouts. */
.pf-hint{--pf-soft:#eff8ff;--pf-fill:#d5ebff;--pf-ink:#0b2344;--pf-line:#76b7f9}
.pf-hint.pf-rose,.pf-hint .pf-pink{--pf-soft:#fff2f6;--pf-fill:#ffdeeb;--pf-ink:#661738;--pf-line:#ec82a8}
.pf-hint .pf-blue{--pf-soft:#eff8ff;--pf-fill:#d5ebff;--pf-ink:#0b2344;--pf-line:#76b7f9}
.pf-hint .grammar-paper{padding:3cqw}
.pf-hint .grammar-paper>h2{font-size:7.2cqw!important;line-height:1.15!important;text-align:left;letter-spacing:-.045em!important;margin-bottom:2.2cqw!important}
.pf-hint mark.pf-helper{background:var(--pf-fill);color:var(--pf-ink);font-weight:800;border-radius:1.2cqw;padding:.1cqw .65cqw;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.pf-hint mark.pf-verb{background:#d7f3ed;color:#0b2344;font-weight:750;border-radius:.8cqw;padding:.1cqw .3cqw}
.pf-hint .ps-ending{background:#ffe0eb;padding:.1cqw .15cqw;border-radius:.5cqw}
.pf-hint .grammar-intro,.rule-overview .hint-inline.pf-hint .grammar-intro{background:var(--pf-soft);font-size:2.7cqw;line-height:1.5;padding:2cqw 1.5cqw;border-radius:2.4cqw;text-align:center}
.pf-hint .grammar-sound,.rule-overview .hint-inline.pf-hint .grammar-sound{width:4.8cqw;height:4.8cqw;min-width:4.8cqw;min-height:4.8cqw;flex:0 0 4.8cqw;padding:1cqw}
.pf-hint .pf-nowrap{white-space:nowrap}
.pf-hint .pf-phrase{min-width:0;line-height:1.3;padding:1.4cqw;background:#fff;border-radius:1.8cqw}
.pf-hint .pf-en{font-size:3.15cqw;line-height:1.4}
.pf-hint .pf-translation{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;margin-top:.6cqw;min-height:4.8cqw;font-size:2.5cqw;line-height:1.3;color:#71849f}
.pf-hint .pf-translation>span{min-width:0}
.pf-hint .pf-art{display:block;width:100%;overflow:hidden;mix-blend-mode:multiply}
.pf-hint .pf-arrow{font-size:5cqw;font-weight:500;line-height:1;color:var(--pf-line);align-self:center;text-align:center}
.pf-hint .pf-main-split{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:1.5cqw;margin-top:1.5cqw;align-items:stretch}
.pf-hint .pf-do-scene,.pf-hint .pf-negative-scene{background:#faf9f6;border-radius:2.5cqw;padding:1.5cqw;min-width:0}
.pf-hint .pf-do-transform{display:grid;grid-template-columns:minmax(0,1fr) 3.5cqw minmax(0,1.1fr);gap:.5cqw;align-items:center}
.pf-hint .pf-do-transform .pf-en{font-size:2.95cqw}
.pf-hint .pf-do-scene>.pf-art{height:25cqw;object-fit:contain;margin-top:.4cqw}
.pf-hint .pf-pronouns{background:var(--pf-soft);border-radius:2.5cqw;padding:1.5cqw;display:flex;flex-direction:column;gap:1cqw;min-width:0}
.pf-hint .pf-pronouns>h3{font-size:2.65cqw;line-height:1.4;font-weight:600;margin:0;text-align:center}
.pf-hint .pf-pronoun-diagram{display:grid;grid-template-columns:max-content 1.8cqw minmax(0,1fr);gap:.4cqw;align-items:center;padding:1cqw;background:#fff;border-radius:1.8cqw;flex:1}
.pf-hint .pf-pronoun-diagram>div{display:flex;flex-direction:column;gap:.8cqw;font-size:3.8cqw;line-height:1.25}
.pf-hint .pf-pronoun-diagram>svg{width:1.8cqw;height:100%;max-height:20cqw;color:var(--pf-line)}
.pf-hint .pf-pronoun-diagram>strong{font-size:4.7cqw;text-align:center}
.pf-hint.pf-rose .pf-pronoun-diagram>strong{font-size:3.3cqw}
.pf-hint .pf-pronouns>p{font-size:2.55cqw;line-height:1.4;margin:0;color:#344a6e}
.pf-hint .pf-label{display:table;font-size:2.65cqw;font-weight:500;line-height:1.3;padding:.55cqw 1.2cqw;margin:0 0 1.6cqw;border-radius:1cqw}
.pf-hint .pf-label-blue{background:#e2f2ff;color:#25465f}
.pf-hint .pf-label-rose{background:#ffe4ed;color:#702042}
.pf-hint .pf-does-scene{display:grid;grid-template-columns:minmax(0,1fr) 3.5cqw minmax(0,1.32fr) minmax(0,.87fr);align-items:center;gap:.7cqw;padding:2cqw 1.5cqw;background:#fff7fa;border-radius:2.5cqw;margin-top:1.5cqw}
.pf-hint .pf-does-scene>.pf-art{height:29cqw;align-self:end}
.pf-hint .pf-before,.pf-hint .pf-after{min-width:0;align-self:start}
.pf-hint .pf-does-scene .pf-en{font-size:2.8cqw;white-space:nowrap}
.pf-hint .pf-does-scene .pf-translation{font-size:2.4cqw}
.pf-hint .pf-callout{position:relative;margin-top:1.8cqw;padding:1cqw .8cqw;border-radius:1cqw;background:#ffe4ee;font-size:2.15cqw;line-height:1.35;text-align:center;color:#5d2341}
.pf-hint .pf-callout::before{content:'';position:absolute;bottom:100%;left:36%;width:1px;height:1.8cqw;background:#eea7c1}
.pf-hint .pf-callout-ending{margin-left:3cqw;margin-right:1.5cqw}
.pf-hint .pf-callout-pair{display:grid;grid-template-columns:1fr 1.08fr;gap:.8cqw}
.pf-hint .pf-callout-verb{background:#dff5ef;color:#17354c}
.pf-hint .pf-callout-verb::before{background:#86cfbd;left:60%}
.pf-hint .pf-negative-layout{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr)}
.pf-hint .pf-negative-scene{display:grid;grid-template-columns:minmax(0,1fr) 3cqw minmax(0,1.3fr);gap:.6cqw;align-items:start}
.pf-hint .pf-negative-scene>section{min-width:0;display:flex;flex-direction:column;height:100%}
.pf-hint .pf-negative-scene .pf-label{margin-bottom:.6cqw}
.pf-hint .pf-negative-scene .pf-en{font-size:2.55cqw;white-space:nowrap}
.pf-hint .pf-negative-scene .pf-phrase{padding:1cqw .7cqw}
.pf-hint .pf-negative-scene .pf-translation{font-size:2.45cqw}
.pf-hint .pf-negative-scene .pf-art{height:20cqw;margin-top:auto}
.pf-hint .pf-negative-scene>.pf-arrow{align-self:start;margin-top:8cqw}
.pf-hint .pf-more{background:#faf9f6;border-radius:2.5cqw;padding:1.2cqw;margin-top:1.5cqw}
.pf-hint .pf-more>h3{display:table;font-size:3cqw;line-height:1.3;margin:0 0 1cqw;padding:.6cqw 1cqw;background:#fff4d8;border-radius:1cqw;font-weight:750}
.pf-hint .pf-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2cqw}
.pf-hint .pf-example-tile{min-width:0;background:#fff;border-radius:1.6cqw;padding:.7cqw;display:flex;flex-direction:column}
.pf-hint .pf-example-tile>.pf-phrase{padding:.6cqw;background:none}
.pf-hint .pf-example-tile .pf-en{font-size:2.8cqw;line-height:1.4}
.pf-hint .pf-example-tile .pf-translation{font-size:2.35cqw;line-height:1.3}
.pf-hint .pf-example-tile>.pf-art{height:10cqw;margin-top:auto}
.pf-hint .pf-small-art .pf-example-tile{display:grid;grid-template-columns:minmax(0,1fr) 6cqw;gap:.4cqw;align-items:center}
.pf-hint .pf-small-art .pf-phrase{min-width:0}
.pf-hint .pf-small-art .pf-art{height:7cqw;margin:0}
.pf-hint .pf-small-art .pf-en{font-size:2.7cqw}
.pf-hint .pf-small-art .pf-translation{font-size:2.25cqw}
.pf-hint .pf-pair-examples .pf-phrase+.pf-phrase{margin-top:1.1cqw}
.pf-hint .pf-note{display:grid;grid-template-columns:7cqw minmax(0,1fr);gap:2cqw;align-items:center;padding:1.4cqw 2cqw;background:#eef8ff;border-radius:2.2cqw;margin-top:1.5cqw}
.pf-hint .pf-note>.pf-art{height:7cqw}
.pf-hint .pf-note>p{font-size:2.55cqw;line-height:1.45;margin:0;color:#526987}
.pf-hint .pf-reply-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5cqw;margin-top:1.5cqw}
.pf-hint .pf-reply-columns>section{background:var(--pf-soft);border-radius:2.5cqw;padding:1.2cqw;min-width:0}
.pf-hint .pf-reply-columns h3{display:flex;align-items:center;justify-content:space-between;gap:1cqw;font-size:2.5cqw;line-height:1.3;font-weight:500;margin:.5cqw 0 1.3cqw}
.pf-hint .pf-reply-columns h3>b{background:var(--pf-fill);border-radius:1cqw;padding:.6cqw;font-size:2.35cqw}
.pf-hint .pf-swim-scene{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:0;background:#fff;border-radius:1.7cqw}
.pf-hint .pf-swim-scene .pf-art{height:15cqw}
.pf-hint .pf-swim-scene .pf-en{font-size:2.8cqw;white-space:nowrap}
.pf-hint .pf-swim-scene .pf-translation{font-size:2.4cqw}
.pf-hint .pf-answer-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8cqw;margin-top:1cqw}
.pf-hint .pf-answer{display:grid;grid-template-columns:2.7cqw minmax(0,1fr) auto;gap:.5cqw;align-items:center;padding:1cqw .7cqw;border-radius:1.6cqw;min-width:0}
.pf-hint .pf-yes{background:#f1fbf4}
.pf-hint .pf-no{background:#fff2f6}
.pf-hint .pf-sign{width:2.7cqw;height:2.7cqw;line-height:2.7cqw;font-size:2.7cqw;text-align:center;border-radius:50%;font-weight:800;color:#fff;background:#59a96e}
.pf-hint .pf-no>.pf-sign{background:#e9577b}
.pf-hint .pf-answer-en{font-size:2.5cqw;line-height:1.4;grid-column:2/-1}
.pf-hint .pf-answer-translation{font-size:2.15cqw;line-height:1.3;color:#5b7293;grid-column:1/3;grid-row:2}
.pf-hint .pf-answer>.grammar-sound{grid-column:3;grid-row:2}
.pf-hint .pf-short-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1cqw}
.pf-hint .pf-short-examples .pf-en{font-size:2.6cqw;line-height:1.4}
.pf-hint .pf-short-examples .pf-phrase{flex:1;margin-bottom:1cqw}
.pf-hint .pf-short-examples .pf-translation{font-size:2.2cqw}
.pf-hint .pf-short-examples .pf-answer{padding:.7cqw .1cqw;background:none;grid-template-columns:2.7cqw minmax(0,1fr)}
.pf-hint .pf-short-examples .pf-answer-en{font-size:2.18cqw;grid-column:2;white-space:nowrap}
.pf-hint .pf-short-examples .pf-answer-translation:empty{display:none}
.pf-hint .pf-short-examples .pf-answer>.grammar-sound{grid-column:2;grid-row:2;justify-self:end}
.pf-hint .pf-short-examples .pf-answer>.grammar-sound{width:3.8cqw;height:3.8cqw;min-width:3.8cqw;min-height:3.8cqw;padding:.8cqw}

/* G3-05–07: reference composition, one proportional canvas, cool surfaces. */
.pc-hint .grammar-paper{padding:3cqw}
.pc-hint .grammar-paper>h2{font-size:7.2cqw!important;text-align:left;line-height:1.15!important}
.pc-hint mark{border-radius:1cqw;padding:.15cqw .6cqw;font-weight:800;color:#0b2344;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.pc-hint mark.pc-blue{background:#cceaff}
.pc-hint mark.pc-mint{background:#c9f2e8}
.pc-hint mark.pc-pink{background:#ffdfed;color:#702042}
.pc-hint .grammar-intro,.rule-overview .hint-inline.pc-hint .grammar-intro{font-size:3cqw;line-height:1.45;padding:1.8cqw;background:#edf8fe}
.pc-hint .grammar-intro small{display:block;font-size:2.3cqw;margin-top:.7cqw;color:#526987}
.pc-hint .pc-phrase{min-width:0;background:#fff;border-radius:1.7cqw;padding:1.3cqw}
.pc-hint .pc-en{font-size:3.3cqw;line-height:1.5}
.pc-hint .pc-translation{display:flex;align-items:center;justify-content:space-between;gap:.8cqw;font-size:2.7cqw;line-height:1.3;color:#71849f;margin-top:.7cqw}
.pc-hint .grammar-sound,.rule-overview .hint-inline.pc-hint .grammar-sound{width:4.6cqw;height:4.6cqw;min-width:4.6cqw;min-height:4.6cqw;flex:0 0 4.6cqw;padding:1cqw}
.pc-hint .pc-art{display:block;width:100%;overflow:hidden;mix-blend-mode:multiply}
.pc-hint .pc-arrow{font-size:4.4cqw;font-weight:500;line-height:1;color:#6fb7fa;text-align:center;align-self:center}
.pc-hint .pc-now-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.82fr) minmax(0,1.25fr);gap:1.4cqw;margin-top:1.7cqw}
.pc-hint .pc-scene{background:#f6f9fc;border-radius:2cqw;overflow:hidden;min-width:0;padding:1cqw 1cqw 0;display:flex;flex-direction:column}
.pc-hint .pc-scene .pc-en{font-size:2.8cqw;white-space:nowrap}
.pc-hint .pc-scene .pc-translation{font-size:2.6cqw}
.pc-hint .pc-scene>.pc-art{margin-top:auto;height:24cqw}
.pc-hint .pc-be-table{padding:1cqw;background:#edf8fe;border-radius:2cqw;display:grid;gap:.5cqw}
.pc-hint .pc-be-table>div{display:grid;grid-template-columns:1fr 1.2fr;gap:.5cqw;align-items:center;padding:.15cqw .7cqw;border-radius:.7cqw;background:#fff;font-size:2.8cqw;line-height:1.3}
.pc-hint .pc-be-table>div:first-child{background:none;color:#526987;font-size:2.5cqw}
.pc-hint .pc-be-table mark{text-align:center}
.pc-hint .pc-more{background:#f5f9fc;border-radius:2.2cqw;padding:1.2cqw;margin-top:1.7cqw}
.pc-hint .pc-more>h3,.pc-hint .pc-replies>h3{font-size:3.1cqw;line-height:1.3;margin:0 0 1cqw;font-weight:800;display:table;border-radius:1cqw;padding:.6cqw 1cqw;background:#e6f3fd}
.pc-hint .pc-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1cqw}
.pc-hint .pc-three>section{background:#fff;border-radius:1.6cqw;min-width:0;position:relative;padding-bottom:1cqw}
.pc-hint .pc-three .pc-en{font-size:2.75cqw;white-space:nowrap}
.pc-hint .pc-three .pc-translation{font-size:2.5cqw}
.pc-hint .pc-three .pc-art{height:8cqw;width:10cqw;margin:0 auto}
.pc-hint .pc-step{margin-top:1.5cqw;background:#f3f8fc;border-radius:2.3cqw;padding:1.5cqw}
.pc-hint .pc-step>h3{display:flex;align-items:center;gap:1.5cqw;font-size:3.4cqw;font-weight:750;line-height:1.4;margin:0 0 1cqw}
.pc-hint .pc-step>h3>span{border-radius:50%;width:5.5cqw;height:5.5cqw;line-height:5.5cqw;font-size:3.6cqw;text-align:center;background:#cfebfc;flex:none}
.pc-hint .pc-step-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:2cqw;align-items:center;margin-left:7cqw}
.pc-hint .pc-step-body>p,.pc-hint .pc-step-body>div>p{font-size:2.8cqw;line-height:1.45;margin:0;padding:1.5cqw;border-radius:1.3cqw;background:#e1f1ff}
.pc-hint .pc-step-one .pc-art{height:23cqw;max-width:29cqw;justify-self:center}
.pc-hint .pc-step-three{background:#fff3f7}
.pc-hint .pc-step-three>h3>span{background:#ffdeed;color:#702042}
.pc-hint .pc-step-three .pc-step-body>div>p{background:#ffe7f1;color:#5d2341}
.pc-hint .pc-step-three .pc-art{height:11cqw;margin-top:1cqw}
.pc-hint .pc-spelling{background:#fff;border-radius:1.5cqw;padding:1.3cqw;margin-top:1cqw}
.pc-hint .pc-spelling>div{display:grid;grid-template-columns:minmax(0,1fr) 4cqw minmax(0,1.4fr) auto;gap:.6cqw;align-items:center;font-size:3.5cqw}
.pc-hint .pc-spelling>p{font-size:2.8cqw;line-height:1.4;margin:.7cqw 0 0;color:#71849f}
.pc-hint .pc-comparison{background:#f6f9fc;border-radius:2.3cqw;padding:1.5cqw;margin-top:1.7cqw}
.pc-hint .pc-labels{display:grid;grid-template-columns:1fr 1fr;gap:7cqw}
.pc-hint .pc-labels>h3{font-size:2.8cqw;font-weight:500;line-height:1.4;margin:0 0 1cqw;background:#dff4f6;padding:.5cqw 1.2cqw;border-radius:1cqw;justify-self:start}
.pc-hint .pc-labels>h3+ h3{background:#ffe4ef;color:#702042}
.pc-hint .pc-transform{display:grid;grid-template-columns:minmax(0,1fr) 4cqw minmax(0,1.1fr);gap:1cqw;align-items:center}
.pc-hint .pc-transform .pc-en{font-size:3.25cqw;white-space:nowrap}
.pc-hint .pc-scene-pair{display:grid;grid-template-columns:1fr 1fr;gap:6cqw;align-items:end;margin-top:.8cqw}
.pc-hint .pc-scene-pair>div{min-width:0}
.pc-hint .pc-scene-pair .pc-art{height:25cqw}
.pc-hint .pc-scene-pair .pc-art-question{height:22cqw;width:25cqw;margin:auto}
.pc-hint .pc-more>.pc-transform+ .pc-transform{margin-top:1cqw}
.pc-hint .pc-replies{background:#edf8fe;border-radius:2.3cqw;padding:1.2cqw;margin-top:1.7cqw}
.pc-hint .pc-replies>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5cqw}
.pc-hint .pc-question-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);gap:1cqw;background:#fff;border-radius:1.6cqw;margin-top:1cqw}
.pc-hint .pc-question-row .pc-en{font-size:2.8cqw;white-space:nowrap}
.pc-hint .pc-question-row .pc-translation{font-size:2.35cqw}
.pc-hint .pc-meaning-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5cqw;margin-top:1.7cqw}
.pc-hint .pc-meaning-columns>section{background:#eef8ff;border-radius:2.3cqw;padding:1.2cqw 1.2cqw 0;min-width:0;overflow:hidden;display:flex;flex-direction:column}
.pc-hint .pc-meaning-columns>section+section{background:#fff2f7}
.pc-hint .pc-meaning-columns h3{font-size:4.1cqw;line-height:1.5;text-align:center;margin:0 0 1cqw}
.pc-hint .pc-meaning-columns p{font-size:3cqw;line-height:1.4;text-align:center;margin:0}
.pc-hint .pc-down{font-size:4cqw;color:#5bb5f9;text-align:center;line-height:1.3}
.pc-hint .pc-meaning-columns>section+section .pc-down{color:#ec88b6}
.pc-hint .pc-formula{background:#fff;border-radius:1.5cqw;padding:1cqw .5cqw;font-size:2.8cqw;line-height:1.5;white-space:nowrap;text-align:center;margin-bottom:1.5cqw}
.pc-hint .pc-meaning-columns .pc-phrase{margin:0 1cqw}
.pc-hint .pc-meaning-columns .pc-en{font-size:3.3cqw;white-space:nowrap}
.pc-hint .pc-meaning-columns .pc-art{height:27cqw;margin-top:auto}
.pc-hint .pc-meaning-example{display:grid;grid-template-columns:minmax(0,1fr) 13cqw minmax(0,1fr);gap:1cqw;align-items:center;background:#fff;border-radius:1.6cqw;margin-top:1cqw}
.pc-hint .pc-meaning-example .pc-en{font-size:2.85cqw;white-space:nowrap}
.pc-hint .pc-meaning-example .pc-art{height:12cqw}
.pc-hint .pc-meaning-example .pc-translation{font-size:2.5cqw}

.pc-hint .pc-nowrap{white-space:nowrap}

/* Tense names remain secondary to the child's Russian explanation. */
.ps-hint .grammar-paper>h2:has(+.grammar-tense){margin-bottom:.6cqw!important}
.ps-hint .grammar-paper>.grammar-tense{font-size:3cqw;line-height:1.3;font-weight:700;color:#47769e;margin:0 0 2.2cqw;letter-spacing:.025em}

/* G3-08–09 keep each reference composition on one proportional canvas. */
.pp-hint .grammar-paper{padding:3cqw}
.pp-hint .grammar-paper>h2{font-size:6.6cqw!important}
.pp-hint mark{border-radius:.9cqw;padding:.12cqw .5cqw;font-weight:800;color:#0b2344;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.pp-hint mark.pp-blue{background:#cceaff}
.pp-hint mark.pp-mint{background:#d3f4df}
.pp-hint mark.pp-pink{background:#ffdfed;color:#702042}
.pp-hint .grammar-intro,.rule-overview .hint-inline.pp-hint .grammar-intro{font-size:3cqw;line-height:1.45;padding:1.7cqw;background:#edf8fe;margin-bottom:1.5cqw}
.pp-hint .pp-endings{display:flex;gap:1cqw;justify-content:center;margin-top:1.3cqw;font-size:4cqw}
.pp-hint .pp-endings mark{min-width:9cqw;padding:.7cqw 1.2cqw}
.pp-hint .pp-grid{display:grid;gap:1.2cqw;align-items:stretch}
.pp-hint .pp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-hint .pp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp-hint .pp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-hint .pp-tile{min-width:0;padding:.8cqw;background:#f1f9fe;border-radius:1.8cqw;display:flex;flex-direction:column}
.pp-hint .pp-art{display:block;width:100%;height:17cqw;overflow:hidden;mix-blend-mode:multiply;flex:none}
.pp-hint .pp-word-pair{display:flex;align-items:center;justify-content:center;gap:.45cqw;font-size:2.6cqw;letter-spacing:-.035em;line-height:1.45;white-space:nowrap;background:#fff;padding:1.1cqw .3cqw .5cqw;border-radius:1cqw 1cqw 0 0;margin-top:.5cqw}
.pp-hint .pp-word-pair>span{color:#7994b6;font-weight:500}
.pp-hint .pp-word-pair.pp-long{font-size:1.85cqw;letter-spacing:-.055em}
.pp-hint .pp-word-pair mark{padding:.1cqw .12cqw}
.pp-hint .pp-translation{display:flex;align-items:center;justify-content:space-between;gap:.3cqw;font-size:2.25cqw;line-height:1.3;color:#71849f;padding:.5cqw .5cqw .8cqw;background:#fff;border-radius:0 0 1cqw 1cqw;flex:1}
.pp-hint .grammar-sound,.rule-overview .hint-inline.pp-hint .grammar-sound{width:3.8cqw;height:3.8cqw;min-width:3.8cqw;min-height:3.8cqw;flex:0 0 3.8cqw;padding:.8cqw}
.pp-hint .pp-more{background:#f5f9fc;border-radius:2cqw;padding:1cqw;margin-top:1.5cqw}
.pp-hint .pp-more>h3{font-size:3cqw;line-height:1.3;font-weight:800;margin:0 0 1cqw;display:table;border-radius:1cqw;padding:.6cqw 1cqw;background:#e6f3fd}
.pp-hint .pp-more .pp-tile{background:#fff}
.pp-hint .pp-more .pp-art{height:12cqw}
.pp-hint .pp-more .pp-word-pair{font-size:2.4cqw}
.pp-hint .pp-more .pp-word-pair.pp-long{font-size:1.83cqw}
.pp-hint .pp-y-intro{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;background:#edf8fe;padding:1.8cqw;border-radius:2cqw;font-size:3cqw;line-height:1.5;text-align:center;margin-bottom:1.5cqw}
.pp-hint .pp-y-intro>section+section{border-left:.15cqw solid #d3e4f2;padding-left:1.5cqw}
.pp-hint .pp-y-intro>section>div{background:#fff;border-radius:1cqw;margin-top:1cqw;padding:.7cqw;font-size:2.85cqw;font-weight:700}
.pp-hint .pp-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3cqw}
.pp-hint .pp-columns>section{background:#edf8fe;border-radius:2cqw;padding:.9cqw;min-width:0}
.pp-hint .pp-columns .pp-mint-surface{background:#edfaef}
.pp-hint .pp-columns .pp-pink-surface{background:#fff2f7}
.pp-hint .pp-y-columns h3{font-size:2.85cqw;line-height:1.4;margin:.2cqw 0 .8cqw;text-align:center}
.pp-hint .pp-y-columns .pp-tile{background:#fff}
.pp-hint .pp-grid-3 .pp-art{height:19cqw}
.pp-hint .pp-grid-3 .pp-word-pair{font-size:3.5cqw}
.pp-hint .pp-grid-3 .pp-translation{font-size:2.6cqw}
.pp-hint .pp-meaning>section{padding:1cqw}
.pp-hint .pp-meaning h3{font-size:3.5cqw;line-height:1.4;margin:.4cqw 0 .8cqw;text-align:center}
.pp-hint .pp-meaning>section>p{font-size:2.5cqw;line-height:1.4;margin:0 0 1cqw;text-align:center}
.pp-hint .pp-meaning .pp-art{height:23cqw;border-radius:1.2cqw}
.pp-hint .pp-phrase{background:#fff;padding:1cqw .4cqw;border-radius:1.4cqw;text-align:center;min-width:0}
.pp-hint .pp-en{display:flex;align-items:center;justify-content:center;gap:1cqw;font-size:3.5cqw;line-height:1.4;letter-spacing:-.025em}
.pp-hint .pp-en b{min-width:0}
.pp-hint .pp-ipa,.pp-hint .pp-phrase>p{font-size:2.6cqw;line-height:1.3;color:#71849f;margin:.5cqw 0 0}
.pp-hint .pp-more .pp-en{font-size:2.4cqw;gap:.4cqw}
.pp-hint .pp-more .pp-ipa,.pp-hint .pp-more .pp-phrase>p{font-size:2.2cqw}
.pp-hint .pp-possessive-formula{display:grid;grid-template-columns:1fr 3cqw 1.4fr 3cqw 1fr;gap:1.5cqw;align-items:start;padding:2cqw;background:#edf8fe;border-radius:2cqw;margin-bottom:1.5cqw;text-align:center;font-size:4.2cqw;line-height:1.3}
.pp-hint .pp-possessive-formula mark{display:block;padding:.8cqw}
.pp-hint .pp-possessive-formula small{display:block;color:#71849f;font-size:2.6cqw;line-height:1.35;margin-top:.8cqw}
.pp-hint .pp-possessive-formula>span{padding-top:1cqw}
.pp-hint .pp-owners>section{display:grid;grid-template-columns:1.1fr 1fr;gap:.6cqw;align-items:center}
.pp-hint .pp-owners .pp-art{height:22cqw;border-radius:1.1cqw}
.pp-hint .pp-owners .pp-en{flex-direction:column;font-size:3.2cqw;gap:.8cqw}
.pp-hint .pp-owners>section>p{grid-column:1/-1;background:#e4f3fd;color:#526987;border-radius:1cqw;font-size:2.7cqw;line-height:1.4;margin:0;padding:.5cqw;text-align:center}

/* G3-10–11: spatial meaning, precise clocks and calendar vocabulary. */
.st-hint .grammar-paper{padding:3cqw}
.st-hint .grammar-paper>h2{font-size:6.6cqw!important}
.st-hint mark{border-radius:.9cqw;padding:.12cqw .55cqw;font-weight:800;color:#0b2344;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.st-hint mark.st-blue{background:#cceaff}
.st-hint mark.st-mint{background:#d0f4e9}
.st-hint mark.st-pink{background:#ffdfed;color:#702042}
.st-hint .grammar-intro,.rule-overview .hint-inline.st-hint .grammar-intro{font-size:3cqw;line-height:1.45;padding:1.7cqw;background:#edf8fe;margin-bottom:1.5cqw}
.st-hint .grammar-intro small{display:block;font-size:2.3cqw;line-height:1.4;color:#5f7794;margin-top:1cqw}
.st-hint .st-grid{display:grid;gap:1.5cqw;align-items:stretch}
.st-hint .st-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.st-hint .st-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.st-hint .st-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.st-hint .st-tile{min-width:0;padding:1.2cqw;border-radius:2cqw;background:#eef8ff}
.st-hint .st-surface-blue{background:#eef8ff}
.st-hint .st-surface-mint{background:#eefaf5}
.st-hint .st-surface-pink{background:#fff3f7}
.st-hint .st-tile>h3{font-size:3.1cqw;line-height:1.4;text-align:center;margin:0 0 1.1cqw;font-weight:800}
.st-hint .st-tile>p{font-size:2.6cqw;line-height:1.4;margin:.8cqw 0 1.2cqw;text-align:center}
.st-hint .st-art{display:block;width:100%;height:24cqw;overflow:hidden;mix-blend-mode:multiply;border-radius:1.5cqw}
.st-hint .st-clock{display:block;width:100%;height:auto;max-height:24cqw}
.st-hint .st-phrase{background:#fff;border-radius:1.4cqw;padding:1cqw;min-width:0}
.st-hint .st-en{font-size:3.2cqw;line-height:1.45;color:#0b2344;font-weight:700}
.st-hint .st-translation{display:flex;align-items:center;justify-content:space-between;gap:.7cqw;margin-top:.6cqw;font-size:2.6cqw;line-height:1.4;color:#71849f}
.st-hint .grammar-sound,.rule-overview .hint-inline.st-hint .grammar-sound{width:4.2cqw;height:4.2cqw;min-width:4.2cqw;min-height:4.2cqw;flex:0 0 4.2cqw;padding:.9cqw}
.st-hint .st-location .st-art{height:27cqw}
.st-hint .st-location .st-phrase{margin-top:1cqw}
.st-hint .st-location .st-en{text-align:center;font-size:3.7cqw}
.st-hint .st-more{background:#f5f9fc;border-radius:2cqw;padding:1cqw;margin-top:1.5cqw}
.st-hint .st-more>h3{font-size:3cqw;line-height:1.3;font-weight:800;margin:0 0 1cqw;display:table;border-radius:1cqw;padding:.6cqw 1cqw;background:#e6f3fd}
.st-hint .st-more .st-tile{background:#fff;padding:.7cqw}
.st-hint .st-more .st-en{font-size:2.5cqw}
.st-hint .st-more .st-translation{font-size:2.3cqw}
.st-hint .st-more .grammar-sound{width:3.6cqw;height:3.6cqw;min-width:3.6cqw;min-height:3.6cqw;flex:0 0 3.6cqw;padding:.75cqw}
.st-hint .st-transform-head{display:grid;grid-template-columns:1fr 1fr;gap:6cqw}
.st-hint .st-transform-head>h3{font-size:3cqw;line-height:1.4;text-align:center;margin:0 0 .6cqw;background:#e6f3fd;border-radius:1.2cqw;padding:.6cqw}
.st-hint .st-transform-head>h3+h3{background:#ffe9f2;color:#702042}
.st-hint .st-transform{display:grid;grid-template-columns:minmax(0,1fr) 4cqw minmax(0,1fr);gap:1cqw;margin-bottom:1.2cqw}
.st-hint .st-transform>.st-phrase{background:#eef8ff;padding:2cqw 1.5cqw}
.st-hint .st-transform>.st-phrase:last-child{background:#fff3f7}
.st-hint .st-transform .st-en{font-size:3.2cqw;white-space:nowrap}
.st-hint .st-arrow{color:#5ca4d5;font-size:4.3cqw;line-height:1;text-align:center;align-self:center}
.st-hint .st-mini-pair{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr);gap:.8cqw;align-items:center;min-width:0;background:#fff;border-radius:1.6cqw;padding:.8cqw}
.st-hint .st-mini-pair>div{min-width:0}
.st-hint .st-mini-pair .st-art{height:23cqw}
.st-hint .st-mini-pair .st-en{font-size:2.65cqw;line-height:1.4}
.st-hint .st-mini-pair .st-phrase{padding:.8cqw .3cqw}
.st-hint .st-mini-pair .st-translation{font-size:2.35cqw}
.st-hint .st-absence .st-en{font-size:3cqw;white-space:nowrap}
.st-hint .st-clock-example{display:grid;grid-template-columns:1.1fr 1fr;gap:1cqw;align-items:center}
.st-hint .st-clock-example .st-en{font-size:3.1cqw}
.st-hint .st-clock-example .st-translation{display:block;font-size:2.7cqw}
.st-hint .st-clock-example .grammar-sound{display:block;margin-top:.7cqw}
.st-hint .st-tile>.st-clock-note{font-size:2.65cqw;line-height:1.4;background:#ffffff95;border-radius:1.4cqw;padding:1cqw;margin:1cqw 0 0}
.st-hint .st-clock-more .st-clock{height:15cqw}
.st-hint .st-clock-more .st-phrase{padding:.5cqw}
.st-hint .st-clock-more .st-en{font-size:2.25cqw;min-height:6.5cqw}
.st-hint .st-clock-more .st-translation{font-size:2.1cqw}
.st-hint .st-prepositions>.st-tile>h3{display:flex;justify-content:center;align-items:center;gap:2cqw;font-size:4.2cqw}
.st-hint .st-prepositions h3>span{font-size:2.8cqw}
.st-hint .st-prep-example{display:grid;grid-template-columns:1fr 1fr;gap:1cqw;align-items:center}
.st-hint .st-prep-example .st-art{height:23cqw}
.st-hint .st-prep-example .st-en{font-size:3.3cqw}
.st-hint .st-prep-example .st-translation{display:block;font-size:2.65cqw}
.st-hint .st-prep-example .grammar-sound{display:block;margin-top:.6cqw}
.st-hint .st-seasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5cqw;margin-bottom:1cqw;text-align:center}
.st-hint .st-seasons .st-art{height:9cqw}
.st-hint .st-seasons b,.st-hint .st-seasons span{display:block;font-size:2cqw;line-height:1.4;font-weight:500}
.st-hint .st-seasons span{font-size:1.85cqw;color:#71849f}
.st-hint .st-prep-more .st-art,.st-hint .st-prep-more .st-clock{height:12cqw}
.st-hint .st-prep-more .st-en{font-size:2.65cqw}
.st-hint .st-frequency-main .st-art{height:22cqw}
.st-hint .st-frequency-main .st-en{font-size:3.2cqw;text-align:center}
.st-hint .st-frequency-scale{gap:.9cqw}
.st-hint .st-frequency-word{display:flex;align-items:center;justify-content:space-between;gap:.4cqw;font-size:2.45cqw;font-weight:800}
.st-hint .st-frequency-word mark{padding:.1cqw .25cqw}
.st-hint .st-frequency-scale .grammar-sound{width:3cqw;height:3cqw;min-width:3cqw;min-height:3cqw;flex-basis:3cqw;padding:.7cqw}
.st-hint .st-frequency-scale .st-tile>p{font-size:2.3cqw;color:#71849f;margin:.5cqw 0 1cqw}
.st-hint .st-ticks{display:grid;grid-template-columns:repeat(4,1fr);gap:.45cqw;background:#f7fbff;padding:.8cqw;border-radius:1cqw}
.st-hint .st-ticks>span{height:2.6cqw;line-height:2.6cqw;border:.13cqw solid #d2e5ef;border-radius:.3cqw;background:#fff;font-size:2.2cqw;color:#5eac97;text-align:center;font-weight:800}
.st-hint .st-frequency-more .st-art{height:13cqw}
.st-hint .st-frequency-more .st-en{font-size:2.45cqw;min-height:7.2cqw}
.st-hint .st-week-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1.5cqw}
.st-hint .st-week-list{display:flex;flex-direction:column;gap:1cqw}
.st-hint .st-calendar-row{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr);gap:.8cqw;align-items:center;padding:1.5cqw .9cqw;border-radius:1.8cqw;flex:1;min-width:0}
.st-hint .st-calendar-row>b{font-size:3.45cqw;line-height:1.3;letter-spacing:-.05em}
.st-hint .st-calendar-row>span{font-size:2.5cqw;line-height:1.3}
.st-hint .st-week-layout>div>.st-art{height:28cqw}
.st-hint .st-week-layout .st-more .st-phrase+.st-phrase{margin-top:.8cqw}
.st-hint .st-week-layout .st-more .st-en{font-size:2.75cqw}
.st-hint .st-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4cqw}
.st-hint .st-months>div{display:flex;flex-direction:column;gap:1cqw}
.st-hint .st-month-row{display:grid;grid-template-columns:8.8cqw minmax(0,1.35fr) auto minmax(0,1fr);align-items:center;gap:.8cqw;border-radius:1.8cqw;padding:.9cqw;min-height:10cqw;min-width:0}
.st-hint .st-month-row .st-art{height:8.8cqw}
.st-hint .st-month-row>b{font-size:3cqw;line-height:1.4;letter-spacing:-.05em}
.st-hint .st-month-row>span{font-size:2.4cqw;line-height:1.3}
.grammar-practice .task-picture:has(>.st-clock){height:auto;width:min(100%,190px)}
.grammar-practice .task-picture:has(>.st-spatial,>.st-art){height:auto;width:min(100%,270px)}
.task-picture>.st-clock{display:block;width:100%;height:auto;margin:0 auto}
.task-picture>.st-spatial,.task-picture>.st-art{display:block;width:330px;max-width:100%;max-height:250px;margin:0 auto;overflow:hidden}

/* G3-12–14: fixed card canvas, scaled together by the existing hint viewer. */
.qpr-hint .qpr-art{display:block;width:100%;height:25cqw;overflow:hidden;border-radius:1.5cqw;mix-blend-mode:multiply}
.qpr-hint .qpr-main{margin-top:1.5cqw}
.qpr-hint .qpr-main .st-tile{display:flex;flex-direction:column}
.qpr-hint .qpr-main .st-tile>p{min-height:7.5cqw;font-size:2.65cqw}
.qpr-hint .qpr-main .st-phrase{margin-top:auto}
.qpr-hint .qpr-main .st-en{font-size:3.1cqw}
.qpr-hint .qpr-more .qpr-art{height:14cqw}
.qpr-hint .qpr-more .st-tile{display:flex;flex-direction:column;justify-content:end}
.qpr-hint .qpr-more .st-en{font-size:2.5cqw;min-height:7.2cqw}
.qpr-hint .qpr-more .st-translation{font-size:2.2cqw}
.qpr-hint .qpr-verb-table{background:#fff;border-radius:1.4cqw;padding:.8cqw}
.qpr-hint .qpr-verb-table>div{display:grid;grid-template-columns:minmax(0,1fr) 2.5cqw minmax(0,1.3fr);gap:.7cqw;align-items:center;margin-bottom:.7cqw;font-size:2.9cqw;text-align:center}
.qpr-hint .qpr-verb-table b{font-size:2.5cqw;line-height:1.4}
.qpr-hint .qpr-verb-table span:last-child{display:flex;align-items:center;justify-content:space-between;gap:.5cqw}
.qpr-hint .qpr-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1.5cqw;align-items:center;background:#eef8ff;border-radius:2.2cqw;padding:1.5cqw;margin:1.7cqw 0}
.qpr-hint .qpr-story-text{background:#ffffffd9;padding:2.3cqw 1.4cqw;border-radius:1.8cqw;font-size:3.55cqw;line-height:1.65}
.qpr-hint .qpr-story-text>p{margin:.6cqw 0 1.5cqw}
.qpr-hint .qpr-story>.qpr-art{height:35cqw}
.qpr-hint .qpr-steps .st-tile>h3{font-size:2.8cqw;text-align:left;min-height:10cqw}
.qpr-hint .qpr-number{display:inline-grid;place-items:center;width:4.5cqw;height:4.5cqw;border-radius:50%;background:#ccecff;font-size:3cqw;vertical-align:middle;margin-right:.5cqw}
.qpr-hint .qpr-steps .st-en{font-size:3.2cqw}
.qpr-hint .qpr-steps .st-translation{font-size:2.6cqw}
.qpr-hint .qpr-evidence{background:white;border-radius:1.4cqw;padding:1.7cqw .8cqw;font-size:2.7cqw;line-height:1.9}
.qpr-hint .qpr-link{display:flex;gap:3cqw;justify-content:center;align-items:center;font-size:4.5cqw;font-weight:800;margin:1.7cqw 0;padding:1.5cqw;border-radius:1.5cqw;background:#f0faf6}
.qpr-hint .qpr-main-idea{display:grid;grid-template-columns:minmax(0,1.35fr) 4cqw minmax(0,1fr);gap:1cqw;align-items:center}
.qpr-hint .qpr-main-idea .st-en{font-size:3.8cqw}
.qpr-hint .qpr-main-idea .st-translation{font-size:2.9cqw}
.qpr-hint .qpr-main-idea .st-phrase+.st-phrase{margin-top:1cqw}
.qpr-hint .qpr-main-idea .qpr-art{height:19cqw}
.qpr-hint .qpr-main-idea .st-tile{background:#eafaf3}
.qpr-hint .qpr-main-idea .qpr-topic{font-size:3.2cqw;font-weight:800}
.qpr-hint .qpr-arrow{font-size:5cqw;color:#64b79c;text-align:center}
.qpr-hint .qpr-checklist{list-style:none;counter-reset:steps;display:grid;gap:1cqw;padding:0;margin:0}
.qpr-hint .qpr-checklist li{counter-increment:steps;display:flex;align-items:center;gap:1.7cqw;background:white;border-radius:1.5cqw;padding:1.4cqw;font-size:3.1cqw;line-height:1.5}
.qpr-hint .qpr-checklist li::before{content:counter(steps);display:grid;place-items:center;flex:0 0 5cqw;height:5cqw;background:#e5f2fb;border-radius:50%;font-weight:800}
.qpr-hint .qpr-more .st-tile{justify-content:flex-start}
.qpr-hint .qpr-more .st-phrase{flex:1;display:flex;flex-direction:column}
.qpr-hint .qpr-more .st-translation{margin-top:auto;padding-top:.6cqw;min-height:9cqw}
.qpr-hint .st-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.qpr-hint .qpr-story-text>p{font-size:3.55cqw;line-height:1.65}

/* From grade 3, centre the existing title style and its tense subtitle. */
:is([data-rule^="G3-"],[data-rule^="G4-"],[data-rule^="G5-"]) :is(.grammar-paper,.be-paper)>h2{ text-align:center!important }
:is([data-rule^="G3-"],[data-rule^="G4-"],[data-rule^="G5-"]) .grammar-paper>.grammar-tense{text-align:center}
.dw-hint .dw-art{display:block;width:100%;height:auto;overflow:hidden;border-radius:1.4cqw}
.dw-hint .dw-dialogue-scene,.dw-hint .dw-speaker-scene{position:relative}
.dw-hint .dw-scene-sound{position:absolute;transform:translate(-50%,-50%)}
.dw-hint .dw-scene-sound .grammar-sound{width:6cqw;height:6cqw;min-width:6cqw;min-height:6cqw;flex-basis:6cqw;padding:1.2cqw}
.dw-hint .dw-food-question{left:54%;top:11.5%}
.dw-hint .dw-food-answer{left:93%;top:12%}
.dw-hint .dw-anna-sound{left:53.2%;top:19.5%}
.dw-hint .dw-tom-sound{left:50.5%;top:20%}
.dw-hint .dw-play{display:flex;align-items:center;justify-content:center;gap:1.5cqw;font-size:2.8cqw;background:#e9f5ff;padding:1cqw;border-radius:1.2cqw;margin-top:1cqw}
.dw-hint .dw-result{margin-top:1.5cqw}
.dw-hint .dw-result .st-tile>.dw-answer{font-size:5.2cqw;font-weight:800}
.dw-hint .dw-who-question{background:#edf9f4;padding:2cqw;border-radius:2cqw;margin-top:1.5cqw}
.dw-hint .dw-who-question .st-phrase{max-width:60cqw;margin:auto}
.dw-hint .dw-who-question .st-en{font-size:4cqw}
.dw-hint .dw-who-question>p{text-align:center;font-size:2.7cqw;margin:1cqw 0}
.dw-hint .dw-person-choice{display:flex;justify-content:center;gap:3cqw;margin:1cqw;font-size:4.2cqw}
.dw-hint .dw-person-choice>span,.dw-hint .dw-person-choice>b{padding:.5cqw 4cqw;border-radius:1cqw;background:#fff}
.dw-hint .dw-question-words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2cqw;margin-top:1.5cqw}
.dw-hint .dw-word{display:grid;grid-template-columns:11cqw minmax(0,1fr);align-items:center;gap:1.4cqw;padding:1.3cqw;border-radius:2cqw;min-height:13cqw}
.dw-hint .dw-word>.dw-art{height:10.5cqw;mix-blend-mode:multiply}
.dw-hint .dw-word-line{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;font-size:3.7cqw;letter-spacing:-.02em}
.dw-hint .dw-word p{font-size:2.7cqw;line-height:1.3;margin:.6cqw 0 0;color:#5f7390}
.dw-hint .dw-word-note{background:#eff8ff;border-radius:1.5cqw;padding:1.5cqw;font-size:2.6cqw;line-height:1.5;margin-top:1.5cqw}
.dw-hint .dw-word-note .grammar-sound{display:inline-flex;vertical-align:middle}
.dw-hint .dw-profile{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1.6cqw;align-items:center}
.dw-hint .dw-profile>.dw-art{max-height:62cqw;mix-blend-mode:multiply}
.dw-hint .dw-sentences{display:flex;flex-direction:column;gap:1.8cqw}
.dw-hint .dw-sentences .st-phrase{padding:2cqw 1.6cqw}
.dw-hint .dw-sentences .st-en{font-size:3.7cqw;line-height:1.45}
.dw-hint .dw-sentences .st-translation{font-size:3.1cqw;line-height:1.4}
.dw-hint .dw-sentences .grammar-sound{width:4.8cqw;height:4.8cqw;min-width:4.8cqw;min-height:4.8cqw;flex-basis:4.8cqw;padding:1cqw}
.dw-hint .dw-down{font-size:4cqw;line-height:.8;text-align:center;color:#68adca}
.dw-hint .dw-reference{display:flex;justify-content:center;align-items:center;gap:3cqw;font-size:4.3cqw;font-weight:800;background:#eff9f6;border-radius:1.4cqw;margin-top:1.3cqw;padding:1.5cqw}
.dw-hint .dw-commands{margin-top:1.5cqw}
.dw-hint .dw-commands .st-tile>h3{display:flex;align-items:center;justify-content:center;gap:2cqw;font-size:5cqw}
.dw-hint .dw-commands .dw-command-ru{font-size:3.5cqw}
.dw-hint .dw-commands .st-en{font-size:2.8cqw}
.dw-hint .dw-commands .st-translation{font-size:2.5cqw;min-height:7cqw}
.dw-hint .dw-commands .dw-art{height:22cqw;margin-top:1cqw}
.dw-hint .dw-imperative{margin-top:1.5cqw}
.dw-hint .dw-imperative .st-tile>h3{font-size:4cqw}
.dw-hint .dw-imperative .st-tile>p{font-size:2.7cqw}
.dw-hint .dw-imperative .st-en{font-size:3.5cqw;min-height:5.2cqw}
.dw-hint .dw-imperative .dw-art{height:37cqw;margin-top:1cqw}

/* G3-18–20: retain the mockups' tables and two-column picture dictionaries. */
.ev-hint .ev-art{display:block;width:100%;height:auto;overflow:hidden;border-radius:1.2cqw}
.ev-hint .ev-word-line{display:flex;align-items:center;justify-content:space-between;gap:.6cqw;font-size:3cqw;line-height:1.3}
.ev-hint .ev-word-line>b{font-weight:800;min-width:0}
.ev-hint .grammar-sound{width:4.3cqw;height:4.3cqw;min-width:4.3cqw;min-height:4.3cqw;flex-basis:4.3cqw;padding:.9cqw}
.ev-hint .ev-example>p{font-size:2.35cqw;line-height:1.25;margin:.4cqw 0 0;color:#526c8e}
.ev-hint .ev-example .ev-word-line>b{font-weight:500}
.ev-hint .ev-table{margin-top:1.7cqw;display:grid;gap:.7cqw}
.ev-hint .ev-table-head,.ev-hint .ev-table-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.65fr) minmax(0,1.35fr);gap:.7cqw}
.ev-hint .ev-table-head>b{display:grid;place-items:center;background:#e2f3ff;border-radius:1.2cqw;padding:1.2cqw .6cqw;font-size:2.8cqw;text-align:center}
.ev-hint .ev-table-head>b:nth-child(2){background:#e4f8f0}
.ev-hint .ev-table-row>div{border-radius:1.2cqw;padding:.6cqw;background:#eff8ff;min-width:0}
.ev-hint .ev-table-row>.ev-meaning{background:#eefaf5;display:grid;place-items:center;font-size:2.65cqw;line-height:1.25;text-align:center}
.ev-hint .ev-object{display:grid;grid-template-columns:8.5cqw minmax(0,1fr);align-items:center;gap:.6cqw}
.ev-hint .ev-object>.ev-art{height:7.3cqw;mix-blend-mode:multiply}
.ev-hint .ev-object .ev-word-line{font-size:2.8cqw}
.ev-hint .ev-object .grammar-sound{width:3.8cqw;height:3.8cqw;min-width:3.8cqw;min-height:3.8cqw;flex-basis:3.8cqw}
.ev-hint .ev-table-row>.ev-use{background:#f4f9fd;display:flex;align-items:center;padding:.9cqw}
.ev-hint .ev-use .ev-word-line{font-size:2.7cqw;letter-spacing:-.02em}
.ev-hint .ev-use .ev-example{width:100%}
.ev-hint .ev-quantity{display:grid;grid-template-columns:minmax(0,1fr) 10cqw;gap:.5cqw;align-items:center}
.ev-hint .ev-quantity>.ev-art{height:8.3cqw;mix-blend-mode:multiply}
.ev-hint .ev-quantity .ev-word-line{font-size:2.8cqw}
.ev-hint .ev-quantity .ev-example>p{font-size:2.2cqw}
/* G3-18.02: larger two-column dictionary from the revised family mockup. */
.ev-hint[data-rule="G3-18.02"] .grammar-intro{font-size:3.6cqw;line-height:1.3;padding:2cqw 1cqw}
.ev-hint .ev-family{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2cqw;margin-top:1.2cqw}
.ev-hint .ev-family-word{padding:1.6cqw 2.7cqw;position:relative;border-radius:2cqw;min-width:0;text-align:left}
.ev-hint .ev-family-word .ev-word-line{padding-right:7.5cqw;font-size:4.7cqw;line-height:1.2;letter-spacing:-.035em;gap:1cqw}
.ev-hint[data-rule="G3-18.02"] .grammar-sound{width:6.5cqw;height:6.5cqw;min-width:6.5cqw;min-height:6.5cqw;flex:0 0 6.5cqw;padding:1.4cqw}
.ev-hint .ev-family-word .grammar-sound{position:absolute;top:2cqw;right:2.7cqw}
.ev-hint .ev-family-word>p{font-size:3.8cqw;line-height:1.2;margin:.3cqw 0 0;color:#294768}
.ev-hint .ev-family-long>p{font-size:3.35cqw;line-height:1.2}
.ev-hint .ev-family-phrase,.ev-hint .ev-age{display:grid;gap:.7cqw 3cqw;align-items:center;padding:1.8cqw 2.7cqw;border-radius:2cqw;margin-top:1.2cqw}
.ev-hint .ev-family-phrase{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:#eaf6ff}
.ev-hint .ev-family-phrase>h3{grid-column:1;font-size:3.2cqw;line-height:1.3;margin:0}
.ev-hint .ev-family-phrase>p{grid-column:2;grid-row:1 / span 2;font-size:3.2cqw;line-height:1.35;margin:0;border-left:1px solid #acd7ef;padding-left:3cqw}
.ev-hint .ev-family-model{grid-column:1}
.ev-hint .ev-family-model .ev-word-line{font-size:6.2cqw;line-height:1.2;letter-spacing:-.04em}
.ev-hint .ev-family-model>p{font-size:3.8cqw;line-height:1.25;color:#526c8e;margin:.5cqw 0 0}
.ev-hint .ev-age{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);background:#eefaf4;gap:3cqw}
.ev-hint .ev-age-words{border-right:1px solid #cadfd5;padding-right:2.3cqw}
.ev-hint .ev-age-words .ev-word-line{font-size:3.9cqw;line-height:1.2;letter-spacing:-.03em}
.ev-hint[data-rule="G3-18.02"] .ev-age-words .grammar-sound{width:5cqw;height:5cqw;min-width:5cqw;min-height:5cqw;flex-basis:5cqw;padding:1cqw}
.ev-hint .ev-age-words>p{font-size:3cqw;line-height:1.2;margin:0 0 1.8cqw;color:#526c8e}
.ev-hint .ev-age-words>p:last-child{margin-bottom:0}
.ev-hint .ev-age .ev-example+.ev-example{margin-top:2cqw}
.ev-hint .ev-age .ev-example{position:relative;padding-right:7.5cqw}
.ev-hint .ev-age-examples .grammar-sound{position:absolute;right:0;top:1cqw}
.ev-hint .ev-age .ev-example .ev-word-line{font-size:3.2cqw;line-height:1.3;letter-spacing:-.025em}
.ev-hint .ev-age .ev-example .ev-word-line>b{font-weight:800}
.ev-hint .ev-age .ev-example>p{font-size:3cqw;line-height:1.25;margin:.3cqw 0 0}
.ev-hint .ev-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3cqw;margin-top:1.5cqw}
.ev-hint .ev-group{border-radius:1.8cqw;padding:1.1cqw;display:flex;flex-direction:column;gap:.65cqw}
.ev-hint .ev-group>h3{font-size:3.5cqw;margin:.2cqw 0 0;text-align:center}
.ev-hint .ev-group-label{font-size:2.5cqw;margin:0 0 .4cqw;text-align:center;color:#526c8e}
.ev-hint .ev-group-row{display:grid;grid-template-columns:11cqw minmax(0,1fr);gap:1cqw;align-items:center;background:#ffffffc9;border-radius:1.2cqw;padding:.5cqw;flex:1}
.ev-hint .ev-group-row>.ev-art{height:7.4cqw;mix-blend-mode:multiply}
.ev-hint .ev-group:nth-child(2) .ev-group-row>.ev-art{height:10.2cqw}
.ev-hint .ev-group-row p{font-size:2.6cqw;line-height:1.3;margin:.2cqw 0;color:#426487}
.ev-hint .ev-describe{display:grid;grid-template-columns:minmax(0,.75fr) repeat(2,minmax(0,1.2fr));gap:1cqw;align-items:center;padding:1.4cqw;border-radius:1.6cqw;background:#eaf6ff;margin-top:1.5cqw}
.ev-hint .ev-describe>h3{font-size:2.5cqw;line-height:1.4;margin:0}
.ev-hint .ev-describe>div{display:grid;grid-template-columns:8cqw minmax(0,1fr);gap:.7cqw;align-items:center}
.ev-hint .ev-describe .ev-word-line{font-size:2.5cqw}
.ev-hint .ev-describe .ev-art{height:10cqw;mix-blend-mode:multiply}
.ev-hint .ev-describe .ev-example>p{font-size:2.25cqw}
.ev-hint .ev-activities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15cqw;margin-top:1.6cqw}
.ev-hint .ev-activity{display:grid;grid-template-columns:18cqw minmax(0,1fr);gap:1.4cqw;align-items:center;border-radius:1.7cqw;padding:1cqw}
.ev-hint .ev-activity>.ev-art{height:15cqw}
.ev-hint .ev-activity .ev-word-line{font-size:3.1cqw;letter-spacing:-.03em}
.ev-hint .ev-activity p{font-size:2.85cqw;line-height:1.3;margin:.8cqw 0 0;color:#426487}
.ev-hint[data-rule="G3-20.02"] .ev-activity>.ev-art{height:19cqw}
.grammar-practice .task-picture>.ev-art{display:block;width:100%;height:auto;max-height:220px}
.grammar-practice .picture-options .ev-art{display:block;width:100%;height:120px}

/* Grade 4: two clear columns, original illustrations, readable examples. */
.g4-hint{--card-paper:#fff;--card-border:#d9e6ef;--card-surface:#fff}
.g4-hint .grammar-paper{padding:2.6cqw;background:#fff;border-color:#d9e6ef}
.g4-hint .g4-tense{text-align:center;font-size:2.85cqw;line-height:1.35;color:#4e6b88;margin:-1cqw 0 1.8cqw}
.g4-hint .g4-intro{background:#edf7fd;border-radius:2cqw;padding:1.7cqw;font-size:3.15cqw;line-height:1.45;text-align:center;margin-bottom:1.8cqw}
.g4-hint .g4-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.7cqw;margin-top:1.8cqw}
.g4-hint .g4-panel{padding:1.4cqw;border-radius:2.2cqw;min-width:0;background:#edf7ff;display:flex;flex-direction:column}
.g4-hint .g4-surface-pink{background:#fff1f6}.g4-hint .g4-surface-mint{background:#effaf7}
.g4-hint .g4-panel>h3{text-align:center;line-height:1.25;font-size:4.15cqw;margin:0 0 1.3cqw;padding:1cqw .6cqw;border-radius:1.6cqw;background:#d5ebfd}
.g4-hint .g4-surface-pink>h3{background:#fbdce9}.g4-hint .g4-surface-mint>h3{background:#d4f0e7}
.g4-hint .g4-panel>h3 small{font-size:3cqw;font-weight:600}
.g4-hint .g4-panel>p{font-size:3cqw;line-height:1.4;text-align:center;margin:0 0 1.4cqw}
.g4-hint .g4-art{display:block;width:100%;height:auto;overflow:hidden;border-radius:1.5cqw;flex:none}
.g4-hint .g4-panel>.g4-art{margin-top:auto}
.g4-hint .g4-phrase{padding:1.2cqw .9cqw;background:#ffffffed;border-radius:1.5cqw;margin-top:1.2cqw;min-width:0}
.g4-hint .g4-en{font-size:3.45cqw;font-weight:650;line-height:1.45;letter-spacing:-.02em}
.g4-hint .g4-translation{display:flex;align-items:center;justify-content:space-between;gap:.8cqw;margin-top:.55cqw;color:#536d8b;font-size:2.95cqw;line-height:1.35}
.g4-hint .g4-translation small{font-size:2.45cqw;white-space:nowrap}
.g4-hint .g4-person{text-align:center;font-size:3.45cqw;font-weight:750;margin:0 0 1.3cqw;line-height:1.3}
.g4-hint .g4-formula{text-align:center;font-size:3.2cqw;line-height:1.6;font-weight:650;margin:0 0 1.5cqw}
.g4-hint .grammar-sound{width:5.3cqw;height:5.3cqw;min-width:5.3cqw;min-height:5.3cqw;flex-basis:5.3cqw;padding:1.1cqw}
.g4-hint .grammar-paper mark{padding:.03em .22em;border-radius:.25em;color:#0b2344}
.g4-hint .grammar-paper .g4-blue{background:#cae9fc}.g4-hint .grammar-paper .g4-pink{background:#fbd1e2}.g4-hint .grammar-paper .g4-mint{background:#cdeee4}
.g4-hint .g4-points{margin:1.4cqw 0 0;padding:1.2cqw .8cqw 0 2.8cqw;border-top:1px solid #cbdfe9;font-size:2.8cqw;line-height:1.45}
.g4-hint .g4-points li+li{margin-top:1.3cqw}
.g4-hint[data-rule="G4-02.00"] .g4-panel>p{min-height:17cqw}
.g4-hint[data-rule="G4-02.01"] .g4-panel>h3,.g4-hint[data-rule="G4-02.02"] .g4-panel>h3,.g4-hint[data-rule="G4-02.03"] .g4-panel>h3{font-size:5.3cqw}
.g4-hint[data-rule="G4-02.01"] .g4-en{font-size:3.65cqw}
.g4-hint[data-rule="G4-01.02"] .grammar-paper>.g4-phrase{background:#edf7ff;margin-top:1.5cqw}
.g4-hint[data-rule="G4-01.02"] .grammar-paper>.g4-phrase .g4-en{font-size:3.3cqw}
.g4-hint .grammar-paper>.g4-tense{font-size:2.85cqw;line-height:1.35}
.g4-hint .g4-panel>.g4-art{margin-top:0}
.g4-hint[data-rule="G4-01.01"] .g4-en{font-size:3.2cqw}

/* Past actions: keep the supplied rows, tables and before/after comparisons. */
.pa-hint .pa-section{padding:1.7cqw;background:#edf7ff;border-radius:2cqw;margin-top:1.7cqw}
.pa-hint .pa-section>h3{font-size:3.9cqw;text-align:left;line-height:1.25;margin:0 0 1.6cqw}
.pa-hint .pa-formula{font-size:4.2cqw;line-height:1.55;font-weight:750;text-align:center;margin:1.2cqw 0}
.pa-hint .pa-four-pairs{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4cqw;text-align:center;font-size:3.6cqw;line-height:1.5;padding:1cqw}
.pa-hint .pa-phrase{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) auto;gap:1.4cqw;align-items:center;background:#fff;border-radius:1.5cqw;padding:1.7cqw;margin-top:1.1cqw;min-width:0}
.pa-hint .pa-en{font-size:3.3cqw;line-height:1.4;font-weight:600;letter-spacing:-.025em;min-width:0}
.pa-hint .pa-ru{font-size:2.95cqw;line-height:1.4;color:#5d7391;min-width:0}
.pa-hint .pa-step{padding:1.8cqw 2.2cqw;border-radius:2cqw;margin-top:1.6cqw}
.pa-hint .pa-blue{background:#edf7ff}.pa-hint .pa-pink{background:#fff0f6}.pa-hint .pa-mint{background:#ecfaf4}
.pa-hint .pa-step>h3{display:flex;align-items:center;gap:1.5cqw;font-size:3.9cqw;line-height:1.25;margin:0}
.pa-hint .pa-number{display:grid;place-items:center;width:5.5cqw;height:5.5cqw;background:#c9e8ff;border-radius:50%;flex:none}
.pa-hint .pa-pink .pa-number{background:#fbd1e2}.pa-hint .pa-mint .pa-number{background:#cdeee4}
.pa-hint .pa-step>p{font-size:3.1cqw;line-height:1.45;margin:1cqw 0}
.pa-hint .pa-step>.pa-detail{font-size:2.65cqw;margin:1cqw 0 0;color:#526786}
.pa-hint .pa-step .pa-formula{font-size:4.8cqw;background:#ffffffc9;border-radius:1.3cqw}
.pa-hint .pa-sound-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:2cqw;padding:1.8cqw;border-radius:2cqw;margin-top:1.5cqw;align-items:center}
.pa-hint .pa-sound-row h3{font-size:4.3cqw;line-height:1.25;margin:0 0 1cqw}
.pa-hint .pa-sound-row p{font-size:3cqw;line-height:1.4;margin:0}
.pa-hint .pa-word-audio{display:flex;align-items:center;justify-content:space-between;gap:.6cqw;font-size:3.5cqw;line-height:1.5;font-weight:650;flex-wrap:wrap}
.pa-hint .pa-sound-row .pa-phrase{grid-template-columns:minmax(0,1fr) auto;gap:.7cqw}
.pa-hint .pa-sound-row .pa-ru{grid-column:1}.pa-hint .pa-sound-row .grammar-sound{grid-column:2;grid-row:1 / 3}
.pa-hint .pa-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1cqw}
.pa-hint .pa-extra>div{background:#fff;border-radius:1.4cqw;padding:1.2cqw}
.pa-hint .pa-extra .pa-word-audio{font-size:2.7cqw}.pa-hint .pa-extra .pa-phrase{display:block;padding:0;margin-top:1cqw}
.pa-hint .pa-extra .pa-en{font-size:2.7cqw}.pa-hint .pa-extra .pa-ru{font-size:2.6cqw;margin:.8cqw 0}
.pa-hint .pa-table{background:#edf7ff;padding:1.5cqw;border-radius:2cqw;margin-top:1.7cqw}
.pa-hint .pa-table-head,.pa-hint .pa-table-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.85fr) minmax(0,1.75fr);gap:1cqw;align-items:stretch}
.pa-hint .pa-table-head{font-size:2.8cqw;line-height:1.35;text-align:center;margin-bottom:1.2cqw;align-items:center}
.pa-hint .pa-table-row{margin-top:1cqw}.pa-hint .pa-table-row>b{display:grid;place-items:center;font-size:5.6cqw;border-radius:1.5cqw}
.pa-hint .pa-base{background:#d9efff}.pa-hint .pa-past{background:#ffe0eb;color:#9b2359}
.pa-hint .pa-table-row .pa-phrase{grid-template-columns:minmax(0,1fr) auto;margin:0;padding:1.5cqw;gap:.8cqw}
.pa-hint .pa-table-row .pa-ru{grid-column:1}.pa-hint .pa-table-row .grammar-sound{grid-column:2;grid-row:1 / 3}
.pa-hint .grammar-paper .pa-people{text-align:center;font-size:3.3cqw;line-height:1.6;margin:1cqw 0}
.pa-hint .grammar-paper .pa-exception{text-align:center;font-size:2.8cqw;line-height:1.4;margin:1.7cqw 0 0;color:#526786}
.pa-hint .pa-transform{display:grid;grid-template-columns:minmax(0,1fr) 3cqw minmax(0,1.15fr) auto;gap:1.3cqw;align-items:center;background:#fff;padding:1.8cqw 1.2cqw;border-radius:1.5cqw;margin-top:1.2cqw}
.pa-hint .pa-transform .pa-ru{margin-top:.8cqw}.pa-hint .pa-arrow{font-size:4cqw;color:#748eac}
.pa-hint[data-rule="G4-03.02"] .pa-phrase{padding:1.1cqw}
.pa-hint[data-rule="G4-03.03"] .g4-intro{font-size:3cqw}

/* G4-06–08: plans, future and quantity; preserve the common proportional canvas. */
.fq-hint .fq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5cqw}
.fq-hint .fq-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fq-hint .fq-section{padding:1.6cqw;background:#edf7ff;border-radius:2cqw;margin-top:1.7cqw}
.fq-hint .fq-section>h3{font-size:3.9cqw;text-align:center;line-height:1.25;margin:0 0 1.5cqw}
.fq-hint .fq-formula{font-size:3.85cqw;line-height:1.7;font-weight:700;text-align:center;margin:1.2cqw 0 1.8cqw}
.fq-hint .fq-formula small{display:block;font-size:2.7cqw;font-weight:500;color:#536d8b;line-height:1.35;margin-top:.7cqw}
.fq-hint .fq-phrase{display:flex;align-items:center;gap:1.1cqw;padding:1.5cqw 1.3cqw;background:#fff;border-radius:1.5cqw;min-width:0}
.fq-hint .fq-phrase>div{flex:1;min-width:0}
.fq-hint .fq-en{font-size:3.2cqw;font-weight:600;line-height:1.45;letter-spacing:-.025em}
.fq-hint .fq-ru{font-size:2.85cqw;color:#5d7391;line-height:1.35;margin-top:.65cqw}
.fq-hint .fq-panel{padding:1.7cqw;border-radius:2cqw;background:#edf7ff;min-width:0}
.fq-hint .fq-pink{background:#fff0f6}.fq-hint .fq-mint{background:#edf9f3}
.fq-hint .fq-panel>h3{text-align:center;font-size:4.2cqw;line-height:1.3;margin:0 0 1cqw}
.fq-hint .fq-panel>p{text-align:center;font-size:2.9cqw;line-height:1.35;margin:0 0 1.5cqw;color:#536d8b}
.fq-hint .fq-panel>.fq-phrase{margin-top:1.25cqw}
.fq-hint .fq-panel>.fq-formula{font-size:3.15cqw}
.fq-hint .fq-art{display:block;width:100%;height:19cqw;overflow:hidden;margin:.6cqw auto;flex:none}
.fq-hint .fq-with-art{display:grid;grid-template-columns:minmax(0,1fr) 9cqw;grid-template-rows:9cqw auto;gap:.5cqw 1cqw}
.fq-hint .fq-with-art>div{grid-column:1;grid-row:1 / 3}
.fq-hint .fq-with-art .fq-art{grid-column:2;grid-row:1;width:9cqw;height:9cqw;margin:0}
.fq-hint .fq-with-art .grammar-sound{grid-column:2;grid-row:2;margin:0 auto;width:4.7cqw;height:4.7cqw;min-width:4.7cqw;min-height:4.7cqw}
.fq-hint .fq-grid-3 .fq-panel>.fq-art,.fq-hint .fq-panel>.fq-word-picture>.fq-art{height:15.5cqw}
.fq-hint .fq-compare{display:grid;grid-template-columns:minmax(0,1fr) 3cqw minmax(0,1fr) auto;gap:1.2cqw;align-items:center;background:#fff;border-radius:1.5cqw;padding:1.7cqw 1.2cqw;margin-top:1.2cqw}
.fq-hint .fq-compare .fq-en{font-size:3.05cqw}.fq-hint .fq-compare .fq-ru{font-size:2.8cqw}
.fq-hint .fq-arrow{font-size:4cqw;color:#748eac}
.fq-hint .fq-word-picture{text-align:center;min-width:0}
.fq-hint .fq-word-picture .fq-en{display:flex;align-items:center;justify-content:center;gap:1cqw}
.fq-hint .fq-word-picture .fq-ru{margin-top:.2cqw}
.fq-hint .grammar-paper .fq-usage{font-size:2.8cqw;line-height:1.45;text-align:center;margin:1.5cqw 0;color:#405976}
.fq-hint .fq-grid-3 .fq-panel>h3{font-size:4.7cqw}
.fq-hint .fq-grid-3 .fq-panel>p{font-size:2.65cqw;min-height:7.2cqw}
.fq-hint .fq-grid-3 .fq-phrase{display:block;padding:1.3cqw 1cqw;text-align:center}
.fq-hint .fq-grid-3 .fq-en{font-size:3.05cqw}.fq-hint .fq-grid-3 .fq-ru{font-size:2.75cqw}
.fq-hint .fq-grid-3 .grammar-sound{margin:.7cqw auto 0}
.fq-hint[data-rule="G4-06.01"] .fq-phrase,.fq-hint[data-rule="G4-06.03"] .fq-phrase{min-height:14cqw}
.fq-hint[data-rule="G4-07.02"] .fq-panel>.fq-phrase{min-height:13.7cqw}
.fq-hint[data-rule="G4-08.01"] .fq-panel>h3{font-size:3.4cqw}
.fq-hint[data-rule="G4-08.01"] .fq-panel>p{font-size:2.65cqw}
.fq-hint[data-rule="G4-08.03"] .g4-intro{font-size:3cqw}
/* G4-08.02: three equal illustrated groups, compact text-only examples. */
.fq-hint[data-rule="G4-08.02"] .g4-intro{font-size:3.8cqw;line-height:1.3;text-align:center;padding:1cqw;background:#fffaf6}
.fq-hint[data-rule="G4-08.02"] .fq-grid-3{gap:1.3cqw}
.fq-hint[data-rule="G4-08.02"] .fq-grid-3 .fq-panel{padding:1.5cqw .9cqw;display:flex;flex-direction:column}
.fq-hint[data-rule="G4-08.02"] .fq-grid-3 .fq-panel>h3{font-size:5.4cqw;font-weight:750}
.fq-hint[data-rule="G4-08.02"] .fq-grid-3 .fq-panel>p{font-size:3.1cqw;line-height:1.3;letter-spacing:-.025em;min-height:12.1cqw;color:#405976;overflow-wrap:normal}
.fq-hint[data-rule="G4-08.02"] .fq-grid-3 .fq-panel>.fq-art{height:20cqw;margin:0 auto .7cqw}
.fq-hint[data-rule="G4-08.02"] .fq-grid-3 .fq-phrase{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6cqw .7cqw;margin-top:auto;padding:1cqw .8cqw}
.fq-hint[data-rule="G4-08.02"] .fq-grid-3 .fq-phrase>div{display:contents}
.fq-hint[data-rule="G4-08.02"] .fq-grid-3 .fq-en{grid-column:1/-1}
.fq-hint[data-rule="G4-08.02"] .fq-grid-3 .fq-ru{grid-column:1;grid-row:2;margin:0}
.fq-hint[data-rule="G4-08.02"] .fq-grid-3 .grammar-sound{grid-column:2;grid-row:2;margin:0;width:4.8cqw;height:4.8cqw;min-width:4.8cqw;min-height:4.8cqw}
.fq-hint[data-rule="G4-08.02"] .fq-grid-3 .fq-en{font-size:3.4cqw}
.fq-hint[data-rule="G4-08.02"] .fq-grid-3 .fq-ru{font-size:3.05cqw}
.fq-hint[data-rule="G4-08.02"] .fq-section{background:#faf9f6}
.fq-hint[data-rule="G4-08.02"] .fq-section .fq-grid{gap:1cqw}
.fq-hint[data-rule="G4-08.02"] .fq-section .fq-phrase{padding:1cqw}
.fq-hint[data-rule="G4-08.02"] .fq-section .fq-en{font-size:3.6cqw;line-height:1.3}
.fq-hint[data-rule="G4-08.02"] .fq-section .fq-ru{font-size:3.15cqw;line-height:1.25}
.fq-hint[data-rule="G4-08.02"] .grammar-paper .fq-usage{font-size:3.5cqw;line-height:1.35;text-align:center;margin:1.7cqw 0 0;padding:1.3cqw 1cqw;background:#edf7ff;border-radius:2cqw}

/* G4-09–G4-11: original illustrated comparisons, modal verbs and questions. */
.cmq-hint .g4-intro{font-size:3.35cqw;line-height:1.35}
.cmq-hint .cmq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4cqw}
.cmq-hint .cmq-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cmq-hint .cmq-panel{min-width:0;padding:1.4cqw;border-radius:2cqw;background:#edf7ff}
.cmq-hint .cmq-pink{background:#fff1f6}.cmq-hint .cmq-mint{background:#edf9f5}.cmq-hint .cmq-blue{background:#edf7ff}
.cmq-hint .cmq-panel>h3{font-size:3.6cqw;line-height:1.3;text-align:center;margin:0 0 1.2cqw}
.cmq-hint .cmq-panel>h3 small{display:block;font-size:3cqw;font-weight:500;margin-top:.4cqw}
.cmq-hint .cmq-art{display:block;width:100%;height:auto;overflow:hidden;mix-blend-mode:multiply}
.cmq-hint .cmq-panel>.cmq-art{height:25cqw;margin:.8cqw auto}
.cmq-hint .cmq-phrase{display:flex;align-items:center;gap:1cqw;padding:1.1cqw;background:#ffffffed;border-radius:1.4cqw;min-width:0;margin-top:1cqw}
.cmq-hint .cmq-phrase>div{flex:1;min-width:0}
.cmq-hint .cmq-en{font-size:3.55cqw;line-height:1.3;font-weight:650;letter-spacing:-.025em}
.cmq-hint .cmq-ru{font-size:3.05cqw;line-height:1.3;margin-top:.5cqw;color:#4d6781}
.cmq-hint .cmq-phrase>.grammar-sound{align-self:flex-end}
.cmq-hint .cmq-formula{font-size:3.9cqw;line-height:1.4;text-align:center;padding:1.6cqw 1cqw;background:#edf7ff;border-radius:1.8cqw;margin:1.4cqw 0}
.cmq-hint .cmq-formula small{display:block;font-size:3.05cqw;line-height:1.35;margin-top:.8cqw;color:#4d6781}
.cmq-hint .cmq-section{margin-top:1.7cqw;padding:1.3cqw;border-radius:2cqw;background:#f6f8fa}
.cmq-hint .cmq-section>h3{font-size:3.9cqw;line-height:1.3;margin:0 0 1cqw;text-align:center}
.cmq-hint .cmq-note{font-size:3.25cqw;line-height:1.4;padding:1.5cqw;background:#edf7ff;border-radius:1.8cqw;margin:1.6cqw 0 0;text-align:center}
.cmq-hint .cmq-note>span{font-size:3cqw;color:#4d6781}
.cmq-hint .cmq-labels{display:flex;justify-content:space-around;text-align:center;font-size:3cqw;line-height:1.3}
.cmq-hint .cmq-change{display:grid;grid-template-columns:1fr auto 1.4fr auto;align-items:center;gap:.8cqw;font-size:3.4cqw;padding:1.2cqw .5cqw;border-bottom:1px solid #ddd9e5}
.cmq-hint .cmq-change:last-child{border:0}
.cmq-hint .cmq-with-art>.cmq-art{width:24cqw;height:16cqw;flex:none}
.cmq-hint[data-rule="G4-09.01"] .cmq-grid-3>.cmq-phrase{display:grid;grid-template-columns:1fr auto;align-items:start;margin:0;padding:1cqw}
.cmq-hint[data-rule="G4-09.01"] .cmq-grid-3 .cmq-art{width:100%;height:15cqw;grid-column:1/-1}
.cmq-hint[data-rule="G4-09.01"] .cmq-grid-3 .cmq-phrase>div{grid-column:1/-1}
.cmq-hint[data-rule="G4-09.01"] .cmq-grid-3 .grammar-sound{grid-column:2}
.cmq-hint[data-rule="G4-09.01"] .cmq-grid-3 .cmq-en{font-size:3.25cqw}
.cmq-hint[data-rule="G4-09.01"] .cmq-grid-3 .cmq-ru{font-size:3cqw}
.cmq-hint[data-rule="G4-09.02"] .cmq-with-art>.cmq-art{width:31cqw;height:14cqw;order:1}
.cmq-hint[data-rule="G4-09.03"] .grammar-paper>.cmq-panel{margin-top:1.3cqw}
.cmq-hint[data-rule="G4-09.03"] .cmq-panel>h3{font-size:3.45cqw;text-align:left}
.cmq-hint .cmq-degree-row{display:grid;grid-template-columns:1fr 1.3fr 1.5fr auto;gap:.9cqw;align-items:center;padding:1cqw 0;border-top:1px solid #d5e3ee}
.cmq-hint .cmq-degree-row b{display:block;font-size:3.4cqw;line-height:1.25}
.cmq-hint .cmq-degree-row small{display:block;font-size:3cqw;line-height:1.25;margin-top:.4cqw;color:#4d6781}
.cmq-hint .cmq-caption{font-size:3cqw;line-height:1.35;margin:.6cqw 0 0;text-align:center}
.cmq-hint .cmq-permission-scene{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5cqw;align-items:center;border-radius:2cqw;background:#edf7ff;padding:1.4cqw}
.cmq-hint[data-rule="G4-10.03"] .cmq-with-art{display:grid;grid-template-columns:11cqw 1fr;gap:.8cqw}
.cmq-hint[data-rule="G4-10.03"] .cmq-with-art>.cmq-art{width:11cqw;height:18cqw;grid-row:1/3}
.cmq-hint[data-rule="G4-10.03"] .cmq-with-art>.grammar-sound{grid-column:2;justify-self:end}
.cmq-hint[data-rule="G4-11.01"] .cmq-panel>h3{font-size:4.8cqw}
.cmq-hint[data-rule="G4-11.01"] .cmq-panel>.cmq-art{height:23cqw}
.cmq-hint[data-rule="G4-11.01"] .cmq-phrase{display:grid;grid-template-columns:1fr auto;min-height:23cqw;align-content:start}
.cmq-hint[data-rule="G4-11.01"] .cmq-phrase>div{grid-column:1/-1}
.cmq-hint[data-rule="G4-11.01"] .cmq-en{font-size:3.3cqw}
.cmq-hint[data-rule="G4-11.01"] .cmq-ru{font-size:3cqw}
.cmq-hint[data-rule="G4-11.01"] .cmq-phrase>.grammar-sound{grid-column:2}
.cmq-hint .cmq-question-row{display:grid;grid-template-columns:29cqw 1fr;gap:1.5cqw;border-radius:2cqw;background:#edf7ff;padding:1.4cqw;margin-top:1.5cqw}
.cmq-hint .cmq-question-row:nth-of-type(2){background:#fff1f6}
.cmq-hint .cmq-question-picture h3{text-align:center;font-size:4.6cqw;line-height:1.2;margin:0 0 1cqw}
.cmq-hint .cmq-question-picture small{font-size:3.1cqw;display:block;margin-top:.5cqw}
.cmq-hint .cmq-question-picture .cmq-art{height:22cqw}
.cmq-hint .cmq-question-change .cmq-phrase{margin:0}
.cmq-hint .cmq-arrow{display:block;text-align:center;font-size:4cqw;line-height:1.1;color:#6591ba}
.cmq-hint .cmq-sentence-parts{display:grid;grid-template-columns:.7fr 1fr 1.3fr 1.3fr;gap:.8cqw}
.cmq-hint .cmq-sentence-parts>div{text-align:center;padding:1.4cqw .5cqw;border-radius:1.3cqw}
.cmq-hint .cmq-sentence-parts small{display:block;font-size:3cqw;margin-bottom:1cqw}
.cmq-hint .cmq-sentence-parts b{font-size:3.4cqw}
.cmq-hint .cmq-steps{padding:0;margin:0;list-style:none;counter-reset:cmq-step}
.cmq-hint .cmq-steps>li{display:grid;grid-template-columns:5cqw 24cqw 1fr;align-items:center;gap:1cqw;margin:1cqw 0;counter-increment:cmq-step}
.cmq-hint .cmq-steps>li::before{content:counter(cmq-step);font-size:3.5cqw;font-weight:750;text-align:center;color:#4974a1}
.cmq-hint .cmq-steps>li>span{font-size:3.2cqw;line-height:1.3}
.cmq-hint .cmq-steps .cmq-phrase{margin:0}

.cmq-hint[data-rule="G4-09.01"] .grammar-paper>.cmq-grid{grid-template-columns:1.65fr 1fr}
.cmq-hint[data-rule="G4-09.01"] .cmq-panel>.cmq-art{height:27cqw}
.cmq-hint[data-rule="G4-09.01"] .cmq-change{grid-template-columns:1fr auto 1.3fr auto;font-size:3.05cqw;gap:.4cqw}

/* G4-12–G4-14: link ideas, follow a text and listen for meaning. */
.lrc-hint .g4-intro{font-size:3.5cqw;line-height:1.4}
.lrc-hint .lrc-panel{padding:2.2cqw;border-radius:2.2cqw;background:#edf7ff;margin-top:1.7cqw;min-width:0}
.lrc-hint .lrc-blue{background:#edf7ff}.lrc-hint .lrc-pink{background:#fff0f6}.lrc-hint .lrc-mint{background:#edf9f4}
.lrc-hint .lrc-panel>h3{font-size:4.1cqw;line-height:1.3;text-align:center;margin:0 0 1.5cqw}
.lrc-hint .lrc-panel>h3 small{display:block;font-size:3.45cqw;line-height:1.3;font-weight:500;margin-top:.6cqw}
.lrc-hint .lrc-panel>p{font-size:3.45cqw;line-height:1.4;margin:1.2cqw 0}
.lrc-hint .lrc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5cqw}
.lrc-hint .lrc-phrase{display:flex;gap:1.2cqw;align-items:center;padding:1.6cqw;background:#fff;border-radius:1.5cqw;min-width:0;margin-top:1cqw}
.lrc-hint .lrc-phrase>div{flex:1;min-width:0}
.lrc-hint .lrc-en{font-size:3.8cqw;font-weight:650;line-height:1.4;letter-spacing:-.02em}
.lrc-hint .lrc-ru{font-size:3.2cqw;line-height:1.35;color:#526c87;margin-top:.7cqw}
.lrc-hint .lrc-phrase .grammar-sound{align-self:flex-end}
.lrc-hint .lrc-art{display:block;width:100%;height:auto;overflow:hidden;mix-blend-mode:multiply}
.lrc-hint .lrc-timeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.9cqw;align-items:center;text-align:center;margin:2.5cqw 0}
.lrc-hint .lrc-timeline>span{background:#e7f3ff;padding:1.5cqw .5cqw;border-radius:1.5cqw;font-size:3.6cqw}
.lrc-hint .lrc-timeline>span:nth-of-type(2){background:#ffedf5}.lrc-hint .lrc-timeline>span:nth-of-type(3){background:#e3f5ed}
.lrc-hint .lrc-timeline small{display:block;font-size:3cqw;margin-top:.5cqw}.lrc-hint .lrc-timeline i{font-size:4cqw;font-style:normal;color:#7894ac}
.lrc-hint .lrc-event{display:grid;grid-template-columns:19cqw 24cqw 1fr;gap:1cqw;align-items:center;border-radius:2.2cqw;padding:2cqw 1.5cqw;margin-top:2cqw;min-height:26cqw}
.lrc-hint .lrc-event h3{text-align:center;line-height:1.3;font-size:3.6cqw;margin:0}.lrc-hint .lrc-event h3 small{display:block;font-size:3cqw;font-weight:500;margin-top:.6cqw}
.lrc-hint .lrc-number{display:inline-flex;align-items:center;justify-content:center;width:5.5cqw;height:5.5cqw;border-radius:50%;background:#fff;color:#4a789e;font-size:3.8cqw;margin-right:.7cqw;flex:none;font-weight:750}
.lrc-hint .lrc-event .lrc-number{display:flex;margin:0 auto 1cqw}
.lrc-hint .lrc-event .lrc-phrase{display:grid;grid-template-columns:1fr auto;padding:1.2cqw}.lrc-hint .lrc-event .lrc-phrase>div{grid-column:1/-1}.lrc-hint .lrc-event .grammar-sound{grid-column:2}
.lrc-hint .lrc-event .lrc-en{font-size:3.6cqw}.lrc-hint .lrc-event .lrc-ru{font-size:3.1cqw}
.lrc-hint .lrc-story{display:grid;grid-template-columns:minmax(0,1fr) 26cqw;align-items:center;gap:1.3cqw}.lrc-hint .lrc-story p{font-size:3.65cqw;line-height:1.65;margin:0;font-weight:550}
.lrc-hint .lrc-story-sound{display:flex;justify-content:flex-end;margin-top:1cqw}
.lrc-hint .lrc-panel>.lrc-claim{font-size:3.8cqw;line-height:1.4}
.lrc-hint .lrc-grid .lrc-phrase{display:grid;grid-template-columns:1fr auto}.lrc-hint .lrc-grid .lrc-phrase>div{grid-column:1/-1}.lrc-hint .lrc-grid .grammar-sound{grid-column:2}
.lrc-hint .lrc-section-title{font-size:4.2cqw;text-align:center;line-height:1.3;margin:3cqw 0 1.6cqw}
.lrc-hint .lrc-time-step{display:flex;align-items:center;gap:1.4cqw;padding:2.5cqw;border-radius:2cqw;margin-top:1.8cqw;font-size:3.85cqw;line-height:1.45}.lrc-hint .lrc-time-step p{font-size:3.35cqw;margin:.6cqw 0 0}
.lrc-hint .lrc-result{margin-top:2.5cqw;padding:2.5cqw;background:#edf7ff;border-radius:2cqw;text-align:center;line-height:1.6;font-size:3.5cqw}.lrc-hint .lrc-result b{display:block;font-size:4.2cqw}
.lrc-hint .lrc-listen-prompt{display:flex;align-items:center;justify-content:center;gap:2cqw;padding:1.2cqw;font-size:5cqw}.lrc-hint .lrc-listen-prompt .grammar-sound{width:8cqw;height:8cqw;padding:1.5cqw}
.lrc-hint .lrc-caption{text-align:center;color:#526c87}.lrc-hint .lrc-detail-questions{display:flex;justify-content:center;gap:2cqw;font-size:3.9cqw;font-weight:700;margin:1.5cqw}.lrc-hint .lrc-detail-questions span{border-radius:1.5cqw;background:#d3ece4;padding:.8cqw 2cqw}
.lrc-hint .lrc-translation{font-size:3.3cqw;line-height:1.45;padding:2cqw;margin-top:1.7cqw;background:#f1f5fa;border-radius:2cqw}.lrc-hint .lrc-translation p{margin:.6cqw 0 0}
.lrc-hint .lrc-panel>.lrc-question{font-size:3.8cqw;text-align:center;margin:2cqw 0 .3cqw}
.lrc-hint .lrc-answer{font-size:3.9cqw;line-height:1.5;text-align:center;font-weight:650;margin:1.5cqw 0}.lrc-hint .lrc-answer span{font-size:3.3cqw;font-weight:500}
.lrc-hint[data-rule="G4-12.01"] .lrc-panel{padding:3.2cqw;margin-top:2.5cqw}.lrc-hint[data-rule="G4-12.01"] .lrc-panel h3{font-size:5.8cqw}
.lrc-hint[data-rule="G4-14.02"] .lrc-grid .lrc-art{height:26cqw;margin-top:auto}.lrc-hint[data-rule="G4-14.02"] .lrc-grid .lrc-panel{display:flex;flex-direction:column}.lrc-hint[data-rule="G4-14.02"] .lrc-grid h3{font-size:3.7cqw}
.lrc-hint .lrc-translation p{font-size:3.3cqw;line-height:1.45}
.lrc-hint .lrc-listen-prompt .grammar-sound{flex-basis:8cqw;min-width:8cqw;min-height:8cqw}

/* Restore the semantic colours and evidence-panel hierarchy from the mockups. */
.lrc-hint[data-rule="G4-12.01"] .grammar-paper>h2{display:flex;justify-content:center;gap:1.4cqw;align-items:center;font-size:6.6cqw;line-height:1.25}
.lrc-hint .lrc-title-link{display:inline-block;padding:.7cqw 1.4cqw;border-radius:1.8cqw;white-space:nowrap}
.lrc-hint[data-rule="G4-12.01"] .g4-blue{background:#cfeaff}.lrc-hint[data-rule="G4-12.01"] .g4-pink{background:#ffd8e8}.lrc-hint[data-rule="G4-12.01"] .g4-mint{background:#def5d7}
.lrc-hint[data-rule="G4-12.01"] .lrc-connector{padding:2cqw;margin-top:2cqw}
.lrc-hint .lrc-connector-head{display:grid;grid-template-columns:28cqw 1fr;gap:2.4cqw;align-items:center;margin-bottom:1.5cqw}
.lrc-hint .lrc-connector-word{padding:1cqw;border-radius:1.9cqw;text-align:center;line-height:1.25}
.lrc-hint .lrc-connector-word b{display:block;font-size:5.6cqw}.lrc-hint .lrc-connector-word span{display:block;font-size:3.5cqw;margin-top:.3cqw}
.lrc-hint .lrc-connector-head p{font-size:3.9cqw;line-height:1.3;margin:0}
.lrc-hint[data-rule="G4-12.01"] .lrc-phrase{padding:1.8cqw}.lrc-hint[data-rule="G4-12.01"] .lrc-en{font-size:4cqw}.lrc-hint[data-rule="G4-12.01"] .lrc-ru{font-size:3.5cqw}
.lrc-hint .lrc-evidence-story{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 26cqw;gap:1.8cqw;align-items:center;padding:3cqw 2.8cqw 7cqw;border:.3cqw solid #edf1f6;border-radius:2.8cqw;margin-top:2cqw;background:white}
.lrc-hint .lrc-evidence-story h3{font-size:4.7cqw;text-align:left;margin:0 0 2cqw;line-height:1.2}.lrc-hint .lrc-evidence-story p{font-size:3.6cqw;line-height:1.65;margin:0;font-weight:500;letter-spacing:-.025em}
.lrc-hint .lrc-evidence-audio{position:absolute;right:2.6cqw;bottom:1.2cqw}
.lrc-hint .lrc-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8cqw;margin-top:2cqw}
.lrc-hint .lrc-evidence-panel{display:flex;flex-direction:column;padding:2.6cqw 2.2cqw;border-radius:2.8cqw;min-width:0}
.lrc-hint .lrc-evidence-no{background:linear-gradient(120deg,#fff0f2,#fcecef)}.lrc-hint .lrc-evidence-yes{background:linear-gradient(120deg,#f0f9e9,#eef8e9)}
.lrc-hint .lrc-evidence-claim{display:grid;grid-template-columns:9cqw 1fr;gap:1.5cqw;align-items:center;margin-bottom:2.5cqw}
.lrc-hint .lrc-verdict{display:flex;align-items:center;justify-content:center;width:9cqw;height:9cqw;border-radius:50%;color:#fff;font-size:8cqw;font-weight:800;line-height:1;box-shadow:inset 0 0 0 .2cqw #ffffff60}
.lrc-hint .lrc-verdict-no{background:linear-gradient(140deg,#ff8495,#f25166)}.lrc-hint .lrc-verdict-yes{background:linear-gradient(140deg,#7fbf82,#54a964);font-size:7cqw}
.lrc-hint .lrc-evidence-claim p{font-size:3.65cqw;line-height:1.4;margin:0;letter-spacing:-.03em;color:#17233a}
.lrc-hint .lrc-evidence-reason{flex:1;background:#ffffffc9;border-radius:2.6cqw;padding:2.4cqw;min-width:0}
.lrc-hint .lrc-evidence-reason>p{font-size:3.55cqw;line-height:1.45;margin:0;color:#4a5870}
.lrc-hint .lrc-evidence-reason .lrc-phrase{display:block;background:none;padding:0;margin-top:1.5cqw}.lrc-hint .lrc-evidence-reason .lrc-en{font-size:3.7cqw;font-weight:500;line-height:1.4}.lrc-hint .lrc-evidence-reason mark{font-weight:750;background:#d9f1c7}.lrc-hint .lrc-evidence-reason .grammar-sound{display:flex;margin:1cqw 0 0 auto}

/* G4-15–G4-17: keep the illustrated steps, conversations and vocabulary grids. */
.swp-hint .g4-intro{font-size:3.5cqw;line-height:1.4}
.swp-hint .swp-art{display:block;width:100%;height:auto;overflow:hidden;mix-blend-mode:multiply}
.swp-hint .swp-blue{background:#d6efff}.swp-hint .swp-pink{background:#ffdfeb}.swp-hint .swp-mint{background:#def3df}.swp-hint .swp-gold{background:#fff0c6}
.swp-hint .swp-surface-blue{background:#f0f8ff}.swp-hint .swp-surface-pink{background:#fff5f7}.swp-hint .swp-surface-mint{background:#f1faf1}.swp-hint .swp-surface-gold{background:#fffaf0}
.swp-hint .swp-number{display:flex;align-items:center;justify-content:center;width:7cqw;height:7cqw;flex:none;border-radius:50%;background:linear-gradient(135deg,#72caff,#239aff);color:#fff;font-size:5cqw;line-height:1;font-weight:800}
.swp-hint .swp-number-pink{background:linear-gradient(135deg,#ff9db5,#f9708e)}.swp-hint .swp-number-mint{background:linear-gradient(135deg,#90dca1,#5db97a)}.swp-hint .swp-number-gold{background:linear-gradient(135deg,#ffd97f,#f4bd35)}
.swp-hint .swp-phrase{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.7cqw;row-gap:.5cqw;background:#ffffffdc;border-radius:1.6cqw;padding:1.2cqw;min-width:0;margin-top:1cqw}
.swp-hint .swp-en{font-size:3.6cqw;line-height:1.4;font-weight:600;min-width:0;letter-spacing:-.025em}.swp-hint .swp-ru{font-size:3.15cqw;line-height:1.4;color:#5b7592;margin:0;grid-column:1/-1}
.swp-hint .swp-example{padding:2cqw;border-radius:2.7cqw;background:#edf8ff;margin-top:2cqw}.swp-hint .swp-example>h3{display:inline-block;font-size:4.8cqw;line-height:1.3;background:#d8edff;border-radius:1.4cqw;padding:.5cqw 1.6cqw;margin:0 0 1.5cqw}
.swp-hint .swp-story-plan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1cqw}
.swp-hint .swp-plan-column{border-radius:2cqw;padding:1.3cqw .9cqw;display:flex;flex-direction:column;min-width:0}
.swp-hint .swp-plan-column h3{font-size:3.35cqw;line-height:1.2;text-align:center;margin:0;min-height:14cqw}.swp-hint .swp-plan-column h3 .swp-number{margin:0 auto 1cqw}
.swp-hint .swp-plan-column>p{font-size:3.2cqw;line-height:1.35;text-align:center;margin:1cqw 0;min-height:13cqw}
.swp-hint .swp-plan-column>.swp-art{height:23cqw;margin:auto 0 1cqw}.swp-hint .swp-plan-column .swp-phrase{display:flex;flex-direction:column;align-items:stretch;flex:1;text-align:center}.swp-hint .swp-plan-column .grammar-sound{align-self:center;margin-top:auto}.swp-hint .swp-plan-column .swp-en{font-size:3.4cqw}.swp-hint .swp-plan-column .swp-ru{font-size:3cqw}
.swp-hint .swp-coloured-story{display:grid;grid-template-columns:.82fr 1.3fr 1.25fr 1fr;gap:1cqw;background:#fff;border-radius:2cqw;padding:1.6cqw 1cqw;text-align:center;font-size:3.25cqw;line-height:1.45;font-weight:650}
.swp-hint .swp-coloured-story mark{display:block;padding:.5cqw;min-height:9.5cqw}.swp-hint .swp-coloured-story small{font-size:2.9cqw;line-height:1.3;display:block;font-weight:500}.swp-hint .swp-down{display:block;font-size:4.3cqw;color:#7097bd}
.swp-hint .swp-full-story-sound{display:flex;justify-content:center;margin:1.2cqw 0}.swp-hint .swp-example-translation{font-size:3.25cqw;line-height:1.4;text-align:center;color:#5b7592;margin:1.3cqw 0 0}
.swp-hint .swp-two-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5cqw}.swp-hint .swp-step{border-radius:2.7cqw;padding:1.7cqw;min-width:0}
.swp-hint .swp-step>h3{display:flex;align-items:center;gap:1cqw;font-size:3.7cqw;line-height:1.15;margin:0 0 1.5cqw;text-align:center}.swp-hint .swp-step>h3>span:last-child{flex:1}.swp-hint .swp-step>p{font-size:3.25cqw;line-height:1.4;margin:1.4cqw 0}
.swp-hint .swp-two-steps .swp-step>p{text-align:center}.swp-hint .swp-conversation-scene{display:grid;grid-template-columns:.86fr 1.14fr;align-items:end;gap:.6cqw;margin-top:2cqw}.swp-hint .swp-conversation-scene.swp-reversed{grid-template-columns:1.14fr .86fr}
.swp-hint .swp-dialogue-line{align-self:start;min-width:0}.swp-hint .swp-dialogue-line>p{font-size:3cqw;line-height:1.35;text-align:center;color:#5b7592;margin:1.3cqw 0}
.swp-hint .swp-bubble{position:relative;border:.3cqw solid #9cd5ff;border-radius:3.5cqw;background:#fff;padding:1.6cqw 1cqw;font-size:3.4cqw;line-height:1.35;text-align:center}.swp-hint .swp-bubble-mint{border-color:#8ccb99;background:#fafffa}.swp-hint .swp-bubble .grammar-sound{display:flex;margin:1cqw auto 0}.swp-hint .swp-bubble b{font-weight:650}
.swp-hint .swp-dialogue-example{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;background:#ffffffab;border-radius:2cqw;padding:2cqw}.swp-hint .swp-dialogue-example>div>.swp-art{height:18cqw}.swp-hint .swp-dialogue-example .swp-bubble{min-height:17cqw;display:flex;flex-direction:column;align-items:center;justify-content:center}
.swp-hint .swp-dialogue-listen{display:flex;align-items:center;justify-content:center;gap:1.5cqw;font-size:3.3cqw;margin:2cqw 0 0}
.swp-hint .swp-writing-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2cqw}.swp-hint .swp-writing-plan .swp-step>h3{min-height:10cqw;font-size:3.4cqw}.swp-hint .swp-writing-plan .swp-step>p{font-size:3.1cqw;min-height:19cqw}.swp-hint .swp-writing-plan .swp-number{width:6cqw;height:6cqw;font-size:4.5cqw}
.swp-hint .swp-notepad{background:#fff;border:.25cqw solid #ecd7c2;border-radius:1cqw;padding:2cqw 1.3cqw;box-shadow:.4cqw .5cqw #e8e0d7;transform:rotate(-3deg);font-size:3.2cqw;line-height:1.55;margin:1.5cqw 0}.swp-hint .swp-notepad ul{padding-left:3.5cqw;margin:1cqw 0 0}.swp-hint .swp-writing-plan .swp-step>.swp-art{height:17cqw;margin-top:1.5cqw}
.swp-hint .swp-writing-plan .swp-phrase{display:block;padding:1.2cqw .5cqw}.swp-hint .swp-writing-plan .swp-en{font-size:3.45cqw;line-height:1.3}.swp-hint .swp-writing-plan .grammar-sound{display:flex;margin:.7cqw 0 0 auto}
.swp-hint .swp-checkboard{border:.8cqw solid #d6a56b;border-radius:1.6cqw;padding:2cqw 1.2cqw;background:repeating-linear-gradient(#fff 0 7.8cqw,#edf0f4 7.8cqw 8cqw);box-shadow:.4cqw .5cqw #c49763;transform:rotate(-2deg);margin-top:3cqw}.swp-hint .swp-checkboard>div{display:flex;align-items:center;gap:1cqw;font-size:3.2cqw;line-height:1.3;min-height:8cqw}
.swp-hint .swp-verdict{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:white;width:4.6cqw;height:4.6cqw;flex:none;font-size:3.9cqw;font-weight:750;line-height:1}.swp-hint .swp-yes{background:#60be85}.swp-hint .swp-no{background:#f5748b}
.swp-hint .swp-pet-example{display:grid;grid-template-columns:35cqw 1fr;gap:2cqw;align-items:center}.swp-hint .swp-pet-example .swp-en{font-size:4.3cqw}.swp-hint .swp-pet-example .swp-ru{font-size:3.5cqw}
.swp-hint .swp-review-row{display:grid;grid-template-columns:8cqw minmax(0,1fr) 38cqw;gap:1.7cqw;align-items:center;border:.25cqw solid #dceffe;border-radius:2cqw;padding:2cqw 1.8cqw;margin-top:1.2cqw;min-height:17cqw}.swp-hint .swp-review-row h3{font-size:3.8cqw;line-height:1.25;margin:0 0 1cqw}.swp-hint .swp-review-row p{font-size:3.2cqw;line-height:1.4;margin:0}.swp-hint .swp-review-questions{font-size:3.3cqw;line-height:1.4;background:#edf7ff;border-radius:1.8cqw;margin:0;padding:1cqw 1.5cqw 1cqw 5cqw}
.swp-hint .swp-corrections>div{display:flex;align-items:center;gap:1cqw;border-radius:1.5cqw;padding:1.5cqw 1cqw;font-size:3.15cqw;line-height:1.35;letter-spacing:-.04em}.swp-hint .swp-wrong{background:#fff0f4;margin-bottom:1cqw}.swp-hint .swp-right{background:#eaf8f0}
.swp-hint .swp-review-example{display:grid;grid-template-columns:22cqw minmax(0,1fr) 26cqw;gap:1.5cqw;align-items:stretch}.swp-hint .swp-writing-task{font-size:3.2cqw;line-height:1.4}.swp-hint .swp-writing-task>p{font-size:3.1cqw;line-height:1.4;margin:.5cqw 0 1.5cqw}.swp-hint .swp-writing-task .swp-art{margin-top:2cqw}
.swp-hint .swp-notebook{position:relative;background:repeating-linear-gradient(#fff 0 5.8cqw,#e4edf9 5.8cqw 6cqw);border:.25cqw solid #c7e2f8;border-left:1.1cqw solid #afd8f6;border-radius:1.4cqw;padding:1.5cqw;min-width:0}.swp-hint .swp-notebook h4{text-align:center;font-size:3.6cqw;line-height:1.2;margin:0 0 2cqw}.swp-hint .swp-notebook p{font-size:3.05cqw;line-height:1.7;margin:0 0 1cqw;letter-spacing:-.035em}.swp-hint .swp-notebook .grammar-sound{display:flex;margin:1cqw 0 0 auto}
.swp-hint .swp-checked{padding:1cqw;background:#ffffffa9;border-radius:1.5cqw;font-size:3.5cqw}.swp-hint .swp-checked p{display:flex;align-items:flex-start;gap:.8cqw;font-size:3cqw;line-height:1.35;margin:1.3cqw 0}.swp-hint .swp-checked .swp-verdict{width:3.7cqw;height:3.7cqw;font-size:3.2cqw}
.swp-hint .swp-vocab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw}
.swp-hint .swp-vocab-card{padding:1.4cqw;border-radius:2.6cqw;background:linear-gradient(130deg,#f9f6f1,#fcfaf7);min-width:0;display:flex;flex-direction:column}
.swp-hint .swp-vocab-card>.swp-art{height:26cqw;border-radius:1.9cqw;margin-bottom:1.2cqw}.swp-hint .swp-word-line{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;background:#fff;border-radius:1.5cqw;padding:.5cqw;font-size:4.3cqw;line-height:1.25}.swp-hint .swp-word-line .swp-long-word{font-size:3.5cqw;letter-spacing:-.045em}
.swp-hint .swp-word-ru{font-size:3.3cqw;line-height:1.35;margin:.5cqw .5cqw 1cqw;color:#5b7592}
.swp-hint .swp-vocab-card .swp-phrase{display:grid;grid-template-columns:1fr auto;padding:1.2cqw;background:#eaf4ff;align-content:start;flex:1;margin-top:0}.swp-hint .swp-vocab-card .swp-en{grid-column:1/-1;font-size:3.3cqw;line-height:1.35;font-weight:550}.swp-hint .swp-vocab-card .swp-ru{font-size:3.05cqw;line-height:1.35}.swp-hint .swp-vocab-card .grammar-sound{grid-column:2;grid-row:3;align-self:end;margin-top:.7cqw}
.grammar-practice .task-picture .swp-art{max-width:300px;max-height:240px;margin:auto;display:block;border-radius:16px;overflow:hidden}

/* Reserve the illustration's actual height before the answer controls (G4-17). */
.grammar-practice .task-picture:has(>.swp-art,>.ftc-art){height:auto;width:min(100%,210px);margin:14px auto 22px}
.grammar-practice .task-picture>.swp-art,.grammar-practice .task-picture>.ftc-art{display:block;width:100%;height:auto;max-height:210px;overflow:hidden;border-radius:16px}

/* G4-18–G4-20: supplied illustrations, live readable text, proportional canvas. */
.ftc-hint .g4-intro{font-size:3.8cqw;line-height:1.4;padding:1.7cqw 2cqw}
.ftc-hint .ftc-art{display:block;width:100%;height:auto;overflow:hidden}
.ftc-hint .ftc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.7cqw}
.ftc-hint .ftc-tile{background:#faf8f4;border-radius:2.6cqw;padding:1.1cqw;min-width:0;display:flex;flex-direction:column}
.ftc-hint .ftc-illustration>.ftc-art{height:30cqw;margin-bottom:1cqw;mix-blend-mode:multiply}
.ftc-hint .ftc-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7cqw;background:#edf7ff;border-radius:2cqw;padding:1.7cqw 1.1cqw;align-content:start;flex:1}
.ftc-hint .ftc-caption>b{grid-column:1/-1;text-align:center;font-size:3.9cqw;line-height:1.3;letter-spacing:-.035em}
.ftc-hint .ftc-caption>p{grid-column:1/-1;text-align:center;font-size:3.45cqw;line-height:1.35;color:#5b7291;margin:0}
.ftc-hint .ftc-caption>.grammar-sound{grid-column:2;grid-row:3;justify-self:end;margin-top:.5cqw}
.ftc-hint .ftc-size-words{display:flex;align-items:center;justify-content:center;gap:4cqw;margin:1cqw 0 1.7cqw;font-size:3.3cqw}.ftc-hint .ftc-size-words>span{display:flex;align-items:center;gap:1cqw}
.ftc-hint .ftc-animals .ftc-illustration>.ftc-art{height:24cqw}
.ftc-hint .ftc-body-words{display:grid;grid-template-columns:repeat(3,auto);gap:.6cqw;margin-bottom:1cqw}
.ftc-hint .ftc-word-sound{font:inherit;border:0;background:#e7f5ff;border-radius:1.5cqw;padding:1cqw .15cqw;display:flex;flex-direction:column;align-items:center;gap:.6cqw;color:#183552;cursor:pointer;min-width:0}
.ftc-hint .ftc-word-sound b{font-size:3.15cqw;line-height:1.2}.ftc-hint .ftc-word-sound span{font-size:2.5cqw;line-height:1.25;letter-spacing:-.045em;color:#5b7291}
.ftc-hint .ftc-word-sound:hover,.ftc-hint .ftc-word-sound:focus-visible{background:#ccecff;outline:.3cqw solid #77bbed}
.ftc-hint .ftc-animals .ftc-caption>b{font-size:3.35cqw}.ftc-hint .ftc-animals .ftc-caption>p{font-size:3.1cqw}
.ftc-hint .ftc-travel .ftc-illustration>.ftc-art{height:27cqw;border-radius:1.9cqw;mix-blend-mode:normal}.ftc-hint .ftc-travel .ftc-caption>p{font-size:3.15cqw;letter-spacing:-.025em}
.ftc-hint .ftc-ordinal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2cqw}
.ftc-hint .ftc-ordinal-grid>section{position:relative;background:#faf8f4;border-radius:2cqw;padding:1cqw .8cqw 2cqw;display:flex;align-items:center;flex-direction:column;gap:.7cqw;min-width:0}
.ftc-hint .ftc-ordinal-grid .grammar-sound{align-self:flex-end}.ftc-hint .ftc-ordinal-grid strong{font-size:9cqw;line-height:1.1;color:#17334f}.ftc-hint .ftc-ordinal-grid sup{font-size:4cqw;vertical-align:super}.ftc-hint .ftc-ordinal-grid b{font-size:3.6cqw;line-height:1.3;letter-spacing:-.025em}.ftc-hint .ftc-ordinal-grid span{font-size:2.8cqw;color:#5b7291;line-height:1.3}
.ftc-hint .ftc-date-examples{margin-top:2cqw;padding:1.8cqw;background:#eef8ff;border-radius:2.5cqw}.ftc-hint .ftc-date-examples>h3{margin:0 0 1.3cqw;font-size:4.7cqw}.ftc-hint .ftc-date-examples>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4cqw}.ftc-hint .ftc-date-examples>div>section{background:#fff;border-radius:2cqw;padding:1.5cqw .7cqw;display:flex;flex-direction:column;gap:1.4cqw}
.ftc-calendar{width:16cqw;margin:auto;border:.3cqw solid #d6e0e7;border-radius:1.4cqw;overflow:hidden;text-align:center;box-shadow:0 .8cqw 1cqw #18324f14;background:white}.ftc-calendar>span{display:block;background:#f87985;color:#fff;font-size:3.2cqw;line-height:1.5;font-weight:650}.ftc-calendar>b{display:block;font-size:8cqw;line-height:1.2;padding:1cqw;color:#16334f}
.ftc-hint .ftc-date-examples .ftc-caption>b{font-size:3.4cqw}.ftc-hint .ftc-date-examples .ftc-caption>p{font-size:3cqw}.ftc-hint .ftc-date-model{font-size:3.2cqw;line-height:1.45;margin:1.4cqw 0 0;text-align:center}
.ftc-hint .ftc-instructions{display:grid;gap:1.1cqw}.ftc-hint .ftc-instruction-row{display:grid;grid-template-columns:minmax(0,1fr) 27cqw 21cqw;gap:1.2cqw;align-items:center;background:#fcfaf7;border:.2cqw solid #eef1f4;border-radius:2cqw;padding:1.5cqw 1cqw;min-height:18cqw}
.ftc-hint .ftc-instruction-name{display:flex;gap:1.2cqw;align-items:flex-start;min-width:0}.ftc-hint .ftc-instruction-name b{font-size:3.9cqw;line-height:1.2;letter-spacing:-.035em}.ftc-hint .ftc-instruction-name p{font-size:3.35cqw;line-height:1.35;color:#5b7291;margin:1cqw 0 0}
.ftc-hint .ftc-demo{background:#edf7ff;border-radius:1.8cqw;padding:1cqw}.ftc-hint .ftc-count{border-radius:2cqw;background:#edf7ff;padding:1.6cqw .5cqw;text-align:center;font-size:3.1cqw;line-height:1.35;letter-spacing:-.04em}.ftc-hint .ftc-count small{display:block;font-size:2.6cqw;letter-spacing:0;color:#60748b;margin-top:.5cqw}
.ftc-hint .ftc-choice-demo>div{display:flex;align-items:center;gap:2cqw;border:.2cqw solid #d1dae2;border-radius:.8cqw;background:#fff;padding:.2cqw 1.8cqw;font-size:3.4cqw;margin:.3cqw 0}.ftc-hint .ftc-choice-demo .round,.ftc-hint .ftc-choice-demo .square{width:3cqw;height:3cqw;border:.2cqw solid #aab7c4;display:flex;align-items:center;justify-content:center;font-size:2.6cqw;color:#fff}.ftc-hint .ftc-choice-demo .round{border-radius:50%}.ftc-hint .ftc-choice-demo .square{border-radius:.4cqw}.ftc-hint .ftc-choice-demo .active{background:#52b4ff;border-color:#2b9eff}
.ftc-hint .ftc-writing-demo{background:repeating-linear-gradient(#fff 0 4.8cqw,#edf1f7 4.8cqw 5cqw);border:.2cqw solid #d1dae2;border-radius:1cqw;padding:1.6cqw .7cqw;font-size:3cqw;line-height:1.6;letter-spacing:-.035em}.ftc-hint .ftc-blank{display:inline-block;width:6cqw;height:3cqw;vertical-align:middle;border:.2cqw solid #51a9ef;background:#e5f5ff;border-radius:.6cqw}
.ftc-hint .ftc-match-demo{display:grid;grid-template-columns:8cqw 8cqw 7cqw;justify-content:center;align-items:stretch}.ftc-hint .ftc-match-demo>div{display:flex;flex-direction:column;justify-content:space-around}.ftc-hint .ftc-match-demo span{display:flex;align-items:center;justify-content:center;height:5.5cqw;border:.2cqw solid #d4dfe7;background:white;border-radius:.5cqw;font-size:3cqw}.ftc-hint .ftc-match-demo svg{display:block;width:100%;height:16.5cqw}.ftc-hint .ftc-match-demo span .ftc-art{height:5.2cqw;mix-blend-mode:multiply}
.ftc-hint .ftc-self-check{display:grid;gap:1.1cqw}.ftc-hint .ftc-self-check>section{display:grid;grid-template-columns:34cqw minmax(0,1fr) 17cqw;align-items:center;gap:1.2cqw;padding:1.4cqw 1.2cqw;background:#fcfaf7;border-radius:2cqw;min-height:17.5cqw}
.ftc-hint .ftc-question-type>div{display:flex;align-items:center;gap:1.4cqw}.ftc-hint .ftc-question-type b{background:#e8f5ff;border-radius:1.3cqw;padding:.4cqw 1.2cqw;font-size:4.25cqw;line-height:1.2;letter-spacing:-.025em}.ftc-hint .ftc-question-type p{font-size:3.5cqw;line-height:1.35;color:#5b7291;margin:1cqw 0 0 6.5cqw}
.ftc-hint .ftc-answer-bubble{position:relative;background:#fff;border:.25cqw solid #cfdfec;border-radius:2cqw;padding:1.3cqw;font-size:3.35cqw;line-height:1.3}.ftc-hint .ftc-answer-bubble>b{font-weight:550}.ftc-hint .ftc-answer-bubble>p{font-size:3.15cqw;line-height:1.35;color:#5b7291;margin:.7cqw 0}.ftc-hint .ftc-answer-bubble .grammar-sound{display:flex;margin:.5cqw 0 0 auto}.ftc-hint .ftc-answer-picture svg{width:100%;height:17cqw;object-fit:contain;mix-blend-mode:multiply}

.ftc-hint .ftc-illustration{position:relative}.ftc-hint .ftc-illustration>.grammar-sound{position:absolute;top:.5cqw;right:.5cqw;box-shadow:0 0 0 .4cqw #fff}

.ftc-hint .ftc-choice-demo .round.active{background:#eefaff;color:#279cf5}

/* Present Simple: show both subject groups together in either learning card. */
.ps-hint .ps-action-overview>section{border-color:#dce6ef;background:#f0f8fd}
.ps-hint .ps-action-overview>section+section{background:#eef8f5}
.ps-hint .ps-action-overview h3{font-size:4.5cqw;line-height:1.25;margin:0;text-align:center}
.ps-hint .ps-action-overview .ps-subject-translation{font-size:3.4cqw;line-height:1.3;min-height:14cqw;margin:1cqw 0;text-align:center;color:#526477}
.ps-hint .ps-action-overview .ps-form-rule{font-size:3.8cqw;line-height:1.3;margin:0 0 1.5cqw;text-align:center}
.ps-hint .ps-action-overview .ps-art{height:29cqw}

.ps-hint .ps-action-overview .ps-phrase>div{min-height:12cqw}

/* Grade 5, G5-01–G5-02: proportional paper cards; original illustration viewports. */
.qs-hint .grammar-paper>h2{font-size:6.5cqw!important;line-height:1.16!important;margin-bottom:2.6cqw!important}
.qs-hint .qs-panel{padding:2cqw;border-radius:2.2cqw;margin:1.8cqw 0 0;border:1px solid #dce7ef;min-width:0}
.qs-hint .qs-blue{background:#edf7ff}.qs-hint .qs-mint{background:#eaf8f1}.qs-hint .qs-peach{background:#fff1e5}
.qs-hint h3{font-size:3.65cqw;line-height:1.3;margin:0 0 1.2cqw;font-weight:750}
.qs-hint .qs-panel>p{font-size:3cqw;line-height:1.4;margin:0 0 1.5cqw}
.qs-hint .qs-phrase{min-width:0}
.qs-hint .qs-en{font-size:4cqw;line-height:1.35;font-weight:700;display:flex;flex-wrap:wrap;align-items:center;gap:.5cqw}
.qs-hint .qs-en em{font-style:normal;color:#075da0;background:#d8edff;border-radius:.6cqw;padding:0 .2cqw}
.qs-hint .qs-en .grammar-sound{margin-left:auto}
.qs-hint .qs-phrase>p{font-size:3cqw;line-height:1.35;color:#536b84;margin:.6cqw 0 0}
.qs-hint .qs-transform{background:#ffffffc9;border-radius:1.5cqw;padding:1.3cqw}
.qs-hint .qs-arrow{display:block;font-size:4cqw;line-height:1.1;color:#4d90bc;margin:.6cqw 0}
.qs-hint .qs-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6cqw}
.qs-hint .qs-two .qs-en{font-size:3.35cqw}
.qs-hint .qs-two .qs-phrase>p{font-size:2.8cqw}
.qs-hint .grammar-paper .qs-note{font-size:2.8cqw;line-height:1.45;margin:1.8cqw 0 0;padding:1.2cqw;border-radius:1.3cqw;background:#f1f6fa;color:#354e6a}
.qs-hint .qs-art{width:100%;height:auto;display:block;border-radius:1.5cqw;overflow:hidden;min-width:0}
.qs-hint .qs-scenes{display:grid;gap:2.5cqw;margin-top:2.5cqw}
.qs-hint .qs-scene{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:2cqw;align-items:center;padding:2cqw;border:1px solid #dbe7ed;border-radius:2.5cqw;box-shadow:0 .4cqw 1.3cqw #213e6010}
.qs-hint .qs-reply{background:#edf7ff;border-radius:1.8cqw;margin-top:3cqw;padding:1.8cqw}
.qs-hint .qs-tags h3{font-size:3cqw;margin-bottom:2cqw}
.qs-hint .qs-tags .qs-en{font-size:3.8cqw}
.qs-hint .qs-rule-line{text-align:center;font-size:3.4cqw;line-height:1.5;background:#edf7ff;padding:2cqw;margin:2.4cqw 0;border-radius:2cqw}
.qs-hint .qs-situations .qs-panel{text-align:center;display:flex;flex-direction:column;padding:1.6cqw}
.qs-hint .qs-situations h3{font-size:3.7cqw}
.qs-hint .qs-tense{font-size:3.1cqw;font-weight:700;color:#476581;margin-bottom:1.7cqw}
.qs-hint .qs-situations .qs-art{margin:1.5cqw 0 2cqw}
.qs-hint .qs-situations .qs-phrase{background:#ffffffdd;padding:1.2cqw;border-radius:1.6cqw}
.qs-hint .qs-situations .qs-en{display:block;font-size:3.5cqw}
.qs-hint .qs-situations .qs-en>.grammar-sound{display:flex;margin:1cqw auto 0}
.qs-hint .qs-model{font-size:2.9cqw;line-height:1.55;padding:1.5cqw 0;margin-top:auto}
.qs-hint .qs-panel>.qs-negative{font-size:2.9cqw;margin:0;border-top:1px solid #d6e1ea;padding-top:1.2cqw}
.qs-hint .qs-state-scenes{display:grid;gap:1.5cqw}
.qs-hint .qs-state-scenes .qs-scene{grid-template-columns:1fr 1.6fr;padding:1.3cqw}
.qs-hint .qs-state-scenes .qs-art{max-height:20cqw}
.qs-hint .qs-state-scenes h3{font-size:3.15cqw;color:#57708c}
.qs-hint .qs-state-scenes .qs-en{font-size:3.7cqw}
.qs-hint .qs-state-words{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8cqw;margin-top:2cqw}
.qs-hint .qs-state-words>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:1cqw .8cqw;background:#edf7ff;border-radius:1cqw;min-width:0}
.qs-hint .qs-state-words [lang]{font-size:2.65cqw;font-weight:750;letter-spacing:-.04em}
.qs-hint .qs-state-words small{grid-column:1/-1;font-size:2.25cqw;line-height:1.3;color:#55718b}
.qs-hint .qs-state-words .grammar-sound{width:3.9cqw;height:3.9cqw;min-width:3.9cqw;min-height:3.9cqw;flex-basis:3.9cqw;padding:.75cqw}
.qs-hint .qs-step{display:inline-grid;place-items:center;width:6cqw;height:6cqw;border-radius:50%;background:#38a4f1;color:#fff;font-size:3.4cqw;margin-right:1.2cqw}
.qs-hint .qs-mint .qs-step{background:#4dab87}.qs-hint .qs-peach .qs-step{background:#e7a34e}
.qs-hint[data-rule="G5-01.01"] .qs-transform{display:grid;grid-template-columns:minmax(0,1fr) 4cqw minmax(0,1.08fr);gap:1.3cqw;align-items:center;padding:1.8cqw}
.qs-hint[data-rule="G5-01.01"] .qs-two{grid-template-columns:1fr;gap:1.4cqw}
.qs-hint[data-rule="G5-01.01"] .qs-arrow{font-size:0}
.qs-hint[data-rule="G5-01.01"] .qs-arrow:after{content:'→';font-size:4cqw}
.qs-hint[data-rule="G5-01.01"] .qs-en{font-size:3.5cqw;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6cqw}
.qs-hint[data-rule="G5-01.01"] .qs-phrase>p{font-size:2.9cqw}
.qs-hint[data-rule="G5-01.01"] .qs-panel>p{padding-left:7.2cqw}

/* G5-03–G5-05: uncluttered examples, no mascot callouts. */
.pfp-hint .grammar-paper>h2{font-size:6.4cqw!important;line-height:1.14!important;margin-bottom:1.6cqw!important}
.pfp-hint .pfp-tense{text-align:center;font-size:3.1cqw;line-height:1.3;color:#486783;font-weight:650;margin:0 0 2cqw}
.pfp-hint .pfp-intro{background:#edf7ff;border-radius:2cqw;padding:2cqw;font-size:3.2cqw;line-height:1.45;text-align:center;margin-bottom:2cqw}
.pfp-hint .pfp-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8cqw}
.pfp-hint .pfp-panel{padding:1.7cqw;border-radius:2.4cqw;min-width:0;display:flex;flex-direction:column}
.pfp-hint .pfp-peach{background:#fff3e8}.pfp-hint .pfp-blue{background:#edf7ff}
.pfp-hint h3{font-size:3.65cqw;line-height:1.3;font-weight:750;margin:0 0 1.3cqw}
.pfp-hint .pfp-panel>h3{text-align:center}
.pfp-hint .pfp-panel>p{font-size:3.1cqw;line-height:1.4;text-align:center;margin:0 0 1.8cqw}
.pfp-hint .pfp-art{display:block;width:100%;height:auto;border-radius:1.7cqw;overflow:hidden}
.pfp-hint .pfp-en{display:flex;align-items:center;gap:1cqw;font-size:3.8cqw;font-weight:650;line-height:1.4;min-width:0}
.pfp-hint .pfp-en>span{flex:1;min-width:0}
.pfp-hint .pfp-en em,.pfp-hint .pfp-story em{font-style:normal;font-weight:750;background:#d1eaff;color:#123b65;border-radius:.5cqw;padding:0 .2cqw}
.pfp-hint .pfp-peach .pfp-en em{background:#ffe2b7;color:#373331}
.pfp-hint .pfp-phrase>p{font-size:3.05cqw;line-height:1.4;color:#566d87;margin:.6cqw 0 0}
.pfp-hint .pfp-panel>.pfp-phrase{margin-top:1.7cqw}
.pfp-hint .pfp-panel .pfp-en{display:block;text-align:center;font-size:3.75cqw}
.pfp-hint .pfp-panel .pfp-en .grammar-sound{display:flex;margin:1cqw auto 0}
.pfp-hint .pfp-panel .pfp-phrase>p{text-align:center}
.pfp-hint .pfp-examples{margin-top:2cqw;padding:1.8cqw;background:#f0f7fc;border-radius:2cqw}
.pfp-hint .pfp-examples>.pfp-phrase{background:#ffffffb8;border-radius:1.5cqw;padding:1.2cqw 1.4cqw}
.pfp-hint .pfp-examples>.pfp-phrase+.pfp-phrase{margin-top:1.2cqw}
.pfp-hint .pfp-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5cqw;margin:1.8cqw 0}
.pfp-hint .pfp-story>div{position:relative;min-width:0;background:#edf7ff;border-radius:1.5cqw}
.pfp-hint .pfp-story>div:not(:last-child):after{content:'→';position:absolute;right:-3.5cqw;top:10cqw;font-size:3.3cqw;color:#547b9d}
.pfp-hint .pfp-story p{font-size:3cqw;line-height:1.45;text-align:center;margin:1cqw 0}
.pfp-hint .pfp-story em{font-size:3.5cqw}
.pfp-hint .pfp-formula{background:#fff3e8;border-radius:2cqw;padding:1.7cqw 3cqw;margin:1.7cqw 0;font-size:4.1cqw;line-height:1.75}
.pfp-hint .pfp-formula b{background:#d1eaff;border-radius:.6cqw;padding:.1cqw 1cqw;margin:0 .6cqw}
.pfp-hint .pfp-formula em{font-style:normal;font-weight:700}
.pfp-hint .pfp-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:2cqw;padding:1.4cqw;background:#edf7ff;border-radius:2cqw;margin-top:1.8cqw}
.pfp-hint .pfp-feature .pfp-en{display:block;font-size:4.3cqw}
.pfp-hint .pfp-feature .pfp-en .grammar-sound{display:flex;margin:1cqw 0 0 auto}
.pfp-hint .pfp-feature-small{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}
.pfp-hint .pfp-verb-table{padding:1.8cqw;background:#fff4e8;border-radius:2cqw;margin:1.8cqw 0}
.pfp-hint .pfp-table-head,.pfp-hint .pfp-verb-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;align-items:center}
.pfp-hint .pfp-table-head{font-size:2.7cqw;line-height:1.4;color:#536981;padding:0 1.3cqw .8cqw}
.pfp-hint .pfp-verb-row{padding:1.3cqw;background:#fff;border-radius:1.3cqw;margin-top:.8cqw;font-size:4cqw;font-weight:650;line-height:1.3}
.pfp-hint .pfp-verb-row>div:last-child{display:flex;align-items:center;justify-content:space-between}
.pfp-hint .pfp-verb-row small{display:block;font-size:2.7cqw;font-weight:400;color:#536981}
.pfp-hint .pfp-verb-table>p{font-size:3cqw;line-height:1.4;margin:1.4cqw 0 0}
.pfp-hint .pfp-question-model{border:1px solid #dae6ef;border-radius:2cqw;padding:1.8cqw;margin-top:2cqw}
.pfp-hint .pfp-question-model>p{font-size:3cqw;line-height:1.4;margin:0 0 1.5cqw}
.pfp-hint .pfp-question-model .pfp-phrase+.pfp-phrase{margin-top:1.5cqw}
.pfp-hint .pfp-compare-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw;background:#fff;border-radius:1.5cqw;padding:1.5cqw}
.pfp-hint .pfp-compare-pair+.pfp-compare-pair{margin-top:1.3cqw}
.pfp-hint .pfp-compare-pair .pfp-en{display:block;font-size:3.6cqw}
.pfp-hint .pfp-compare-pair .grammar-sound{display:flex;margin:.8cqw 0 0 auto}
.pfp-hint .pfp-columns{grid-template-rows:auto auto auto auto;row-gap:0}
.pfp-hint .pfp-panel{display:grid;grid-row:span 4;grid-template-rows:subgrid;gap:0}
.pfp-hint .pfp-panel>.pfp-art{align-self:start}

/* G5-06–08: the reference columns remain proportional, examples are live text. */
.mpq-hint .mpq-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.mpq-hint .mpq-three .pfp-panel{padding:1.5cqw}
.mpq-hint .mpq-three h3{font-size:3.6cqw}
.mpq-hint .mpq-three .pfp-en{font-size:3.8cqw}
.mpq-hint .mpq-note{padding:1.7cqw 2.2cqw;margin:1.6cqw 0;background:#f4f8fc;border-radius:1.8cqw;font-size:3.25cqw;line-height:1.4}
.mpq-hint .mpq-pronoun-head,.mpq-hint .mpq-pronoun-row{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}
.mpq-hint .mpq-pronoun-head h3{margin:1.3cqw 0 0;padding:1.5cqw;text-align:center;background:#fff1dc;border-radius:2cqw 2cqw 0 0;font-size:4cqw}
.mpq-hint .mpq-pronoun-head h3+ h3{background:#e8f5ff}
.mpq-hint .mpq-pronoun-head small{display:block;font-size:2.8cqw;font-weight:500;margin-top:.5cqw}
.mpq-hint .mpq-pronoun-row>div{display:grid;grid-template-columns:12cqw 5cqw 1fr;align-items:center;gap:1cqw;padding:1.3cqw 1.5cqw;margin-top:.7cqw;background:#fff8ec;border-radius:1cqw;min-height:6.4cqw}
.mpq-hint .mpq-pronoun-row>div+div{background:#eff8ff}
.mpq-hint .mpq-pronoun-row b{font-size:4.3cqw;text-align:center}
.mpq-hint .mpq-pronoun-row span{font-size:3.15cqw;line-height:1.2}
.mpq-hint .mpq-pronoun-row .grammar-sound{width:4.5cqw;height:4.5cqw;min-width:0;min-height:0}
.mpq-hint .mpq-poss-table{display:grid;gap:1.2cqw;padding:1.5cqw;background:#eff8ff;border-radius:2.5cqw;margin:1.7cqw 0}
.mpq-hint .mpq-poss-row{display:grid;grid-template-columns:1fr 1.15fr;gap:1.5cqw;background:#fff;border-radius:1.7cqw;padding:1cqw}
.mpq-hint .mpq-poss-row>div:first-child{display:grid;grid-template-columns:14cqw 1fr;align-items:center;gap:1cqw}
.mpq-hint .mpq-poss-row b{font-size:4.7cqw;text-align:center;color:#13365d}
.mpq-hint .mpq-poss-row span{font-size:3.15cqw;line-height:1.2}
.mpq-hint .mpq-poss-row>div:last-child{display:grid;grid-template-columns:10cqw 1fr;align-items:center;gap:1cqw}
.mpq-hint .mpq-poss-row .pfp-art{width:10cqw;max-height:9cqw;border-radius:1cqw;margin:0}
.mpq-hint .mpq-poss-row .pfp-en{font-size:3.7cqw}
.mpq-hint .mpq-poss-row .pfp-en span{font-size:inherit}
.mpq-hint .mpq-poss-row .pfp-phrase p{font-size:2.8cqw}
.mpq-hint .mpq-poss-row .pfp-phrase{padding:.5cqw}
.mpq-hint .mpq-own-table{margin:1.7cqw 0;padding:1.4cqw;border-radius:2cqw;background:#eff8ff}
.mpq-hint .mpq-own-head,.mpq-hint .mpq-own-row{display:grid;grid-template-columns:23% 28% 1fr;align-items:center;gap:1cqw;padding:1.6cqw}
.mpq-hint .mpq-own-head{font-size:2.9cqw;font-weight:650}
.mpq-hint .mpq-own-row{background:white;border-radius:1.5cqw;margin:.8cqw 0;font-size:3.4cqw;min-height:7cqw}
.mpq-hint .mpq-own-row>span:first-child{font-size:4cqw;color:#476477}
.mpq-hint .mpq-own-row>div{display:flex;align-items:center;gap:1cqw}
.mpq-hint .mpq-own-row b{font-size:4.4cqw;color:#14385e}
.mpq-hint .mpq-article-columns,.mpq-hint .mpq-small-amounts{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;margin:1.8cqw 0}
.mpq-hint .mpq-box{padding:2cqw;border-radius:2cqw}
.mpq-hint .mpq-peach{background:#fff5e7}.mpq-hint .mpq-blue{background:#edf7ff}
.mpq-hint .mpq-box h3{text-align:center;font-size:4.3cqw;margin:.4cqw 0 1.2cqw}
.mpq-hint .mpq-box>p{text-align:center;font-size:3.15cqw;line-height:1.3;margin:1cqw 0 1.5cqw}
.mpq-hint .mpq-article-item{display:grid;grid-template-columns:1fr 12cqw;align-items:center;gap:1cqw;background:#ffffffb8;padding:1.4cqw;margin:1.2cqw 0;border-radius:1.5cqw;font-size:3.2cqw;line-height:1.3}
.mpq-hint .mpq-article-item p{margin:0 0 .8cqw}
.mpq-hint .mpq-article-item .pfp-art{width:12cqw;margin:0}
.mpq-hint .mpq-article-item .pfp-en{font-size:3.65cqw}
.mpq-hint .mpq-article-item .pfp-phrase p{font-size:2.9cqw}
.mpq-hint .mpq-article-item .pfp-phrase{padding:.8cqw 0 0}
.mpq-hint .mpq-box>.mpq-sound-note{font-size:2.9cqw;text-align:left;margin:1.5cqw .5cqw}
.mpq-hint .mpq-quantity-guide{padding:1.6cqw 2.3cqw;border-radius:2cqw;background:#f4f8fc;margin:1.7cqw 0;font-size:3.2cqw;line-height:1.4}
.mpq-hint .mpq-quantity-guide p{margin:.4cqw 0 1cqw}
.mpq-hint .mpq-small-amounts .mpq-box>div{display:grid;grid-template-columns:17cqw 1fr;gap:1.2cqw;align-items:center;padding:1.5cqw 0;min-height:23cqw}
.mpq-hint .mpq-small-amounts .pfp-art{width:17cqw;max-height:22cqw;object-fit:contain;margin:0}
.mpq-hint .mpq-small-amounts .pfp-en{font-size:4cqw}
.mpq-hint .mpq-small-amounts .pfp-en .grammar-sound{flex-shrink:0}
.mpq-hint .mpq-small-amounts .pfp-phrase p{font-size:3.15cqw}
.mpq-hint .mpq-three h3{font-size:3.3cqw}
.mpq-hint[data-rule="G5-07.01"] .pfp-examples{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw}
.mpq-hint[data-rule="G5-07.01"] .pfp-examples>h3{grid-column:1/-1}
.mpq-hint[data-rule="G5-07.01"] .pfp-examples>.pfp-phrase{margin:0}
.mpq-hint .mpq-article-item>div>p{font-size:3cqw;line-height:1.3}
.mpq-hint .mpq-quantity-guide p{font-size:3.2cqw;line-height:1.4}
.mpq-hint[data-rule="G5-08.03"] .pfp-panel>.pfp-art{height:16cqw;width:100%}
.mpq-hint[data-rule="G5-07.01"] .pfp-examples .pfp-en>span>em:first-child{background:#ffe2b7;color:#373331}
.mpq-hint .mpq-article-item .pfp-en{display:block}
.mpq-hint .mpq-article-item .pfp-en .grammar-sound{display:inline-flex;vertical-align:middle;margin:.5cqw 0 0 1cqw}

/* G5-09–G5-11: proportional cards; every paragraph has a card-relative size. */
.pat-hint .pat-note{padding:1.7cqw 2.2cqw;margin:1.6cqw 0;background:#f1f6fc;border-radius:1.8cqw;font-size:3.1cqw;line-height:1.4}
.pat-hint .pfp-columns{row-gap:0}
.pat-hint .pfp-panel{margin-bottom:1.6cqw}
.pat-hint .pfp-panel>.pfp-art{height:26cqw;width:100%}
.pat-hint[data-rule="G5-10.02"] .pfp-panel>.pfp-art{height:17cqw}
.pat-hint[data-rule="G5-11.03"] .pfp-panel>.pfp-art{height:35cqw}
.pat-hint .pat-introduce{display:grid;grid-template-columns:1fr 1fr;gap:1.8cqw}
.pat-hint .pat-introduce>section{padding:2cqw;border-radius:2cqw;background:#fff4e6}
.pat-hint .pat-introduce>section+section{background:#edf7ff}
.pat-hint .pat-introduce h3{font-size:5.4cqw;text-align:center}
.pat-hint .pat-introduce>section>p{font-size:3.1cqw;text-align:center;margin:0 0 1.5cqw}
.pat-hint .pat-introduce .pfp-phrase{padding:1.5cqw;border-radius:1.5cqw;background:#fff}
.pat-hint .pat-introduce .pfp-en{font-size:3.65cqw;display:block}
.pat-hint .pat-introduce .grammar-sound{display:inline-flex;vertical-align:middle;margin:.5cqw}
.pat-hint .pat-position-box{background:#edf7ff;border-radius:2cqw;padding:2cqw;margin-top:2cqw}
.pat-hint .pat-positions{display:grid;grid-template-columns:1fr 1fr;gap:1.3cqw}
.pat-hint .pat-positions>div{display:grid;grid-template-columns:16cqw 11cqw 1fr;align-items:center;gap:1cqw;background:#fff;border-radius:1.4cqw;padding:1.2cqw;min-height:12cqw}
.pat-hint .pat-positions span{font-size:3.4cqw;font-weight:650;line-height:1.2}
.pat-hint .pat-positions .grammar-sound{display:flex;margin:1cqw 0 0;width:4.3cqw;height:4.3cqw;min-width:0;min-height:0}
.pat-hint .pat-positions .pfp-art{height:9cqw;width:11cqw}
.pat-hint .pat-positions p{font-size:2.9cqw;line-height:1.25;margin:0}
.pat-hint .pat-tiles{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw;padding:1.5cqw;margin-top:1.8cqw;background:#eff7fe;border-radius:2cqw}
.pat-hint .pat-tiles>.pfp-phrase{padding:1.2cqw;border-radius:1.5cqw;background:white}
.pat-hint .pat-tiles .pfp-en{font-size:3.4cqw}
.pat-hint .pat-tiles .pfp-phrase>p{font-size:2.8cqw}
.pat-hint .pat-tiles .grammar-sound{width:4cqw;height:4cqw;min-width:0;min-height:0;flex-shrink:0}
.pat-hint .pat-place-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5cqw}
.pat-hint .pat-place-grid>section{background:#fff5e8;border-radius:2cqw;padding:1.5cqw}
.pat-hint .pat-place-grid>section:nth-child(2n){background:#eff7ff}
.pat-hint .pat-place-grid>section:nth-child(3){background:#eef9f4}
.pat-hint .pat-place-grid>section:nth-child(4){background:#fff1f0}
.pat-hint .pat-place-grid .pfp-en{font-size:4.4cqw}
.pat-hint .pat-place-grid .pfp-art{height:19cqw;margin-top:1.4cqw}
.pat-hint .pat-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3cqw}
.pat-hint .pat-time-grid>section{padding:1.3cqw;border-radius:2cqw;background:#fff4e7;display:flex;flex-direction:column}
.pat-hint .pat-time-grid .pat-time-on{background:#fff0ee}
.pat-hint .pat-time-grid .pat-time-in{background:#effaf5}
.pat-hint .pat-time-grid h3{text-align:center;font-size:3cqw;min-height:4cqw}
.pat-hint .pat-time-grid .pfp-art{height:17cqw;width:100%;margin:0 0 1.2cqw}
.pat-hint .pat-time-grid .pfp-phrase{background:#ffffffc7;border-radius:1.3cqw;padding:1cqw;flex:1}
.pat-hint .pat-time-grid .pfp-en{display:block;font-size:3.35cqw;text-align:center;line-height:1.25}
.pat-hint .pat-time-grid .grammar-sound{display:flex;margin:.8cqw auto 0;width:4.2cqw;height:4.2cqw;min-width:0;min-height:0}
.pat-hint .pat-time-grid .pfp-phrase>p{font-size:2.75cqw;text-align:center;line-height:1.25}
.pat-hint .pat-time-grid .pat-time-on em{color:#b44333;background:#ffe1db}
.pat-hint .pat-time-grid .pat-time-in em{color:#126650;background:#d9f0e6}
.pat-hint .pat-frequency{grid-template-columns:repeat(3,minmax(0,1fr))}
.pat-hint .pat-frequency .pfp-en{font-size:3.65cqw}

.pat-hint .pat-time-grid .st-clock{display:block;width:100%;height:17cqw;margin:0 0 1.2cqw}

/* Supplemental cards keep live explanations and the original illustration crops. */
.extra-hint .extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5cqw}
.extra-hint .extra-tile{padding:1.7cqw;background:#edf7ff;border-radius:2cqw;display:flex;flex-direction:column;min-width:0}
.extra-hint .extra-tone-1{background:#f1f6ff}.extra-hint .extra-tone-2{background:#f0f8fb}.extra-hint .extra-tone-3{background:#edf9f4}
.extra-hint .extra-tile h3{font-size:3.8cqw;line-height:1.25;text-align:center;margin:0 0 1cqw}
.extra-hint p.extra-explain{font-size:3.05cqw;line-height:1.35;text-align:center;margin:0 0 1cqw;min-height:8cqw}
.extra-hint .extra-art{display:block;width:100%;height:24cqw;overflow:hidden;border-radius:1.4cqw;margin:0 auto 1cqw}
.extra-hint .extra-tile>.pfp-phrase{background:#ffffffd9;padding:1.2cqw;border-radius:1.5cqw;flex:1}
.extra-hint .extra-tile .pfp-en{display:block;text-align:center;font-size:3.9cqw;line-height:1.3}
.extra-hint .extra-tile .grammar-sound{display:flex;margin:.8cqw auto 0}
.extra-hint .extra-tile .pfp-phrase>p{text-align:center;font-size:3.1cqw;line-height:1.35}
.extra-hint p.extra-note{font-size:3.1cqw;line-height:1.4;background:#f2f7fc;border-radius:1.7cqw;padding:1.6cqw 2cqw;margin:1.7cqw 0 0}
.extra-hint p.pfp-tense{font-size:3.2cqw}
.extra-hint .extra-feature,.extra-hint .extra-need{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8cqw}
.extra-hint .extra-feature>div,.extra-hint .extra-model,.extra-hint .extra-need>section{padding:1.8cqw;background:#eef8ff;border-radius:2cqw;min-width:0}
.extra-hint .extra-feature>div>.extra-art{height:37cqw;margin:1.3cqw auto 0}
.extra-hint .extra-model{background:#f0faf6}
.extra-hint .extra-model h3,.extra-hint .extra-need h3{text-align:center;font-size:3.7cqw}
.extra-hint .extra-model>p{font-size:3.2cqw;line-height:1.5;margin:1.5cqw 0 2.2cqw}
.extra-hint .extra-formula{background:#fff;border-radius:1.4cqw;padding:1.4cqw .8cqw;font-size:3.5cqw;line-height:1.4;text-align:center}
.extra-hint .extra-formula b{padding:.1cqw .5cqw;border-radius:.5cqw;background:#d1eaff}
.extra-hint .extra-formula em{font-style:normal;font-weight:700;background:#bff1e7;border-radius:.5cqw;padding:.1cqw .5cqw}
.extra-hint .extra-model>.pfp-phrase{margin-top:1.4cqw}
.extra-hint .extra-feature .pfp-en,.extra-hint .extra-need .pfp-en{display:block;text-align:center;font-size:4cqw;line-height:1.3}
.extra-hint .extra-feature .grammar-sound,.extra-hint .extra-need .grammar-sound{display:flex;margin:1cqw auto 0}
.extra-hint .extra-feature .pfp-phrase>p,.extra-hint .extra-need .pfp-phrase>p{text-align:center}
.extra-hint .extra-need .extra-art{height:22cqw;margin:1.2cqw auto}
.extra-hint .extra-need>section+section{background:#f0faf6}
.extra-hint[data-rule="G3-01.02"] .extra-art{height:25cqw}
.extra-hint[data-rule="G3-17.03"] .extra-art{height:27cqw}
.extra-hint[data-rule="G3-17.04"] .extra-art{height:20cqw}
.extra-hint[data-rule="G5-07.04"] .extra-art{height:23cqw}
.extra-hint[data-rule="G5-07.04"] .extra-tone-1,.extra-hint[data-rule="G5-07.04"] .extra-tone-3{background:#edf9f4}
.extra-hint[data-rule="G5-07.04"] .extra-tone-0,.extra-hint[data-rule="G5-07.04"] .extra-tone-2{background:#edf7ff}
.extra-hint[data-rule="G5-07.04"] .extra-tone-1 em,.extra-hint[data-rule="G5-07.04"] .extra-tone-3 em{background:#bff1e7}

.extra-hint[data-rule="G5-07.04"] .extra-explain,.extra-hint[data-rule="G3-17.04"] .extra-explain{min-height:0}

/* Concrete explanations: comparisons stay as prominent as the examples. */
.extra-hint .extra-meaning,.extra-hint .extra-person{background:#edf7ff;border-radius:2cqw;padding:2.2cqw;margin-top:2cqw}
.extra-hint .extra-meaning h3,.extra-hint .extra-person h3{font-size:3.8cqw;line-height:1.3;text-align:center;margin:0 0 1.2cqw}
.extra-hint .extra-meaning>p,.extra-hint .extra-person>p{font-size:3.35cqw;line-height:1.4;margin:1.2cqw 0}
.extra-hint .extra-person{border:0.3cqw solid #a9d5ed}
.extra-hint .extra-person>p{text-align:center}
.extra-hint .extra-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5cqw}
.extra-hint .extra-pair>.pfp-phrase{padding:1.6cqw;background:#fff;border-radius:1.5cqw}
.extra-hint .extra-pair .pfp-en{display:block;text-align:center;font-size:4cqw}
.extra-hint .extra-pair .grammar-sound{display:flex;margin:1cqw auto 0}
.extra-hint .extra-pair .pfp-phrase>p{text-align:center;font-size:3.25cqw}
.extra-hint .extra-contrast h3{font-size:4cqw}
.extra-hint .extra-contrast p.extra-explain{font-size:3.3cqw;line-height:1.4;min-height:0;margin:2cqw 0 0}
.extra-hint .extra-contrast .extra-art{height:24cqw}
.extra-hint .extra-literal{display:block;font-weight:400;color:#53687a;margin-bottom:.8cqw}
.extra-hint[data-rule="G3-01.02"] .extra-art{height:15cqw}
.extra-hint[data-rule="G3-01.02"] .extra-tile .pfp-phrase>p{font-size:3.1cqw}
.extra-hint[data-rule="G3-01.02"] .pfp-examples{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw}
.extra-hint[data-rule="G3-01.02"] .pfp-examples>h3{grid-column:1/-1;text-align:center;font-size:3.8cqw}
.extra-hint[data-rule="G3-01.02"] .pfp-examples>.pfp-phrase{margin:0}
.extra-hint[data-rule="G3-01.02"] .pfp-examples .pfp-en{display:block;font-size:3.7cqw}
.extra-hint[data-rule="G3-01.02"] .pfp-examples .grammar-sound{display:inline-flex;margin:.5cqw}
.extra-hint[data-rule="G3-17.04"] p.extra-explain{font-size:3.3cqw;line-height:1.4;min-height:15cqw}
.extra-hint[data-rule="G3-01.02"] .extra-tile .pfp-en{display:flex;justify-content:center;align-items:center;gap:1cqw}
.extra-hint[data-rule="G3-01.02"] .extra-tile .grammar-sound{display:inline-flex;margin:0;flex-shrink:0}
.extra-hint[data-rule="G3-01.02"] .extra-tile .pfp-phrase>p{font-size:3.3cqw}
.mrl-hint .grammar-paper>h2{font-size:6.3cqw!important;line-height:1.13!important;text-align:center;margin:0 0 2.3cqw!important}
.mrl-hint .mrl-intro{font-size:3.35cqw;line-height:1.5;padding:2.4cqw;background:#edf7ff;border-radius:2cqw;margin-bottom:2.2cqw;text-align:center}
.mrl-hint h3{font-size:3.75cqw;line-height:1.3;margin:0 0 1.5cqw;font-weight:750}
.mrl-hint .mrl-columns{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}
.mrl-hint .mrl-columns>section{padding:1.8cqw;border-radius:2.3cqw;min-width:0}
.mrl-hint .mrl-cause-panel{background:#fff7e6}.mrl-hint .mrl-contrast-panel{background:#edf7ff}
.mrl-hint .mrl-columns h3{text-align:center;font-size:5cqw}.mrl-hint .mrl-columns h3 span{display:block;font-size:3.2cqw;margin-top:.4cqw}
.mrl-hint .mrl-art{display:block;width:100%;height:auto;overflow:hidden;border-radius:1.5cqw}
.mrl-hint .mrl-columns .mrl-art{height:35cqw;margin-bottom:1.5cqw}
.mrl-hint .mrl-en{display:flex;gap:1.3cqw;align-items:center;font-size:3.65cqw;line-height:1.45;font-weight:600;min-width:0}
.mrl-hint .mrl-en>span{flex:1;min-width:0}
.mrl-hint p.mrl-ru{font-size:3.05cqw;line-height:1.4;color:#526b84;margin:1cqw 0 0}
.mrl-hint p.mrl-note,.mrl-hint .mrl-step-body{font-size:3.25cqw;line-height:1.5;margin:1.3cqw 0 0}
.mrl-hint .mrl-phrase{padding:1.5cqw;border-radius:1.5cqw;background:#ffffffc9}
.mrl-hint .mrl-cause,.mrl-hint mark{background:#ffe4a3;color:#48350d;border-radius:.6cqw;padding:.1cqw .4cqw;font-style:normal}
.mrl-hint .mrl-contrast,.mrl-hint em{background:#d2eaff;color:#123f70;border-radius:.6cqw;padding:.1cqw .4cqw;font-style:normal;font-weight:700}
.mrl-hint .mrl-step{display:flex;align-items:flex-start;gap:1.6cqw;padding:2cqw;border-radius:2cqw;background:#eef7ff;margin-top:1.7cqw}
.mrl-hint .mrl-step:nth-child(2n){background:#fff7e8}
.mrl-hint .mrl-step>div{min-width:0;flex:1}.mrl-hint .mrl-step h3{margin:0 0 .6cqw}
.mrl-hint .mrl-step-body{margin:0}
.mrl-hint .mrl-number{display:grid;place-items:center;width:5cqw;height:5cqw;flex:none;border-radius:50%;background:#cfe7ff;color:#1f4a7c;font-size:3.3cqw}
.mrl-hint .mrl-message{display:grid;grid-template-columns:34% 1fr;gap:2cqw;align-items:center}
.mrl-hint .mrl-message>div>h3{text-align:center}
.mrl-hint .mrl-message .mrl-step{padding:1.3cqw;gap:1cqw}
.mrl-hint .mrl-message .mrl-step h3{font-size:3cqw}
.mrl-hint .mrl-message .mrl-en{font-size:3.5cqw}
.mrl-hint .mrl-message p.mrl-ru{font-size:3cqw}
.mrl-hint .mrl-message-audio{display:flex;justify-content:center;align-items:center;gap:2cqw;margin-top:2cqw;padding:1.8cqw;background:#edf7ff;border-radius:2cqw;font-size:3.3cqw;font-weight:650}
.mrl-hint .mrl-reading{padding:2.6cqw;border:1px solid #d6e6f4;border-radius:2.5cqw;background:linear-gradient(135deg,#fff,#f5faff)}
.mrl-hint .mrl-reading>header{display:flex;align-items:center;gap:1.4cqw;margin-bottom:2cqw}
.mrl-hint .mrl-reading h3{flex:1;margin:0;font-size:4.5cqw}
.mrl-hint p.mrl-text{font-size:3.75cqw;line-height:1.65;margin:0;color:#172947}
.mrl-hint .mrl-question{margin-top:2cqw;padding:1.4cqw;border-radius:2cqw;background:#eaf5ff}
.mrl-hint .mrl-proof{background:#fff0f3;border-radius:2cqw;padding:2cqw;margin-top:2cqw}
.mrl-hint .mrl-proof .mrl-phrase+.mrl-phrase{margin-top:1cqw}
.mrl-hint .mrl-listening{padding:2cqw;border:1px solid #d6e6f4;border-radius:2.3cqw}
.mrl-hint .mrl-listening>h3{text-align:center}
.mrl-hint .mrl-listening>.mrl-phrase{background:#edf7ff}
.mrl-hint .mrl-listening-scene{display:grid;grid-template-columns:34% 1fr;gap:2cqw;align-items:center;margin-top:2cqw}
.mrl-hint .mrl-answer{padding:2cqw;border-radius:2cqw;background:#fff0f3;margin-top:2cqw;font-size:3.8cqw;line-height:1.45}
.mrl-hint .mrl-correction{display:grid;grid-template-columns:1fr 35%;gap:2cqw;align-items:center}
.mrl-hint .mrl-translate{width:6.2cqw;height:6.2cqw;display:grid;place-items:center;flex:none;border:0;border-radius:50%;background:#d9eeff;color:#174d7e;cursor:pointer;font:bold 3cqw/1 sans-serif;padding:0}
.mrl-hint .mrl-translate:hover{background:#c2e2ff}
.mrl-hint .mrl-translate:focus-visible{outline:3px solid #2076ba;outline-offset:3px}
.mrl-hint .mrl-translation{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #b7d6ec;border-radius:16px;background:#fff;color:#172947;box-shadow:0 12px 48px #173d653b;padding:18px;font:400 16px/1.6 Inter,Arial,sans-serif;text-align:left}
.mrl-hint .mrl-translation-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:17px}
.mrl-hint .mrl-translation-head button{width:36px;height:36px;flex:none;background:#eaf5ff;border:0;border-radius:50%;color:#174d7e;font:400 24px/1 sans-serif;cursor:pointer}
.mrl-hint .mrl-translation p{font:400 16px/1.6 Inter,Arial,sans-serif!important;margin:12px 0 0!important;color:#172947!important}

.mrl-hint .mrl-correction .mrl-en em{white-space:nowrap}

/* G5-15–17: compact live cards, readable examples and the original dialogue art. */
.rwi-hint .mrl-intro{font-size:3.55cqw}
.rwi-hint .mrl-phrase{padding:1.5cqw 1.7cqw}
.rwi-hint .mrl-phrase+.mrl-phrase{margin-top:1.2cqw}
.rwi-hint .mrl-en{font-size:3.9cqw}
.rwi-hint p.mrl-ru{font-size:3.25cqw}
.rwi-hint .rwi-art{display:block;width:100%;height:auto;overflow:hidden;border-radius:1.5cqw}
.rwi-hint .rwi-response{display:grid;grid-template-columns:1fr 31%;gap:1.5cqw;align-items:end;margin-top:2.5cqw}
.rwi-hint .rwi-response h3{font-size:3.7cqw}
.rwi-hint .rwi-response .mrl-en{font-size:3.75cqw}
.rwi-hint .rwi-dialogue{display:grid;grid-template-columns:20% 1fr 20%;gap:1.2cqw;align-items:center;padding:2cqw 0;border-bottom:1px solid #dcebf5}
.rwi-hint .rwi-dialogue .mrl-phrase{background:#eef8ff}
.rwi-hint .rwi-dialogue .mrl-phrase:nth-child(2){background:#eff9f5}
.rwi-hint .rwi-alternative{margin-top:2cqw}
.rwi-hint .rwi-listen-scene{display:flex;justify-content:space-around;align-items:end;margin:1.5cqw 0 2cqw;height:32cqw}
.rwi-hint .rwi-listen-scene .rwi-art{width:32%;max-height:100%}
.rwi-hint .rwi-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.7cqw;margin-top:2cqw}
.rwi-hint .rwi-columns>section{padding:1.7cqw;border-radius:2cqw;min-width:0}
.rwi-hint .rwi-columns h3{text-align:center;font-size:3.65cqw}
.rwi-hint .rwi-blue{background:#edf7ff}.rwi-hint .rwi-rose{background:#fff0f4}.rwi-hint .rwi-mint{background:#eef9f4}.rwi-hint .rwi-gold{background:#fff7e5}
.rwi-hint .rwi-plan{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:1cqw;margin-bottom:2cqw;text-align:center;font-size:3.1cqw;font-weight:650}
.rwi-hint .rwi-plan span{padding:1.4cqw .7cqw;background:#edf7ff;border-radius:1.3cqw}
.rwi-hint .rwi-letter{border:1px solid #cce4f6;border-radius:2.2cqw;background:#fff;overflow:hidden;min-width:0}
.rwi-hint .rwi-letter>header,.rwi-hint .rwi-instruction>header{display:flex;gap:1.2cqw;align-items:center;padding:1.7cqw 2cqw;background:#edf7ff}
.rwi-hint .rwi-letter>header h3,.rwi-hint .rwi-instruction>header h3{margin:0;flex:1;font-size:3.5cqw}
.rwi-hint .rwi-letter-body{padding:2.8cqw 3.2cqw;font-size:4.15cqw;line-height:1.55}
.rwi-hint p.rwi-note{font-size:3.65cqw;line-height:1.45;margin:2cqw 0 0;padding:2cqw;background:#f3f8fc;border-radius:1.6cqw}
.rwi-hint .rwi-three{grid-template-columns:1fr 1fr 1fr}
.rwi-hint .rwi-three .mrl-en{font-size:3.25cqw;align-items:flex-start}
.rwi-hint .rwi-three p.mrl-ru{font-size:3cqw}
.rwi-hint .rwi-three .grammar-sound{width:4.6cqw;height:4.6cqw;min-width:4.6cqw;min-height:4.6cqw}
.rwi-hint .rwi-three .mrl-phrase{padding:1cqw}
.rwi-hint .rwi-check-layout{display:grid;grid-template-columns:40% 1fr;gap:2cqw;align-items:start}
.rwi-hint .rwi-step{display:flex;gap:1.6cqw;padding:2cqw;border-radius:2cqw;margin-top:1.6cqw;font-size:3.25cqw;line-height:1.45}
.rwi-hint .rwi-step:first-child{margin-top:0}
.rwi-hint .rwi-step>div{flex:1;min-width:0}.rwi-hint .rwi-step h3{font-size:3.8cqw;margin:0 0 .7cqw}
.rwi-hint .rwi-step p{font-size:3.3cqw;line-height:1.45;margin:1cqw 0 0}
.rwi-hint .rwi-number{flex:none;display:grid;place-items:center;border-radius:50%;width:5.2cqw;height:5.2cqw;background:#fff;color:#255778;font-size:3.7cqw}
.rwi-hint .rwi-checklist .rwi-step{padding:1.6cqw;gap:1cqw}
.rwi-hint .rwi-checklist .rwi-step h3{font-size:3.3cqw}
.rwi-hint .rwi-checklist .rwi-step{font-size:3.05cqw}
.rwi-hint .rwi-check-layout .rwi-letter-body{font-size:3.9cqw;padding:2.3cqw;line-height:1.5}
.rwi-hint [class^=rwi-mark-]{box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:.7cqw;padding:.1cqw .5cqw}
.rwi-hint .rwi-mark-rose{background:#ffe0e9}.rwi-hint .rwi-mark-blue{background:#dcf0ff}.rwi-hint .rwi-mark-mint{background:#dcf4e9}.rwi-hint .rwi-mark-gold{background:#fff0c5}
.rwi-hint .rwi-phrase-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4cqw}
.rwi-hint .rwi-phrase-grid .mrl-phrase{background:#edf7ff;margin:0;padding:1.7cqw}
.rwi-hint .rwi-phrase-grid .mrl-en{font-size:3.65cqw;font-weight:750}
.rwi-hint .rwi-phrase-grid p.mrl-ru{font-size:3.2cqw}
.rwi-hint .rwi-phrase-grid .mrl-phrase:last-child{grid-column:1/-1}
.rwi-hint .rwi-instruction{border:1px solid #d4e7f4;border-radius:2cqw;overflow:hidden;margin-bottom:2cqw}
.rwi-hint .rwi-instruction p{font-size:3.9cqw;line-height:1.7;padding:2cqw;margin:0}
.rwi-hint[data-rule="G5-17.02"] .grammar-paper>h2{font-size:5.7cqw!important}

/* Each label and its example share a row and a colour. Type stays in the card's scale. */
.rwi-hint .grammar-paper .rwi-note{font-size:3.7cqw;line-height:1.45;padding:2cqw;margin:2cqw 0 0}
.rwi-hint .rwi-email-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:2cqw;align-items:start}
.rwi-hint .rwi-email-layout .rwi-letter-body{font-size:3.9cqw;line-height:1.48;padding:2cqw}
.rwi-hint .rwi-email-layout .rwi-letter>header{flex-wrap:wrap;gap:1.3cqw}
.rwi-hint .rwi-email-layout .rwi-letter>header h3{flex-basis:100%;font-size:3.4cqw}
.rwi-hint .rwi-email-side{display:grid;gap:2cqw;align-self:stretch;align-content:space-between}
.rwi-hint .rwi-email-plan{padding:2cqw;border-radius:2cqw;background:#fff7e5;font-size:3.5cqw;line-height:1.4}
.rwi-hint .rwi-email-plan h3{font-size:4cqw;margin-bottom:2cqw}
.rwi-hint .rwi-email-plan>div{display:flex;align-items:baseline;gap:1.2cqw;margin:2cqw 0}
.rwi-hint .rwi-email-plan b{color:#8b6326;flex:none}
.rwi-hint .rwi-postcard{border:1px solid #d4e7f4;border-radius:2cqw;overflow:hidden;background:#fff}
.rwi-hint .rwi-postcard>header,.rwi-hint .rwi-mapped-letter>header{display:flex;align-items:center;gap:1.5cqw;padding:2cqw;background:#edf7ff}
.rwi-hint .rwi-postcard>header h3,.rwi-hint .rwi-mapped-letter>header h3{flex:1;margin:0;font-size:3.9cqw}
.rwi-hint .rwi-topic-art{width:10cqw;height:10cqw;margin:0 auto 1.5cqw;display:grid;place-items:center}
.rwi-hint .rwi-topic-art .rwi-art{height:100%;width:100%}
.rwi-hint .rwi-three .mrl-phrase{position:relative;padding:1.3cqw}
.rwi-hint .rwi-three .mrl-en{display:block;font-size:3.6cqw;padding-right:4cqw}
.rwi-hint .rwi-three .grammar-sound{position:absolute;top:1cqw;right:.5cqw;width:4cqw;height:4cqw;min-width:4cqw;min-height:4cqw}
.rwi-hint .rwi-three p.mrl-ru{font-size:3.5cqw}
.rwi-hint .rwi-mapped-letter{border:1px solid #d4e7f4;border-radius:2cqw;overflow:hidden}
.rwi-hint .rwi-letter-part{display:grid;grid-template-columns:33% minmax(0,1fr);gap:2cqw;margin-top:1.3cqw;padding:2cqw;align-items:center;font-size:4cqw;line-height:1.45}
.rwi-hint .rwi-letter-part h3{display:flex;justify-content:space-between;gap:1cqw;align-items:center;font-size:3.6cqw;margin:0}
.rwi-hint .rwi-letter-part h3 span{font-size:4cqw;opacity:.55}
.rwi-hint .rwi-sand{background:#f4f1eb}.rwi-hint .rwi-peach{background:#ffeddf}
.rwi-hint .rwi-instruction-parts{display:grid;gap:1.3cqw;padding:2cqw}
.rwi-hint .rwi-instruction-part{display:flex;gap:1.5cqw;align-items:baseline;padding:1.5cqw;border-radius:1.4cqw;font-size:4cqw;line-height:1.5}
.rwi-hint .grammar-paper .rwi-step p{font-size:3.5cqw;line-height:1.4}
.rwi-hint .rwi-instruction-part.rwi-rose,.rwi-hint .rwi-step.rwi-rose{background:#ffe5ee}
.rwi-hint .rwi-instruction-part.rwi-gold,.rwi-hint .rwi-step.rwi-gold{background:#fff0c5}
.rwi-hint .rwi-instruction-part.rwi-blue,.rwi-hint .rwi-step.rwi-blue{background:#dcf0ff}

.rwi-hint .rwi-rose{--rwi-tone:#b64469}.rwi-hint .rwi-blue{--rwi-tone:#256b9c}.rwi-hint .rwi-gold{--rwi-tone:#94600b}.rwi-hint .rwi-mint{--rwi-tone:#27745c}.rwi-hint .rwi-sand{--rwi-tone:#746451}.rwi-hint .rwi-peach{--rwi-tone:#a05242}
.rwi-hint .rwi-letter-part{border-left:.6cqw solid var(--rwi-tone);border-radius:1.3cqw}
.rwi-hint .rwi-letter-part h3{color:var(--rwi-tone)}
.rwi-hint .rwi-number{background:var(--rwi-tone,#256b9c);color:#fff}

/* G5-18: keep the supplied grids, artwork and semantic group colours. */
.sph-hint .grammar-paper>h2{font-size:6.4cqw!important;text-align:center;line-height:1.15!important;margin-bottom:2.4cqw!important}
.sph-hint .sph-intro{background:#edf7ff;border-radius:1.7cqw;padding:1.5cqw 2cqw;margin-bottom:1.8cqw;font-size:3.2cqw;line-height:1.35;color:#446083}
.sph-hint .sph-grid{display:grid;gap:1.1cqw}.sph-hint .sph-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sph-hint .sph-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sph-hint .sph-word{background:#fbf8f2;border-radius:1.8cqw;padding:1.2cqw;min-width:0}
.sph-hint .sph-blue .sph-word{background:#edf8ff}
.sph-art{display:block;width:100%;height:auto;overflow:hidden;border-radius:1.2cqw}
.sph-hint .sph-word>.sph-art{height:10.5cqw;object-fit:contain;margin-bottom:.6cqw}
.sph-hint .sph-cols-3 .sph-art{height:16cqw}
.sph-hint .sph-en{display:flex;align-items:center;gap:.55cqw;font-size:3.1cqw;line-height:1.18;letter-spacing:-.025em}
.sph-hint .sph-en>b{min-width:0;flex:1;font-weight:800}
.sph-hint .grammar-sound{width:3.65cqw;height:3.65cqw;min-width:3.65cqw;min-height:3.65cqw;flex:0 0 3.65cqw;padding:.7cqw}
.sph-hint .grammar-paper .sph-word>p{font-size:2.9cqw;line-height:1.25;overflow-wrap:anywhere;hyphens:auto;color:#536c91;margin:.6cqw 0 0}
.sph-hint .sph-cols-3 .sph-en{font-size:3.15cqw}.sph-hint .sph-cols-3 .sph-word>p{font-size:2.8cqw}
.sph-hint .sph-people-group{padding:1.5cqw;border-radius:2cqw;margin:1.4cqw 0}
.sph-hint .sph-gold{background:#fff7e7}.sph-hint .sph-blue{background:#edf8ff}.sph-hint .sph-mint{background:#effaf3}
.sph-hint .sph-grid.sph-blue{background:transparent}
.sph-hint h3{font-size:3.7cqw;margin:0 0 1.2cqw;line-height:1.2;color:#192f53}
.sph-hint .sph-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8cqw}
.sph-hint .sph-people-group .sph-word{display:grid;grid-template-columns:1fr 1fr;gap:1cqw;align-items:center;background:#fff;padding:1.2cqw}
.sph-hint .sph-people-group .sph-en{font-size:3cqw}.sph-hint .sph-people-group .sph-word>p{font-size:2.6cqw;margin:0}
.sph-hint .grammar-paper .sph-note{font-size:2.7cqw;line-height:1.35;margin:1cqw 0;color:#536c91}
.sph-hint .sph-example{display:flex;gap:2cqw;align-items:center;border-radius:2cqw;padding:1.6cqw;margin-top:1.7cqw}
.sph-hint .sph-example>div{flex:1;min-width:0}.sph-hint .sph-example>.sph-art{width:31%;height:auto;flex:none}
.sph-hint .sph-example .sph-word{background:#fff;padding:1.6cqw}
.sph-hint .sph-example .sph-en{font-size:3.5cqw;line-height:1.3}.sph-hint .sph-example .sph-word>p{font-size:2.9cqw}
.sph-hint .sph-example .grammar-sound{width:4.8cqw;height:4.8cqw;min-width:4.8cqw;min-height:4.8cqw;flex-basis:4.8cqw}
.sph-hint[data-rule="G5-18.03.03"] .sph-en{font-size:2.8cqw}
.sph-hint[data-rule="G5-18.03.03"] .sph-example .sph-en{font-size:3.5cqw}
.task-picture>.sph-art{width:min(100%,240px);max-height:190px;margin:auto}
.grammar-practice .task-picture:has(>.sph-art){height:auto;width:min(100%,210px);margin:14px auto 22px}

/* G5-19–20: supplied seasonal panels and two-column city/leisure compositions. */
.nct-art{display:block;width:100%;height:auto;overflow:hidden;border-radius:1.3cqw}
.nct-hint .sph-word>.nct-art{height:13cqw;margin-bottom:1cqw}
.nct-hint .sph-cols-3 .sph-word>.nct-art{height:13.5cqw}
.nct-hint .sph-example>.nct-art{width:31%;height:auto;flex:none}
.nct-hint .sph-en{font-size:3.15cqw;line-height:1.2}
.nct-hint .sph-word>p{font-size:2.9cqw}
.nct-hint .nct-seasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3cqw}
.nct-hint .nct-season{padding:1.3cqw;border-radius:2cqw}
.nct-hint .sph-peach{background:#fff2e9}
.nct-hint .nct-season>.nct-art{height:17cqw}
.nct-hint .nct-season>.sph-word{background:transparent;padding:.9cqw .2cqw 1.4cqw}
.nct-hint .nct-season>.sph-word .sph-en{font-size:4cqw}
.nct-hint .nct-season-words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8cqw}
.nct-hint .nct-season-words .sph-word{background:#ffffffdb;padding:1cqw .7cqw}
.nct-hint .nct-season-words .nct-art{height:6cqw}
.nct-hint .nct-season-words .sph-en{font-size:3cqw;display:block;position:relative;padding-bottom:4cqw}
.nct-hint .nct-season-words .grammar-sound{position:absolute;bottom:0;left:0;width:3.3cqw;height:3.3cqw;min-width:3.3cqw;min-height:3.3cqw}
.nct-hint .nct-season-words .sph-word>p{font-size:2.4cqw;line-height:1.3;white-space:nowrap}
.nct-hint .nct-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1cqw}
.nct-hint .nct-side-word{display:grid;grid-template-columns:32% minmax(0,1fr);gap:1.2cqw;align-items:center;padding:1.1cqw;border-radius:1.8cqw;background:#fbf8f2;min-width:0}
.nct-hint .nct-side-word>.nct-art{height:14cqw}
.nct-hint .nct-side-word>div{min-width:0}
.nct-hint .nct-side-word .sph-word{padding:0;background:transparent}
.nct-hint .nct-side-word .sph-en{font-size:3.1cqw}
.nct-hint .nct-side-word .sph-word>p{font-size:2.8cqw;margin:.4cqw 0}
.nct-hint .nct-city-phrase{font-size:2.7cqw;line-height:1.3;margin-top:1.1cqw}
.nct-hint .nct-phrase-controls{display:flex;gap:.8cqw;margin-top:.7cqw}
.nct-hint .nct-phrase-controls .mrl-translate{width:3.8cqw;height:3.8cqw;min-width:3.8cqw;min-height:3.8cqw;font-size:2.1cqw;padding:0}
.nct-hint .nct-leisure .nct-side-word{grid-template-columns:36% minmax(0,1fr);background:#f5faff}
.nct-hint .nct-leisure .nct-side-word>.nct-art{height:11.5cqw}
.nct-hint .nct-leisure .sph-en{font-size:2.85cqw}
.nct-hint .nct-leisure .sph-word>p{font-size:2.7cqw}
.grammar-practice .task-picture:has(>.nct-art){height:auto;width:min(100%,230px);margin:14px auto 22px}
.task-picture>.nct-art{width:100%;max-height:180px;margin:auto}
.lesson-layout.grammar-practice.practice-layout:not(.has-hint){max-width:580px;margin:20px auto 28px}
.grammar-practice.practice-layout .lesson-task{padding:24px}
.grammar-practice .lesson-topic{font-size:22px;line-height:1.35;padding-bottom:10px;margin-bottom:14px}
.grammar-practice.practice-layout .task-prompt{margin-bottom:16px;font-size:20px;line-height:1.4}
.grammar-practice.practice-layout .task-target{font-size:22px;margin-top:6px}
.grammar-practice.practice-layout .learning-option{min-height:48px;padding:10px 14px;font-size:18px;line-height:1.4}
.grammar-practice .lexical-question{display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px;align-items:center;margin:14px 0}
.grammar-practice .lexical-question .task-picture{height:112px;width:116px;margin:0 auto}
.grammar-practice .lexical-question .task-picture>svg{display:block;width:100%;height:100%;max-height:112px;object-fit:contain}
.grammar-practice .lexical-question .options{gap:8px;margin:0}.grammar-practice .lexical-question .word-option-select{flex-basis:22px;min-height:24px}
.grammar-practice.lexical-task .actions{margin-top:16px;gap:10px}
.grammar-practice.lexical-task .actions>.primary,.grammar-practice.lexical-task .actions>.quiet{font-size:16px;min-height:44px;padding:10px 16px;line-height:1.4}
.grammar-practice.lexical-task .inline-result{margin-top:12px}
@media(max-width:600px){.grammar-practice.practice-layout .lesson-task{padding:18px}.grammar-practice.practice-layout:not(.has-hint){margin:16px auto 24px}.grammar-practice .lexical-question{grid-template-columns:88px minmax(0,1fr);gap:12px}.grammar-practice .lexical-question .task-picture{width:88px;height:90px}.grammar-practice .lexical-question .task-picture>svg{max-height:90px}.grammar-practice.practice-layout .task-target{font-size:21px}.grammar-practice .lesson-topic{font-size:21px}}