/* HSK-BASE-003/010; quality/accessibility. Homepage styling for existing grammar study. */

body[data-page="grammar"].multipage-site.prototype-v2 {
 --grammar-ink:#252d41; --grammar-muted:#677083; --grammar-line:#e3e7ef; --grammar-bg:#f5f5f7;
 --grammar-green:#315fd4; --grammar-green-dark:#244bac; --grammar-green-soft:#edf2ff;
 --grammar-edu-ink:#252d41; --grammar-edu-muted:#677083; --grammar-edu-line:#e3e7ef;
 --grammar-edu-primary:#315fd4; --grammar-edu-primary-strong:#244bac; --grammar-edu-shadow:none;
 --hanyu-ink:#252d41; --hanyu-muted:#677083; --hanyu-line:#e3e7ef; --hanyu-primary:#315fd4; --hanyu-primary-hover:#244bac;
 --test-nav-ink:#29292c; --test-nav-green:#315fd4; --test-nav-green-dark:#244bac; --test-nav-line:#e3e7ef;
 --test-nav-soft:#edf2ff; --test-nav-shadow:0 8px 28px -14px rgb(34 45 74 / 12%);
 --grammar-serif:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Noto Sans SC",sans-serif;
 background:#f5f5f7; color:#252d41;
}
body[data-page="grammar"].multipage-site.prototype-v2 .site-header { border:1px solid var(--grammar-line); border-radius:20px; box-shadow:var(--test-nav-shadow); background:rgb(255 255 255 / 92%); }
body[data-page="grammar"].multipage-site.prototype-v2 .site-header .brand { color:#29292c; letter-spacing:-.04em; font-weight:650; }
body[data-page="grammar"].multipage-site.prototype-v2 .site-header .brand-mark { width:34px; height:34px; }
body[data-page="grammar"].multipage-site.prototype-v2 .site-header .button.button--dark { border:1px solid transparent; border-radius:999px; background:#315fd4; box-shadow:none; min-height:44px; }
body[data-page="grammar"].multipage-site.prototype-v2 .site-header .button:hover { transform:none; box-shadow:0 4px 12px rgb(49 95 212 / 12%); }
body[data-page="grammar"].multipage-site.prototype-v2 .site-header .mobile-menu-button { width:48px; height:48px; border:1px solid var(--grammar-line); border-radius:14px; }
body[data-page="grammar"].multipage-site.prototype-v2 .site-header .mobile-nav { background:#fff; border-radius:0 0 20px 20px; }
body[data-page="grammar"].multipage-site.prototype-v2 .site-header .mobile-nav a { min-height:44px; }
body[data-page="grammar"].multipage-site.prototype-v2 :focus-visible { outline:3px solid #315fd4; outline-offset:3px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content { background:#f5f5f7; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .seo-hero { padding:22px 0 16px; background:transparent; border:0; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .seo-breadcrumb { margin-bottom:18px; color:var(--grammar-muted); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .seo-hero__grid { gap:0; margin:0; padding:0; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .seo-hero h1 { color:#222326; font-family:var(--grammar-serif); font-size:44px; line-height:1.15; font-weight:650; letter-spacing:-.045em; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .seo-hero h1 em { font-size:16px; color:var(--grammar-muted); font-weight:400; letter-spacing:0; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .seo-hero__lead { max-width:760px; margin-top:12px; font-size:14px; color:var(--grammar-muted); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product { padding-top:0; background:transparent; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__switch { width:fit-content; max-width:calc(100% - 32px); padding:4px; margin:0 0 24px max(16px,calc((100% - 1120px)/2)); gap:4px; border:1px solid var(--grammar-line); border-radius:15px; background:#ebeef4; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__switch a { min-height:44px; padding:10px 22px; border:1px solid transparent; border-radius:11px; color:var(--grammar-muted); background:transparent; box-shadow:none; font-size:14px; font-weight:550; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__switch a[aria-current] { color:var(--grammar-green); border-color:transparent; background:#fff; box-shadow:0 2px 6px rgb(37 45 65 / 7%); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__switch a span { display:none; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__workspace { grid-template-columns:270px minmax(0,1fr); gap:24px; padding:0; border:0; background:transparent; box-shadow:none; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser { padding:16px; border:1px solid var(--grammar-line); border-radius:20px; background:#fff; box-shadow:0 6px 24px -16px rgb(37 45 65 / 12%); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser > summary { font-size:14px; padding:0 0 10px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser .grammar-product__search { margin:4px 0 14px; padding:0; border:0; background:transparent; box-shadow:none; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__search > span { font-size:11px; font-weight:500; color:var(--grammar-muted); letter-spacing:.06em; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser .grammar-product__search input { padding:10px 12px; border:1px solid var(--grammar-line); border-radius:12px; color:var(--grammar-ink); background:#f8f9fc; font-size:14px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-categories { padding:0 10px; border:1px solid var(--grammar-line); border-radius:12px; background:#f8f9fc; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-categories > summary { min-height:44px; padding-block:10px; color:var(--grammar-muted); font-size:13px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser .grammar-category-nav__items { gap:6px; margin:0; padding:0 0 10px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser .grammar-category-nav__items button { min-width:0; min-height:48px; padding:10px; border:1px solid transparent; border-radius:10px; background:transparent; box-shadow:none; color:var(--grammar-muted); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser .grammar-category-nav__items button.is-active { background:#eaf0ff; color:var(--grammar-green); border-color:#d7e1fb; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-category-nav__items button > span { display:none; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-category-nav__items button > strong { font-size:13px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-category-nav__items button > small { color:var(--grammar-muted); font-size:11px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser .grammar-product__directory { padding:12px 0 0; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-topic-list__heading { padding:12px 4px; border-color:var(--grammar-line); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-topic-list__heading strong { font-size:13px; color:var(--grammar-ink); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-topic-list { padding:8px 0; gap:5px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-topic-list button { grid-template-columns:minmax(0,1fr) auto; min-height:68px; gap:8px; padding:12px; border:1px solid transparent; border-radius:12px; color:var(--grammar-ink); background:transparent; box-shadow:none; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-topic-list button > span:first-child { display:none; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-topic-list button strong { font-size:13px; font-weight:550; line-height:1.5; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-topic-list button small { margin-top:4px; color:var(--grammar-muted); font-size:12px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-topic-list button i { color:var(--grammar-muted); font-size:11px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content [data-grammar-topic][aria-pressed="true"] { color:var(--grammar-green); border-color:#d7e1fb; background:#edf2ff; box-shadow:none; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser .grammar-product__progress-card { margin:8px 0 0; padding:12px 0; border-top:1px solid var(--grammar-line); border-radius:0; background:transparent; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__progress-track { background:#edf0f6; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__progress-track i { background:var(--grammar-green); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__lesson { padding:28px; min-height:0; border:1px solid var(--grammar-line); border-radius:24px; background:#fff; box-shadow:0 6px 24px -16px rgb(37 45 65 / 12%); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__head { display:flex; flex-wrap:wrap; gap:12px; padding:0 0 20px; margin:0 0 20px; border-color:var(--grammar-line); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__head > div { flex:1 1 300px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__head small { font-size:11px; font-weight:550; letter-spacing:.08em; color:var(--grammar-green); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__head h2 { margin:12px 0 0; color:var(--grammar-ink); font-family:var(--grammar-serif); font-size:30px; line-height:1.22; letter-spacing:-.035em; font-weight:600; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__head h2 span { display:block; margin:8px 0 0; font-size:15px; color:var(--grammar-muted); letter-spacing:0; font-weight:400; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__head p { margin-top:12px; color:var(--grammar-muted); font-size:14px; line-height:1.6; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__duration { padding:5px 10px; color:var(--grammar-muted); background:#f5f7fb; border:0; font-size:12px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck { border:1px solid #dce4f5; border-radius:20px; box-shadow:0 8px 24px -18px rgb(49 95 212 / 18%); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__flip { min-height:0; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__inner { min-height:0; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__face { min-height:0; padding:26px; background:linear-gradient(140deg,#f4f7ff,#fff 75%); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__face[aria-hidden="true"] { position:absolute; inset:0; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__face > small:first-child { color:var(--grammar-green); font-size:11px; letter-spacing:.06em; font-weight:500; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__front > strong { margin-top:22px; font-family:var(--grammar-serif); font-size:clamp(28px,3.4vw,44px); font-weight:500; line-height:1.5; letter-spacing:0; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__front > em[data-grammar-pinyin], body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-model__pronunciation em { margin-top:12px; font-weight:400; color:#5f7196; font-size:15px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__translation { margin-top:8px; color:var(--grammar-muted); font-size:14px; font-weight:400; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__face > em:last-child { margin:20px 0 0; padding:0; color:var(--grammar-green); font-size:12px; font-weight:500; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__back { background:#f3f6ff; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__back > strong { margin-top:16px; font-family:var(--grammar-serif); font-size:22px; color:var(--grammar-ink); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__rule { font-family:var(--grammar-serif); font-size:17px; line-height:1.7; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__tip { padding:14px; color:var(--grammar-muted); background:#fff; border:1px solid var(--grammar-line); border-radius:12px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck .grammar-model__actions { gap:8px; padding:12px 20px; background:#fff; border-color:#e3e9f6; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck .grammar-model__actions button { min-height:44px; border:1px solid var(--grammar-line); border-radius:999px; color:var(--grammar-green); background:#fff; font-size:13px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck .grammar-model__actions button:first-child { color:#fff; background:var(--grammar-green); border-color:transparent; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck .grammar-model__actions .ph { color:inherit; background:transparent; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-explanation-section__heading { gap:16px; margin-bottom:16px; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-explanation-section__heading h3 { font-family:var(--grammar-serif); font-size:22px; color:var(--grammar-ink); letter-spacing:-.025em; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-explanation-section__heading p { font-size:13px; color:var(--grammar-muted); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-explanation-section__heading > div > span, body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-content-block header > span { color:var(--grammar-muted); font-size:11px; font-weight:500; letter-spacing:.06em; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content [data-grammar-reveal-all] { min-height:44px; padding:10px 14px; border:1px solid var(--grammar-line); border-radius:12px; color:var(--grammar-green); background:#f5f7fc; font-size:13px; box-shadow:none; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card__face { border:1px solid var(--grammar-line); border-radius:16px; padding:20px; box-shadow:none; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card__front { background:#fff; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card__back { background:#f4f7ff; color:var(--grammar-ink); border-color:#dce4f5; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card__face > small { color:var(--grammar-green); font-size:11px; letter-spacing:.05em; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card__front > strong { font-family:var(--grammar-serif); color:var(--grammar-ink); font-size:19px; line-height:1.45; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card__face > em:last-child, body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card__back > i { color:var(--grammar-green); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card--example .grammar-flip-card__front > strong { font-size:25px; font-weight:500; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-mistake > span, body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-mistake > span + span { border-color:var(--grammar-line); background:#f7f8fb; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__footer { position:static; gap:10px; padding:20px 0 0; border-color:var(--grammar-line); background:transparent; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__footer button, body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__footer a { min-height:44px; padding:10px 16px; border-radius:999px; box-shadow:none; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__next { padding:24px; border:1px solid var(--grammar-line); border-radius:20px; background:#fff; box-shadow:none; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__next strong { font-family:var(--grammar-serif); color:var(--grammar-ink); }
@media(max-width:900px) {
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__workspace { grid-template-columns:minmax(0,1fr); gap:16px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser { padding:0 16px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser > summary { min-height:52px; padding:14px 0; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser .grammar-product__search input { font-size:16px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .module-grammar-browser .grammar-category-nav__items { grid-template-columns:minmax(0,1fr); }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__lesson { padding:24px; }
}
@media(max-width:700px) {
 body[data-page="grammar"].multipage-site.prototype-v2 [data-site-header] { min-height:78px; padding-top:8px; }
 body[data-page="grammar"].multipage-site.prototype-v2 .site-header { top:8px; left:12px; width:calc(100% - 24px); transform:none; border-radius:16px; }
 body[data-page="grammar"].multipage-site.prototype-v2 .site-header .nav-wrap { min-height:60px; width:calc(100% - 28px); }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .seo-hero { padding:16px 0; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .seo-breadcrumb { display:none; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .seo-hero h1 { font-size:30px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .seo-hero h1 em { display:none; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__switch { width:calc(100% - 32px); margin-bottom:16px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__switch a { padding:10px 8px; font-size:13px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__lesson { padding:18px; border-radius:20px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__head { gap:10px; padding-bottom:16px; margin-bottom:16px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__head > div { flex-basis:100%; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__head h2 { font-size:26px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__head h2 span { font-size:14px; margin-top:6px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__duration { display:none; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__face { padding:20px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__front > strong { margin-top:16px; font-size:30px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck .grammar-model__actions { padding:10px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck .grammar-model__actions button { flex:1 1 0; padding:8px; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-explanation-section__heading { flex-direction:column; align-items:flex-start; }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-explanation-grid, body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-note-grid, body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-example-grid { grid-template-columns:minmax(0,1fr); }
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-lesson__footer button { flex:1 1 auto; }
}
@media(prefers-reduced-motion:reduce) {
 body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__inner, body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card__inner { transition:none; }
}
/* Preserve the pinyin control against inherited face display rules. */
body[data-page="grammar"].multipage-site.prototype-v2 #main-content [data-grammar-pinyin][hidden] { display:none; }

/* HSK-BASE-003/010: restrained semantic accents for learning content. */
body[data-page="grammar"].multipage-site.prototype-v2 {
 --grammar-violet:#7045b6; --grammar-teal:#19715e; --grammar-amber:#9b4d20;
}
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck { border-color:#d6dcf4; box-shadow:0 12px 28px -20px rgb(93 79 168 / 28%); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__front { background:radial-gradient(ellipse at 100% 0%,#e9dcfa 0%,transparent 58%),linear-gradient(125deg,#e8efff,#f7faff 78%); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__front > small:first-child { width:fit-content; padding:5px 9px; border-radius:7px; background:rgb(255 255 255 / 78%); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__back { background:linear-gradient(140deg,#eee5fc,#faf8ff); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__back > small:first-child,
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__back > em:last-child { color:var(--grammar-violet); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__tip { border-color:#e4d8f6; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card--rule,
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card--note { --card-tint:#f1eafa; --card-paper:#fcfaff; --card-line:#dfd1f1; --card-accent:var(--grammar-violet); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card--mistake { --card-tint:#ffeddf; --card-paper:#fffaf6; --card-line:#efd3ba; --card-accent:var(--grammar-amber); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card--example { --card-tint:#e4f4ed; --card-paper:#f7fcf9; --card-line:#c8e4d8; --card-accent:var(--grammar-teal); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card .grammar-flip-card__face { border-color:var(--card-line); background:linear-gradient(145deg,var(--card-tint),var(--card-paper)); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card .grammar-flip-card__back { background:var(--card-paper); box-shadow:inset 0 3px var(--card-line); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card .grammar-flip-card__face > small,
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card .grammar-flip-card__face > em:last-child,
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card .grammar-flip-card__back > i { color:var(--card-accent); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-mistake > span:first-child { border-color:#f0d5c0; background:#fff6ef; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-mistake > span:last-child { border-color:#bcdccd; background:#e8f5ee; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-mistake > span:first-child small { color:var(--grammar-amber); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-mistake > span:last-child small,
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-mistake > span:last-child b { color:#195e4d; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__progress-track i { background:linear-gradient(90deg,#258a74,#4cab93); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-topic-list button.is-complete i { color:var(--grammar-teal); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__switch a:last-child[aria-current] { color:var(--grammar-violet); background:#f8f3ff; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-product__next { border-color:#e3daf3; background:linear-gradient(120deg,#f4effb,#fff 80%); }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__front > em[data-grammar-pinyin],
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__front .grammar-model__pronunciation em { color:#4d6083; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__translation { color:#535e72; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card .grammar-flip-card__button { border:0; background:transparent; box-shadow:none; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card__face > span:not(.grammar-mistake) { color:#535e72; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-flip-card--example [data-grammar-pinyin] { color:#2c6656; }
body[data-page="grammar"].multipage-site.prototype-v2 #main-content .grammar-study-deck__front > em:last-child { color:#244bac; }