/* Website literacy: full examples, contextual inspection, and concrete component labs. */
.wb-page { max-width:1600px; padding-top:30px; padding-bottom:72px; }
.wb-intro { display:grid; grid-template-columns:1fr auto; gap:12px 20px; padding:0 0 32px; }
.wb-intro .ws-back { margin:0; font-size:11px; }
.wb-intro > .eyebrow { font-size:10px; align-self:center; }
.wb-intro h1 { grid-column:1 / -1; font-size:var(--type-page-size); margin:2px 0 4px; letter-spacing:var(--type-page-tracking); line-height:var(--type-page-leading); }
.wb-intro-copy { grid-column:1 / -1; max-width:86ch; color:var(--ink-2); font-size:14.5px; line-height:1.9; }
.wb-intro-stats { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:6px; }
.wb-intro-stats span { display:inline-flex; align-items:baseline; gap:7px; padding-left:10px; border-left:2px solid var(--accent); color:var(--ink-2); font-size:12px; }
.wb-intro-stats b { color:var(--ink); font-size:20px; font-variant-numeric:tabular-nums; }
.wb-course-map { margin-top:80px; }
.wb-course-map > .wb-section-heading { margin-bottom:26px; }
.wb-chapter-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; min-width:0; }
.wb-chapter-body { margin-top:32px; }
.wb-chapter-body .wb-anatomy { border-top:0; padding-top:0; }
.wb-chapter-body .wb-component-lesson,
.wb-chapter-body .wb-glossary,
.wb-chapter-body .wb-quiz { margin-top:8px; }
.sb-chapter-page .wb-anatomy-toolbar { top:calc(var(--header-h) + 58px); }
.sb-chapter-page .wb-inspector { top:calc(var(--header-h) + 132px); }
.wb-page.sb-chapter-page button,
.wb-page.sb-chapter-page summary,
.wb-page.sb-chapter-page input { scroll-margin-top:calc(var(--header-h) + 130px); }
.wb-unknown-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.wb-unknown-links a.is-next { margin-left:0; text-align:left; }
.wb-section-heading { margin-bottom:26px; }
.wb-section-heading h2 { font-size:var(--type-section-size); line-height:var(--type-section-leading); letter-spacing:var(--type-section-tracking); margin:12px 0 16px; }
.wb-section-heading > p:last-child { font-size:14px; color:var(--ink-2); max-width:90ch; line-height:1.9; }
.wb-button:disabled { cursor:default; }
.wb-page button,.wb-page summary,.wb-page input { scroll-margin-top:160px; }
.wb-page button:focus-visible,.wb-page summary:focus-visible,.wb-page input:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.wb-page [tabindex="-1"]:focus { outline:none; }
.wb-anatomy { scroll-margin-top:calc(var(--header-h) + 24px); border-top:1px solid var(--line-strong); padding-top:32px; }
.wb-anatomy-toolbar { position:sticky; top:var(--header-h); z-index:8; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:12px 0; background:var(--bg); border-bottom:1px solid var(--line); }
.wb-type-switch,.wb-mode-switch { display:flex; gap:4px; padding:4px; border-radius:12px; background:#e8ebef; }
.wb-type-switch .wb-button,.wb-mode-switch .wb-button { border-color:transparent; background:transparent; }
.wb-type-switch [aria-pressed="true"].wb-button { color:var(--ink); background:#fff; box-shadow:0 2px 5px #0000000a; }
.wb-mode-switch [aria-pressed="true"].wb-button { background:#dbeafa; color:#075cae; }
.wb-type-description { margin:18px 0; color:var(--ink-2); font-size:13px; }
.wb-region-menu { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:22px; }
.wb-region-menu .wb-button { display:flex; align-items:center; gap:8px; padding:8px 10px; background:transparent; border-radius:6px; }
.wb-region-menu small { font:10px var(--font-mono); color:var(--ink-3); }
.wb-region-menu .wb-chip-english { font:9px var(--font-mono); color:var(--ink-2); }
.wb-region-menu [aria-pressed="true"].wb-button { background:#e3eef9; color:#075cae; border-color:#a1bfdc; }
.wb-region-menu [aria-pressed="true"] small,.wb-region-menu [aria-pressed="true"] .wb-chip-english { color:#075cae; }
.wb-example-study { display:grid; grid-template-columns:minmax(0,1fr) 318px; gap:22px; align-items:start; }
.wb-live-example { min-width:0; background:#fff; border:1px solid #c9d3dd; border-radius:12px; overflow:hidden; }
.wb-example-topline { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:11px 16px; background:#e9edf2; border-bottom:1px solid #cfd8e2; }
.wb-example-topline > span { font-size:9px; letter-spacing:3px; color:#6e8295; }
.wb-example-topline strong { font-size:11px; font-weight:500; }
.wb-example-topline .wb-button { background:transparent; font-size:10px; padding:4px 8px; }
.wb-example-frame { display:block; border:0; width:100%; height:660px; background:white; }
.wb-frame-caption { font-size:11px; line-height:1.8; color:#50677d; background:#f0f5fa; border-top:1px solid #d6e0ea; padding:12px 16px; min-height:46px; }
.wb-anatomy[data-mode="browse"] .wb-frame-caption { background:#edf5ee; color:#3f6348; }
.wb-inspector { position:sticky; top:calc(var(--header-h) + 90px); max-height:760px; overflow:auto; background:#fff; border:1px solid var(--line); border-radius:12px; padding:24px; }
.wb-selection-heading .eyebrow { font-size:9px; line-height:1.8; letter-spacing:0; color:#4a6c8b; }
.wb-selection-heading h3 { font-size:24px; line-height:1.4; margin:12px 0 14px; }
.wb-selection-heading h3 span { display:block; font:11px/1.7 var(--font-mono); color:var(--accent-ink); margin-top:4px; }
.wb-selection-heading > p { font-size:13px; line-height:1.9; margin-bottom:22px; }
.wb-explanation-grid h4 { font-size:12px; letter-spacing:0; margin:18px 0 10px; }
.wb-explanation-grid p { font-size:12px; line-height:1.9; color:var(--ink-2); }
.wb-instance-copy blockquote { margin:0 0 14px; font-size:12px; line-height:1.9; padding:14px; color:#355571; background:#edf3f8; border-left:2px solid #9cbbd7; overflow-wrap:anywhere; }
.wb-explanation-grid ol { list-style:decimal; padding-left:18px; font-size:12px; line-height:1.9; color:var(--ink-2); }
.wb-explanation-grid li { padding:3px 0; }
.wb-try-card { margin-top:20px; padding-top:2px; border-top:1px solid var(--line); }
.wb-try-card .wb-button { margin:14px 0; color:#075cae; background:#ecf4fc; border-color:#bad0e4; font-size:11px; }
.wb-explanation-grid .wb-change-note { font-size:11px; color:#6b6b65; }
.wb-semantic { border-top:1px solid var(--line); padding-top:16px; margin-top:20px; }
.wb-semantic summary { cursor:pointer; font-size:11px; color:var(--accent-ink); }
.wb-semantic p { font-size:11px; line-height:1.9; color:var(--ink-2); padding-top:12px; overflow-wrap:anywhere; }
.wb-component-lesson,.wb-glossary,.wb-quiz,.wb-reading-order { margin-top:80px; }
.wb-lab-controls { display:flex; flex-wrap:wrap; gap:6px; }
.wb-lab-controls .wb-button { font-size:11px; }
.wb-header-scene { margin-top:24px; border:1px solid #cbd4cc; border-radius:12px; background:#fff; overflow:hidden; }
.wb-header-announcement { display:flex; align-items:center; justify-content:center; gap:30px; padding:14px 24px; color:#eaf1e9; background:#2c4333; font-size:12px; }
.wb-header-announcement > span { font-size:10px; }
.wb-header-entire { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:94px; padding:20px 5%; background:white; border-bottom:1px solid #dae1d6; }
.wb-header-entire > strong { font-size:26px; letter-spacing:.12em; line-height:1.4; }
.wb-header-entire > strong > small { display:block; font-size:8px; letter-spacing:.1em; color:#536c56; }
.wb-header-navigation { display:flex; gap:30px; padding:10px; font-size:13px; }
.wb-header-utility { padding:8px 13px; border:1px solid #98ad99; border-radius:5px; font-size:11px; }
.wb-header-hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:32px; padding:44px 6%; background:#f0f2ec; }
.wb-header-hero > div > small { display:block; font:10px var(--font-mono); color:#53694f; margin-bottom:20px; }
.wb-header-hero strong { font-size:38px; line-height:1.3; font-weight:550; letter-spacing:-.04em; }
.wb-header-hero p { font-size:14px; color:#566450; margin:20px 0; }
.wb-header-hero > div > span { display:inline-block; padding:10px 18px; background:#2c4333; color:#fff; border-radius:5px; font-size:12px; }
.wb-header-hero img { width:100%; height:260px; object-fit:cover; mix-blend-mode:multiply; }
.wb-header-scene [data-selected="true"] { outline:3px solid #0071e3; outline-offset:-3px; }
.wb-lab-explanation { font-size:13px; line-height:1.9; margin-top:18px; padding:18px 22px; border-left:3px solid #6a98c5; background:#ecf2f9; color:#38536f; }
.wb-hero-lab-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; margin-bottom:22px; }
.wb-hero-lab-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start; }
.wb-viewport-scene { height:640px; position:relative; background:#fff; border:1px solid #cbd5df; border-radius:12px; overflow:hidden; }
.wb-viewport-header { display:flex; justify-content:space-between; align-items:center; gap:20px; height:62px; padding:0 28px; border-bottom:1px solid #dce2d9; }
.wb-viewport-header > strong { font-size:20px; letter-spacing:.12em; }
.wb-viewport-header > span { font-size:10px; color:#5a6a54; }
.wb-hero-live { position:relative; display:grid; grid-template-columns:1.15fr 1fr; align-items:center; background:#f1f2ed; padding:28px; gap:16px; }
.wb-hero-live-copy { min-width:0; position:relative; z-index:1; }
.wb-hero-live small { font:9px var(--font-mono); letter-spacing:.05em; color:#53684c; }
.wb-hero-live h3 { font-size:clamp(26px,2.7vw,40px); line-height:1.25; font-weight:550; margin:17px 0; letter-spacing:-.04em; }
.wb-hero-live p { font-size:12px; line-height:1.9; color:#52624b; max-width:32ch; margin-bottom:20px; }
.wb-demo-primary { color:white; background:#2c4333; border:1px solid #2c4333; padding:10px 17px; border-radius:5px; font-size:12px; }
.wb-hero-live > img { width:100%; height:100%; min-height:0; max-height:330px; object-fit:cover; mix-blend-mode:multiply; }
.wb-hero-live [data-selected="true"] { outline:2px solid #0071e3; outline-offset:5px; }
.wb-hero-live[data-layout="image"] { display:flex; }
.wb-hero-live[data-layout="image"] > img { position:absolute; inset:0 0 0 auto; width:65%; max-height:none; }
.wb-hero-live[data-layout="image"]::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,#f1f2ed 20%,#f1f2eddd 40%,#f1f2ed00 70%); pointer-events:none; }
.wb-hero-live[data-layout="image"] .wb-hero-live-copy { width:55%; }
.wb-hero-live[data-layout="type"] { display:flex; justify-content:center; text-align:center; }
.wb-hero-live[data-layout="type"] > img { display:none; }
.wb-hero-live[data-layout="type"] h3 { font-size:clamp(34px,3.5vw,48px); }
.wb-hero-live[data-layout="type"] p { margin-left:auto; margin-right:auto; max-width:45ch; }
.wb-after-hero { padding:28px; border-top:1px solid #d8e1d2; }
.wb-after-hero small { color:#526b4c; font:9px var(--font-mono); }
.wb-after-hero strong { display:block; font-size:20px; font-weight:550; margin:12px 0; }
.wb-after-hero p { color:#5e6c58; font-size:12px; }
.wb-fold-line { position:absolute; left:0; right:0; border-top:2px dashed #0071e3; z-index:5; pointer-events:none; }
.wb-fold-line span { position:absolute; right:0; bottom:0; background:#0071e3; color:white; padding:5px 10px; font:10px/1.5 var(--font-mono); border-radius:5px 0 0 0; }
.wb-hero-lab-notes { padding:24px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.wb-hero-part-note > span { color:var(--accent-ink); font:11px var(--font-mono); }
.wb-hero-part-note > strong { display:block; font-size:17px; font-weight:550; line-height:1.6; margin:16px 0; }
.wb-hero-part-note p { font-size:12px; line-height:1.9; color:var(--ink-2); }
.wb-hero-lab-notes label { display:block; margin-top:26px; }
.wb-hero-lab-notes label > span { display:flex; justify-content:space-between; gap:10px; font-size:11px; margin-bottom:12px; }
.wb-hero-lab-notes output { color:var(--accent-ink); font:11px var(--font-mono); }
.wb-hero-lab-notes input { width:100%; accent-color:#0071e3; }
.wb-hero-lab-notes .wb-lab-explanation { font-size:11px; padding:14px; }
.wb-lab-note { margin-top:16px; font-size:10px; color:var(--ink-2); line-height:1.9; }
.wb-grid-controls { display:flex; gap:40px; padding:18px 22px; border:1px solid var(--line); border-radius:10px; background:white; margin-bottom:22px; }
.wb-grid-controls label { display:flex; align-items:center; gap:20px; font-size:12px; }
.wb-grid-controls input { accent-color:#0071e3; }
.wb-spacing-stage { background:#e6ecf2; padding:30px; border:1px dashed #9cb0c3; border-radius:12px; }
.wb-spacing-grid { display:grid; align-items:start; }
.wb-spacing-grid article { background:white; border:1px solid #d4dee6; border-radius:8px; overflow:hidden; }
.wb-spacing-grid img { display:block; width:100%; height:180px; object-fit:cover; }
.wb-spacing-grid article > div { padding:22px; }
.wb-spacing-grid h3 { font-size:17px; line-height:1.5; }
.wb-spacing-grid p { font-size:12px; color:var(--ink-2); line-height:1.9; margin-top:12px; }
.wb-glossary-tools { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.wb-glossary-tools input { width:min(470px,100%); padding:13px 16px; background:white; border:1px solid var(--line-strong); border-radius:12px; font-size:14px; }
.wb-results-count { font:12px var(--font-mono); color:var(--ink-2); flex-shrink:0; }
.wb-filter-row { display:flex; flex-wrap:wrap; gap:6px; margin:18px 0 24px; }
.wb-glossary-grid { display:grid; grid-template-columns:minmax(0,1fr); overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.wb-glossary-grid[data-empty="true"] { overflow:visible; border:0; background:transparent; }
.wb-term { min-width:0; border-bottom:1px solid var(--line); background:transparent; transition:background-color var(--motion-switch) var(--motion-ease-switch); }
.wb-term:last-child { border-bottom:0; }
.wb-term[data-open="true"] { background:var(--surface-2); box-shadow:inset 3px 0 0 var(--accent); }
.wb-term-toggle {
  display:grid;
  grid-template-columns:64px minmax(150px,.7fr) minmax(0,1.6fr) 26px;
  grid-template-areas:"group heading preview plus";
  gap:18px 24px;
  align-items:center;
  width:100%;
  padding:17px 22px;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
  transition:background-color 160ms var(--ease-standard);
}
.wb-term-group { grid-area:group; justify-self:start; white-space:nowrap; }
.wb-term-heading { grid-area:heading; display:grid; gap:3px; min-width:0; }
.wb-term-heading strong { font-size:var(--type-card-size); line-height:var(--type-card-leading); letter-spacing:var(--type-card-tracking); font-weight:600; }
.wb-term-english { display:block; color:var(--accent-ink); font:var(--type-meta-size)/1.6 var(--font-mono); overflow-wrap:anywhere; }
.wb-term-preview { grid-area:preview; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--ink-2); font-size:var(--type-small-size); line-height:1.8; }
.wb-term-plus { grid-area:plus; justify-self:end; color:var(--ink-3); font-size:20px; line-height:1; transition:transform var(--motion-switch) var(--motion-ease-switch); }
.wb-term-toggle[aria-expanded="true"] .wb-term-plus { transform:rotate(45deg); }
.wb-term-toggle:focus-visible { outline:3px solid var(--accent); outline-offset:-3px; }
.wb-term-panel { padding:0 22px 24px; }
.wb-term-panel[hidden] { display:none; }
.wb-term-panel-grid { display:grid; gap:20px; padding-top:18px; border-top:1px solid var(--line); }
.wb-term-visual { min-width:0; }
.wb-term-visual-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:9px; }
.wb-term-visual-head small { color:#446788; font:10px var(--font-mono); letter-spacing:.04em; }
.wb-term-visual-head span { color:var(--ink-3); font-size:10px; }
.wb-term-demo { width:min(100%,1100px); min-width:0; margin-inline:auto; }
.wb-term-example { padding:16px; background:#f0f4f8; border-radius:8px; align-self:start; }
.wb-term-example small { display:block; color:#446788; font-size:10px; margin-bottom:8px; }
.wb-term-example p { font-size:12px; line-height:1.9; color:#455c70; }
.wb-term-copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr); gap:26px; align-items:start; padding-top:18px; border-top:1px solid var(--line); }
.wb-term-definition > small { display:block; color:#446788; font-size:10px; margin-bottom:6px; }
.wb-term-definition p { font-size:13px; line-height:1.9; color:var(--ink-2); }
.wb-term-expanded { margin-top:0; padding-top:0; border-top:0; }
.wb-term-expanded > small { display:block; color:#446788; font-size:10px; margin-bottom:6px; }
.wb-term-expanded p { font-size:12px; line-height:1.85; color:var(--ink-2); }
.wb-term-locate { display:inline-block; border:0; padding:0; background:transparent; color:var(--accent-ink); font-size:12px; margin-top:16px; text-align:left; text-decoration:none; }
.wb-term-locate:hover { text-decoration:underline; text-underline-offset:3px; }
.wb-term-panel .wbd-page { min-height:270px; }
.wb-term-panel .wbd-hero { min-height:146px; }
.wb-term-panel .wbd-photo { min-height:104px; }
.wb-term-panel .wbd-card { min-height:66px; }
@media (min-width:851px) {
  .wb-term-panel .wbd { zoom:1.2; }
}
@media (min-width:1201px) {
  .wb-term-panel .wbd { zoom:1.28; }
}
.wb-empty { grid-column:1 / -1; padding:44px; text-align:center; border:1px dashed var(--line-strong); border-radius:18px; }
.wb-empty p { font-size:14px; margin:16px 0; color:var(--ink-2); }
.wb-quiz-card { padding:36px; }
.wb-quiz-progress { color:var(--ink-2); font:var(--type-meta-size) var(--font-mono); }
.wb-quiz-card h3 { font-size:26px; line-height:1.5; margin:22px 0; }
.wb-quiz-choices { display:grid; gap:10px; }
.wb-quiz-choices .wb-button { text-align:left; padding:16px 20px; font-size:14px; }
.wb-quiz-choices [aria-disabled="true"] { cursor:default; }
.wb-quiz-choices .wb-button[data-result="correct"] { background:#edf6f0; border-color:#29724d; color:#1e5c3e; }
.wb-quiz-choices .wb-button[data-result="incorrect"] { background:#fff1ed; border-color:#ad5039; color:#8d3825; }
.wb-quiz-feedback { padding:22px 0; min-height:115px; font-size:var(--type-small-size); line-height:1.9; }
.wb-quiz-feedback p { color:var(--ink-2); }
.wb-quiz-score { margin-top:12px; font-weight:600; }
.wb-quiz-controls { display:flex; justify-content:space-between; gap:12px; border-top:1px solid var(--line); padding-top:22px; }
.wb-reading-order { padding:42px; border-radius:24px; background:#e9eff7; }
.wb-reading-order h2 { font-size:30px; line-height:1.35; margin:14px 0 28px; }
.wb-reading-order ol { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:32px; font-size:14px; }
.wb-reading-order li { display:flex; align-items:baseline; gap:14px; }
.wb-reading-order li > span { color:var(--accent-ink); font:11px var(--font-mono); }
.wb-reading-order > a { font-size:13px; }
.wb-sources { margin-top:52px; padding-top:28px; border-top:1px solid var(--line-strong); }
.wb-sources h2 { font-size:17px; }
.wb-sources p { color:var(--ink-2); font-size:12px; line-height:1.9; max-width:90ch; margin:14px 0; }
.wb-sources > div { display:flex; gap:20px; flex-wrap:wrap; font-size:12px; }
.wb-atlas-entry { display:inline-block; margin-top:18px; font-size:13px; font-weight:500; }

/* Term demos: small, inspectable scenes inside a glossary card. */
.wbd { display:grid; gap:9px; min-width:0; }
.wbd [hidden] { display:none !important; }
.wbd-stage { position:relative; min-width:0; padding:9px; overflow:hidden; border:1px solid #d6e0e9; border-radius:11px; background:#edf2f6; }
.wbd-toolbar { display:flex; flex-wrap:wrap; gap:5px; }
.wbd-button { min-height:29px; padding:5px 9px; border:1px solid #c8d5e1; border-radius:7px; background:#fff; color:var(--ink-2); font-size:10.5px; line-height:1.4; }
.wbd-button[aria-pressed="true"] { border-color:#263f31; background:#263f31; color:#fff; }
.wbd-note { color:var(--ink-2); font-size:11px; line-height:1.75; }

.wbd-page { position:relative; overflow:hidden; border:1px solid #d9e1e7; border-radius:7px; background:#fff; font-size:9px; }
.wbd-page [data-region] { position:relative; }
.wbd-page [data-highlight="true"] { z-index:2; outline:2px solid #0071e3; outline-offset:-2px; }
.wbd-page[data-dim="true"] [data-region="announcement"]:not([data-highlight="true"]),
.wbd-page[data-dim="true"] [data-region="header"]:not([data-highlight="true"]),
.wbd-page[data-dim="true"] [data-region="footer"]:not([data-highlight="true"]) { opacity:.22; }
.wbd-page[data-fold="true"]::after { position:absolute; z-index:3; top:49%; right:0; left:0; border-top:2px dashed #0071e3; content:""; pointer-events:none; }
.wbd-page[data-fold="true"]::before { position:absolute; z-index:4; top:49%; right:5px; padding:2px 5px; border-radius:3px; background:#0071e3; color:#fff; content:"模拟首屏"; font:6.5px var(--font-mono); pointer-events:none; }
.wbd-announce { padding:5px 8px; background:#253d32; color:#eef5ef; font-size:7.5px; text-align:center; }
.wbd-header { display:flex; gap:8px; align-items:center; padding:6px 8px; border-bottom:1px solid #e3e8e2; background:#fff; }
.wbd-header strong { font-size:10px; font-weight:650; letter-spacing:.1em; }
.wbd-nav { display:flex; gap:8px; margin-left:auto; color:#5b6a5e; font-size:7.5px; }
.wbd-mini-button { padding:3px 6px; border:1px solid #9fb1a2; border-radius:4px; font-size:7px; white-space:nowrap; }
.wbd-main { min-width:0; }
.wbd-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:8px; align-items:center; padding:10px 8px; background:#f1f2ed; }
.wbd-hero small, .wbd-section header small { color:#5b6c5e; font:6.5px var(--font-mono); letter-spacing:.08em; }
.wbd-hero h4 { margin:3px 0; font-size:13px; line-height:1.3; letter-spacing:-.03em; }
.wbd-hero p { max-width:30ch; color:#566458; font-size:7.5px; line-height:1.7; }
.wbd-mini-primary { justify-self:start; padding:4px 7px; border:1px solid #263f31; border-radius:4px; background:#263f31; color:#fff; font-size:7.5px; line-height:1.4; cursor:pointer; }
.wbd-mini-primary:disabled { cursor:default; opacity:.6; }
.wbd-photo { min-height:64px; border-radius:4px; background:#dfe4dc center/cover no-repeat; }
.wbd-section { padding:9px 8px; background:#fff; transition:background-color 180ms var(--ease-standard); }
.wbd-section[data-tint="true"] { background:#f7f3e7; }
.wbd-section h4 { margin:2px 0 6px; font-size:10px; line-height:1.4; }
.wbd-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
.wbd-card { display:grid; gap:3px; min-height:42px; padding:6px; border-top:1px solid #dce2d7; background:#f5f5f0; transition:background-color 180ms var(--ease-standard); }
.wbd-card > span { color:#687c62; font:6.5px var(--font-mono); }
.wbd-card strong { font-size:8px; line-height:1.4; }
.wbd-card p { color:#566151; font-size:7px; line-height:1.5; }
.wbd-card b { color:#3c5b46; font-size:6.5px; font-weight:500; }
.wbd-card[data-stripped="true"] > strong,
.wbd-card[data-stripped="true"] > p,
.wbd-card[data-stripped="true"] > b { display:none; }
.wbd-footer { display:flex; justify-content:space-between; gap:8px; padding:6px 8px; background:#23362b; color:#c8d6ca; font-size:6.5px; }
.wbd-result { justify-self:start; padding:3px 7px; border-radius:4px; background:#edf6f0; color:#23653c; font-size:7.5px; }

.wbd-proof-stage { display:grid; gap:8px; background:#f7f8f5; }
.wbd-claim { display:grid; gap:5px; padding:22px 14px; border-radius:7px; background:#fff; text-align:center; }
.wbd-claim small { color:#6b7b70; font:7px var(--font-mono); }
.wbd-claim strong { font-size:15px; }
.wbd-evidence { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.wbd-evidence article { display:grid; gap:4px; padding:6px; border:1px solid #dce3e8; border-radius:5px; background:#fff; }
.wbd-evidence .wbd-photo { min-height:38px; }
.wbd-evidence strong { font-size:7.5px; line-height:1.4; }
.wbd-evidence p { color:var(--ink-2); font-size:6.5px; line-height:1.5; }

.wbd-crumb-stage { display:grid; gap:7px; padding:14px 11px; background:#faf9f5; }
.wbd-crumb-stage > small { color:#6b6b60; font:6.5px var(--font-mono); }
.wbd-crumb-stage h4 { font-size:15px; line-height:1.35; }
.wbd-breadcrumb { display:flex; flex-wrap:wrap; gap:6px; align-items:center; color:#6b6a60; font-size:7.5px; }
.wbd-breadcrumb button { padding:0; border:0; background:transparent; color:#3e6c95; font-size:7.5px; text-decoration:underline; text-underline-offset:2px; }
.wbd-breadcrumb i { font-style:normal; opacity:.5; }

.wbd-article-stage { display:grid; grid-template-columns:.8fr 1.2fr; gap:9px; background:#faf9f5; }
.wbd-article-cover { min-height:118px; }
.wbd-article-cover .wbd-photo { height:100%; min-height:118px; }
.wbd-article-text small { color:#6b6b60; font:6.5px var(--font-mono); }
.wbd-article-text h4 { margin:4px 0 6px; font-size:13px; line-height:1.35; }
.wbd-article-text p { margin-top:5px; color:#5b665d; font-size:7.5px; line-height:1.7; }

.wbd-side-page { display:grid; grid-template-columns:1.4fr .8fr; gap:8px; padding:8px; background:#faf9f5; }
.wbd-side-main small { color:#6b7b8a; font:6.5px var(--font-mono); }
.wbd-side-main h4 { margin:3px 0 6px; font-size:12px; line-height:1.35; }
.wbd-side-main p { margin-top:5px; color:#5e6c63; font-size:7.5px; }
.wbd-side-main .wbd-photo { min-height:48px; margin-top:6px; }
.wbd-side { display:grid; gap:4px; align-content:start; padding:7px; border:1px solid #d8dfe6; border-radius:5px; background:#fff; }
.wbd-side small { color:#6b7b8a; font:6.5px var(--font-mono); }
.wbd-side strong { font-size:8px; }
.wbd-side p { color:#5c6a75; font-size:7px; }

.wbd-tool-stage { display:grid; gap:6px; background:#fff; }
.wbd-toolbar-row { display:flex; flex-wrap:wrap; gap:4px; align-items:center; }
.wbd-count { margin-left:auto; color:var(--ink-3); font:6.5px var(--font-mono); white-space:nowrap; }
.wbd-rows { display:grid; gap:3px; }
.wbd-row { display:flex; justify-content:space-between; gap:8px; padding:5px 7px; border-radius:4px; background:#f5f7f4; font-size:7.5px; }
.wbd-row span { color:#5b6a5e; }
.wbd-pager { display:flex; gap:4px; align-items:center; }
.wbd-page-label { margin-left:auto; color:#5b6a5e; font:7px var(--font-mono); }

.wbd-table { width:100%; border-collapse:collapse; background:#fff; font-size:8px; }
.wbd-table th, .wbd-table td { padding:5px 6px; border-bottom:1px solid #e3e8e2; text-align:left; }
.wbd-table thead th { background:#f0f3ef; color:#5b6a5e; font-size:7px; font-weight:600; }
.wbd-table[data-headerless="true"] thead { display:none; }
.wbd-table tbody th { font-weight:600; }

.wbd-site-stage { background:#f4f6f8; }
.wbd-site-row { display:flex; gap:4px; align-items:center; justify-content:center; }
.wbd-site-page { display:grid; flex:1; gap:2px; min-width:0; padding:7px 6px; border:1px solid #d5dee6; border-radius:6px; background:#fff; transition:opacity 180ms var(--ease-standard); }
.wbd-site-page small { color:#6b7b8a; font:6px var(--font-mono); }
.wbd-site-page strong { font-size:8px; }
.wbd-site-page span { color:#6b7b8a; font-size:6px; }
.wbd-site-links { color:#8aa0b4; font-size:8px; transition:opacity 180ms var(--ease-standard); }
.wbd-site-stage:not([data-together="true"]) .wbd-site-page:not(:first-child),
.wbd-site-stage:not([data-together="true"]) .wbd-site-links { opacity:.2; }

.wbd-frame-stage { display:flex; justify-content:center; }
.wbd-frame { width:100%; overflow:hidden; border:1px solid #cbd6e0; border-radius:7px; background:#fff; transition:width 320ms var(--ease-out); }
.wbd-frame[data-size="narrow"] { width:62%; }
.wbd-chrome { display:flex; gap:3px; align-items:center; padding:5px 7px; border-bottom:1px solid #d5dee7; background:#e9eef3; }
.wbd-chrome i { width:5px; height:5px; border-radius:50%; background:#c2ccd6; }
.wbd-chrome span { margin-left:5px; padding:2px 5px; border-radius:3px; background:#fff; color:#7a8b9a; font:6px var(--font-mono); }
.wbd-frame-body { position:relative; min-height:106px; padding:10px 8px; }
.wbd-frame-hero small { color:#5b6c5e; font:6.5px var(--font-mono); }
.wbd-frame-hero h4 { margin:3px 0; font-size:14px; line-height:1.3; }
.wbd-frame-hero p { color:#566458; font-size:7.5px; line-height:1.7; }
.wbd-frame-next { margin-top:10px; padding:7px; background:#f4f6f3; color:#6b7b70; font-size:7px; }
.wbd-fold { position:absolute; top:54%; right:0; left:0; border-top:2px dashed #0071e3; transition:top 320ms var(--ease-out); }
.wbd-fold span { position:absolute; right:4px; bottom:1px; padding:2px 4px; border-radius:3px 3px 0 0; background:#0071e3; color:#fff; font:6px var(--font-mono); }
.wbd-frame[data-fold="past"] .wbd-fold { top:84%; }

.wbd-grid { display:grid; gap:6px; padding:8px; border-radius:6px; background:#e7edf2; }
.wbd-grid[data-columns="3"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.wbd-grid[data-columns="2"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.wbd-grid article { display:grid; gap:3px; padding:5px; border-radius:4px; background:#fff; }
.wbd-grid .wbd-photo { min-height:38px; }
.wbd-grid strong { font-size:8px; }
.wbd-grid p { color:var(--ink-2); font-size:7px; }

.wbd-container-frame { position:relative; overflow:hidden; padding:16px 8px; border-radius:6px; background:#f1f2ed; }
.wbd-container-bg { position:absolute; inset:0; background:linear-gradient(110deg,#d9e7d4,#e8e2cc); opacity:.55; }
.wbd-container-column { position:relative; width:68%; margin:0 auto; padding:12px; border-radius:5px; background:#fff; transition:width 320ms var(--ease-out); }
.wbd-container-frame[data-wide="true"] .wbd-container-column { width:100%; }
.wbd-container-column small { color:#5b6c5e; font:6.5px var(--font-mono); }
.wbd-container-column h4 { margin:4px 0; font-size:12px; line-height:1.4; }
.wbd-container-column p { color:#566458; font-size:7.5px; line-height:1.7; }

.wbd-space-stage { background:#fff; }
.wbd-groups { display:grid; grid-template-columns:1fr 1fr; gap:18px; transition:gap 220ms var(--ease-out); }
.wbd-groups section { display:grid; gap:8px; align-content:start; }
.wbd-groups section + section { padding-left:14px; border-left:1px solid #e3e8e2; }
.wbd-groups h4 { font-size:9px; }
.wbd-groups p { color:var(--ink-2); font-size:7.5px; line-height:1.6; }
.wbd-groups[data-space="tight"] { gap:6px; }
.wbd-groups[data-space="tight"] section { gap:2px; }
.wbd-groups[data-space="tight"] section + section { padding-left:4px; }

.wbd-hierarchy-stage { background:#f1f2ed; }
.wbd-hierarchy { display:grid; gap:6px; }
.wbd-hierarchy small { color:#5b6c5e; font:6.5px var(--font-mono); transition:color 180ms, font-size 180ms; }
.wbd-hierarchy h4 { font-size:18px; line-height:1.25; letter-spacing:-.04em; transition:font-size 180ms, font-weight 180ms; }
.wbd-hierarchy p { color:#566458; font-size:9px; line-height:1.6; transition:color 180ms, font-size 180ms; }
.wbd-hierarchy span { justify-self:start; padding:3px 7px; border-radius:3px; background:#263f31; color:#fff; font-size:8px; transition:background-color 180ms; }
.wbd-hierarchy[data-level="off"] small,
.wbd-hierarchy[data-level="off"] p { color:#2b332d; font-size:9px; }
.wbd-hierarchy[data-level="off"] h4 { font-size:9px; font-weight:400; letter-spacing:0; }
.wbd-hierarchy[data-level="off"] span { background:#7a867d; }

.wbd-type-stage { background:#fff; }
.wbd-type h4 { font-size:13px; }
.wbd-type p { max-width:34ch; margin-top:6px; color:#3f4a44; font-size:8.5px; line-height:1.9; transition:max-width 220ms var(--ease-out), line-height 220ms var(--ease-out); }
.wbd-type[data-measure="bad"] p { max-width:100%; line-height:1.1; letter-spacing:.03em; }

.wbd-responsive { width:100%; }
.wbd-responsive[data-layout="mobile"] { width:58%; }
.wbd-responsive-head { display:flex; gap:8px; align-items:center; padding:7px 8px; border-bottom:1px solid #dce2d9; }
.wbd-responsive-head strong { font-size:10px; letter-spacing:.1em; }
.wbd-responsive-head nav { display:flex; gap:8px; margin-left:auto; color:#5b6a5e; font-size:7.5px; }
.wbd-responsive-head .wbd-menu { display:none; margin-left:auto; padding:2px 5px; border:1px solid #b9c6d1; border-radius:3px; color:#5b6a5e; font-size:7px; }
.wbd-responsive[data-layout="mobile"] .wbd-responsive-head nav { display:none; }
.wbd-responsive[data-layout="mobile"] .wbd-responsive-head .wbd-menu { display:block; }
.wbd-responsive-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:8px; align-items:center; padding:10px 8px; background:#f1f2ed; }
.wbd-responsive[data-layout="mobile"] .wbd-responsive-hero { grid-template-columns:1fr; }
.wbd-responsive-hero small { color:#5b6c5e; font:6.5px var(--font-mono); }
.wbd-responsive-hero h4 { margin:3px 0; font-size:13px; line-height:1.3; }
.wbd-responsive-hero p { color:#566458; font-size:7.5px; line-height:1.7; }
.wbd-responsive-hero .wbd-photo { min-height:56px; }

.wbd-sticky-stage { background:#fff; }
.wbd-scroller { height:150px; overflow:auto; border:1px solid #d6dfe7; border-radius:6px; background:#fff; }
.wbd-sticky-head { position:sticky; z-index:2; top:0; display:flex; justify-content:space-between; padding:6px 8px; border-bottom:1px solid #e1e7e2; background:rgba(255,255,255,.96); font-size:8px; }
.wbd-sticky-head span { color:#6b7b70; font-size:7px; }
.wbd-scroll-content article { padding:8px; border-bottom:1px solid #eef1ee; }
.wbd-scroll-content strong { font-size:8.5px; }
.wbd-scroll-content p { margin-top:3px; color:var(--ink-2); font-size:7px; }

.wbd-wire { display:grid; gap:6px; padding:8px; border-radius:6px; background:#fff; }
.wbd-wire-head { display:flex; gap:6px; align-items:center; padding:5px; border:1px dashed #aebdca; color:#5b6b78; font-size:7px; }
.wbd-wire-head b { margin-right:auto; font:6.5px var(--font-mono); }
.wbd-wire-hero { display:grid; grid-template-columns:1fr .8fr; gap:6px; padding:8px; border:1px dashed #aebdca; }
.wbd-wire-hero i { display:block; height:6px; margin:4px 0; border-radius:2px; background:#dfe6ec; }
.wbd-wire-img { min-height:50px; background:#e6ecf1; }
.wbd-wire-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.wbd-wire-cards i { height:34px; border:1px dashed #b9c6d1; background:#e6ecf1; }
.wbd-wire[data-mode="final"] { background:#faf9f5; }
.wbd-wire[data-mode="final"] .wbd-wire-head { border-style:solid; border-color:#dce2d7; background:#fff; }
.wbd-wire[data-mode="final"] .wbd-wire-hero { border-style:solid; border-color:#dce2d7; background:#f1f2ed; }
.wbd-wire[data-mode="final"] .wbd-wire-hero i { background:#8a9d8d; }
.wbd-wire[data-mode="final"] .wbd-wire-img { background:#cdd8c8; }
.wbd-wire[data-mode="final"] .wbd-wire-cards i { border-style:solid; border-color:#dce2d7; background:#f5f5f0; }

.wbd-map-stage { display:grid; gap:8px; background:#fff; }
.wbd-tree { display:grid; gap:6px; justify-items:center; }
.wbd-tree-root { padding:4px 10px; border-radius:3px; background:#263f31; color:#fff; font-size:8px; }
.wbd-tree-branches { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; width:100%; }
.wbd-tree-branches > div { display:grid; gap:2px; padding:6px; border:1px solid #d7e0e8; border-radius:4px; text-align:center; }
.wbd-tree-branches strong { font-size:8px; }
.wbd-tree-branches span { color:#6b7b8a; font-size:6.5px; }
.wbd-order { display:grid; gap:4px; }
.wbd-order > small { color:#6b7b8a; font:6.5px var(--font-mono); }
.wbd-order > div { display:flex; gap:6px; padding:4px 6px; border-radius:3px; background:#f4f6f8; font-size:8px; }
.wbd-order b { color:#4a6c8b; font:7px var(--font-mono); }

.wbd-state-stage { background:#fff; }
.wbd-component { display:grid; gap:8px; }
.wbd-state-card { display:grid; gap:3px; padding:8px; border-radius:5px; background:#f6f7f4; transition:background-color 180ms var(--ease-standard); }
.wbd-state-card small { color:#687c62; font:6.5px var(--font-mono); }
.wbd-state-card strong { font-size:11px; }
.wbd-state-card p { color:#566151; font-size:7.5px; }
.wbd-component[data-state="success"] .wbd-state-card { background:#edf6f0; }
.wbd-component[data-state="error"] .wbd-state-card { background:#fff1ed; }
.wbd-component-actions { display:flex; gap:8px; align-items:center; }
.wbd-component-result { color:#566151; font-size:7.5px; }
.wbd-component[data-state="error"] .wbd-component-result { color:#8d3825; }

.wbd-affordance-stage { background:#fff; }
.wbd-affordance { display:grid; gap:8px; }
.wbd-affordance small { color:#687c62; font:6.5px var(--font-mono); }
.wbd-affordance .wbd-mini-primary { justify-self:start; padding:5px 8px; font-size:8px; }
.wbd-hidden-link { justify-self:start; color:#3e6c95; font-size:8px; text-decoration:underline; text-underline-offset:2px; opacity:0; transition:opacity 180ms var(--ease-standard); }
.wbd-affordance:hover .wbd-hidden-link { opacity:.65; }
.wbd-affordance[data-fixed="true"] .wbd-hidden-link { opacity:1; }
.wbd-affordance p { color:#6b7b70; font-size:7.5px; line-height:1.6; }
.wbd-affordance-result { min-height:14px; color:#23653c !important; }

@media (hover:hover) and (pointer:fine) {
  .wb-button:not(:disabled):not([aria-disabled="true"]):hover { border-color:#8398ab; }
  .wb-term-toggle:hover { background:#f7f9fb; }
  .wbd-button:hover { border-color:#8398ab; }
}
@media (max-width:1200px) {
  .wb-chapter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wb-example-study { grid-template-columns:minmax(0,1fr); }
  .wb-inspector { position:static; max-height:none; overflow:visible; }
  .wb-explanation-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:26px; }
  .wb-try-card { border:0; padding:0; margin:0; }
  .wb-selection-heading { display:grid; grid-template-columns:1fr 1.5fr; align-items:start; gap:28px; }
  .wb-example-frame { height:640px; }
  .wb-hero-lab-grid { grid-template-columns:minmax(0,1fr) 270px; gap:18px; }
  .wb-header-navigation { gap:20px; }
  .wb-header-hero strong { font-size:34px; }
  .wb-region-menu .wb-chip-english { display:none; }
}
@media (max-width:850px) {
  .wb-hero-lab-grid { grid-template-columns:minmax(0,1fr); }
  .wb-hero-lab-notes { display:grid; grid-template-columns:1fr 1fr; gap:16px 24px; }
  .wb-hero-part-note { grid-row:span 2; }
  .wb-hero-lab-notes label { margin:0; }
  .wb-hero-lab-notes .wb-lab-explanation,.wb-hero-lab-notes .wb-lab-note { grid-column:1 / -1; margin:0; }
  .wb-explanation-grid { grid-template-columns:1fr 1fr; }
  .wb-try-card { grid-column:1 / -1; }
  .wb-hero-live h3 { font-size:36px; }
  .wb-header-hero { gap:20px; padding:34px; }
  .wb-term-copy { grid-template-columns:minmax(0,1fr); gap:16px; }
}
@media (max-width:580px) {
  .wb-page { padding-top:30px; }
  .wb-chapter-grid { grid-template-columns:1fr; }
  .wb-unknown-links { grid-template-columns:1fr; }
  .wb-course-map { margin-top:52px; }
  .wb-chapter-body { margin-top:24px; }
  .wb-anatomy-toolbar { gap:8px; }
  .wb-selection-heading,.wb-explanation-grid,.wb-reading-order ol { grid-template-columns:minmax(0,1fr); }
  .wb-term-toggle { grid-template-columns:1fr auto; grid-template-areas:"group plus" "heading heading" "preview preview"; gap:8px 12px; padding:15px 16px; }
  .wb-term-group { grid-area:group; justify-self:start; }
  .wb-term-panel { padding:0 16px 20px; }
  .wb-term-panel .wbd-page { min-height:0; }
  .wb-term-panel .wbd-hero { min-height:0; }
  .wb-term-panel .wbd-photo { min-height:64px; }
  .wb-term-panel .wbd-card { min-height:42px; }
  .wb-inspector { padding:20px; }
  .wb-example-topline > span { display:none; }
  .wb-example-frame { height:600px; }
  .wb-header-entire { flex-wrap:wrap; gap:14px; padding:22px; }
  .wb-header-navigation { order:3; width:100%; justify-content:center; gap:18px; }
  .wb-header-announcement { padding:12px; font-size:10px; gap:12px; }
  .wb-header-hero { grid-template-columns:1fr; }
  .wb-header-hero img { height:200px; }
  .wb-viewport-header { padding:0 18px; }
  .wb-viewport-header > span { font-size:8px; }
  .wb-hero-live { padding:24px 18px; gap:10px; }
  .wb-hero-live h3 { font-size:24px; }
  .wb-hero-live p { font-size:10px; }
  .wb-hero-lab-notes { display:block; }
  .wb-hero-lab-notes label { margin:24px 0; }
  .wb-grid-controls { flex-direction:column; gap:20px; }
  .wb-grid-controls label { justify-content:space-between; }
  .wb-spacing-stage { padding:10px; }
  .wb-spacing-grid article > div { padding:12px; }
  .wb-spacing-grid h3 { font-size:12px; }
  .wb-spacing-grid p { font-size:10px; }
  .wb-quiz-card,.wb-reading-order { padding:22px; }
}

@media (prefers-reduced-motion: reduce) {
  .wb-term, .wb-term-toggle, .wb-term-plus, .wbd-frame, .wbd-fold, .wbd-container-column, .wbd-groups,
  .wbd-groups section, .wbd-hierarchy small, .wbd-hierarchy h4, .wbd-hierarchy p,
  .wbd-hierarchy span, .wbd-type p, .wbd-section, .wbd-card, .wbd-site-page,
  .wbd-site-links, .wbd-state-card, .wbd-hidden-link, .wbd-responsive {
    transition: none;
  }
}

:root[data-motion="reduced"] .wb-term,
:root[data-motion="reduced"] .wb-term-toggle,
:root[data-motion="reduced"] .wb-term-plus,
:root[data-motion="reduced"] .wbd-frame,
:root[data-motion="reduced"] .wbd-fold,
:root[data-motion="reduced"] .wbd-container-column,
:root[data-motion="reduced"] .wbd-groups,
:root[data-motion="reduced"] .wbd-groups section,
:root[data-motion="reduced"] .wbd-hierarchy small,
:root[data-motion="reduced"] .wbd-hierarchy h4,
:root[data-motion="reduced"] .wbd-hierarchy p,
:root[data-motion="reduced"] .wbd-hierarchy span,
:root[data-motion="reduced"] .wbd-type p,
:root[data-motion="reduced"] .wbd-section,
:root[data-motion="reduced"] .wbd-card,
:root[data-motion="reduced"] .wbd-site-page,
:root[data-motion="reduced"] .wbd-site-links,
:root[data-motion="reduced"] .wbd-state-card,
:root[data-motion="reduced"] .wbd-hidden-link,
:root[data-motion="reduced"] .wbd-responsive,
:root[data-motion="none"] .wb-term,
:root[data-motion="none"] .wb-term-toggle,
:root[data-motion="none"] .wb-term-plus,
:root[data-motion="none"] .wbd-frame,
:root[data-motion="none"] .wbd-fold,
:root[data-motion="none"] .wbd-container-column,
:root[data-motion="none"] .wbd-groups,
:root[data-motion="none"] .wbd-groups section,
:root[data-motion="none"] .wbd-hierarchy small,
:root[data-motion="none"] .wbd-hierarchy h4,
:root[data-motion="none"] .wbd-hierarchy p,
:root[data-motion="none"] .wbd-hierarchy span,
:root[data-motion="none"] .wbd-type p,
:root[data-motion="none"] .wbd-section,
:root[data-motion="none"] .wbd-card,
:root[data-motion="none"] .wbd-site-page,
:root[data-motion="none"] .wbd-site-links,
:root[data-motion="none"] .wbd-state-card,
:root[data-motion="none"] .wbd-hidden-link,
:root[data-motion="none"] .wbd-responsive {
  transition: none;
}