/* Home v6 sections after the hero, plus reading progress and section dots. */
body.ep-home-sections-active .migration-main .block-container { padding-bottom: 0; }
.ep-home-section { position: relative; min-width: 0; scroll-margin-top: calc(var(--ep-home-header-height, 58px) + 16px); }
.ep-h6-section { padding: clamp(84px, 11vh, 120px) 40px; background: transparent; }
.ep-h6-wrap { max-width: 1120px; margin: 0 auto; }
.ep-h6-eyebrow { display: block; font-size: 13px; font-weight: 650; letter-spacing: .14em; color: var(--ep-h6-blue-4); }
.migration-main .ep-h6-section h2 {
  margin: 12px 0 16px; font-size: clamp(30px, 3vw, 42px); font-weight: 700; line-height: 1.22; letter-spacing: -.015em;
  color: var(--ep-h6-ink-1); text-wrap: balance;
}
.ep-h6-lead { max-width: 640px; text-wrap: pretty; color: var(--ep-h6-ink-3); font-size: 16px; line-height: 1.75; }
.ep-h6-head--center { max-width: 920px; margin: 0 auto 44px; text-align: center; }
.ep-h6-head--center .ep-h6-lead { max-width: 640px; margin-inline: auto; text-wrap: balance; }
.ep-h6-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 26px; color: var(--ep-h6-ink-4); font-size: 12px; }
.ep-h6-foot--center { justify-content: center; }
.ep-h6-link { color: var(--ep-h6-blue-5); font-size: 14px; font-weight: 650; text-decoration: none; }
.ep-h6-link > span { display: inline-block; transition: transform .25s var(--ep-h6-ease); }
.ep-h6-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.ep-h6-link:hover > span { transform: translateX(3px); }
[data-h6-reveal] { transition: opacity .8s var(--ep-h6-ease), transform .8s var(--ep-h6-ease); }
#home-content[data-h6-motion="on"] [data-h6-reveal]:not([data-revealed]) { opacity: 0; transform: translateY(24px); }

/* ---------- 2. Circuit (the only dark section) ---------- */
.ep-h6-circuit { --ep-h6-night: #121732; padding: clamp(84px, 11vh, 110px) 40px; background: var(--ep-h6-night); color: #fff; overflow: clip; }
.ep-h6-circuit__inner { position: relative; z-index: 1; max-width: 1040px; margin: 0 auto; }
.migration-main .ep-h6-circuit .ep-h6-circuit__intro {
  max-width: 740px; margin: 0; font-size: clamp(19px, 1.7vw, 23px); font-weight: 400; line-height: 1.55; letter-spacing: 0; color: #a0a8c5;
}
.ep-h6-circuit__intro strong { color: #fff; font-weight: 650; }
.ep-h6-circuit__mobile { display: none; }
.ep-h6-circuit__view { position: relative; height: 540px; margin-top: 40px; }
.ep-h6-circuit__stage { position: absolute; left: 0; top: 0; width: 1040px; height: 540px; transform-origin: 0 0; }
.ep-h6-circuit__stage::before {
  content: ""; position: absolute; inset: 92px -100px 0; pointer-events: none;
  background: radial-gradient(#343d68 .7px, transparent .9px) 0 0 / 12px 12px;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.ep-h6-circuit__svg { position: absolute; inset: 0; width: 1040px; height: 540px; overflow: visible; }
.ep-h6-line { fill: none; stroke: #7770cf; stroke-width: 1; stroke-dasharray: 1 3; opacity: .6; }
.ep-h6-line-mask { stroke-dasharray: 1 1; stroke-dashoffset: 0; }
.ep-h6-line-mask[data-phase="out"] { animation: ep-h6-route-out .52s ease-in-out both; }
.ep-h6-line-mask[data-phase="in"] { animation: ep-h6-route-in .72s ease-out both; }
.ep-h6-line-mask[data-absent] { stroke-dashoffset: 1; }
@keyframes ep-h6-route-out { to { stroke-dashoffset: 1; } }
@keyframes ep-h6-route-in { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
.ep-h6-tray { position: absolute; border-radius: 8px; padding: 10px; background: #1a2041; box-shadow: inset 0 0 0 1px #2b3156; }
.ep-h6-tray--top { left: 254px; top: 12px; width: 532px; height: 54px; padding: 7px 10px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.ep-h6-tray--left { left: 80px; top: 200px; width: 174px; height: 118px; display: grid; grid-template-columns: repeat(3, 46px); grid-template-rows: repeat(2, 46px); gap: 6px 8px; perspective: 500px; }
.ep-h6-tray--right { position: absolute; left: 924px; top: 232px; width: 62px; height: 54px; perspective: 500px; }
.ep-h6-tray--bottom { position: absolute; left: 336px; top: 454px; display: grid; grid-template-columns: repeat(4, 84px); gap: 12px; }
.ep-h6-slot { height: 40px; display: grid; place-items: center; border: 1px dashed #41496c; border-radius: 5px; font-size: 12px; }
.ep-h6-slot[data-filled="true"] { background: #3a3681; border-color: transparent; color: #f6f5ff; font-weight: 650; }
.ep-h6-slot[data-filled="false"] > span { visibility: hidden; }
.ep-h6-tile, .ep-h6-output { display: grid; place-content: center; justify-items: center; gap: 3px; border-radius: 6px; background: #f8f9fd; color: #1a2340; text-align: center; box-shadow: 0 3px 8px #080d2420; }
.ep-h6-tile > span, .ep-h6-output > span { font-size: 10px; font-weight: 650; line-height: 1.2; }
.ep-h6-tile .ep-h6-icon { width: 21px; height: 21px; color: #6452c9; }
.ep-h6-tile.is-empty { background: transparent; border: 1px dashed #41496c; box-shadow: none; }
.ep-h6-output { width: 62px; height: 54px; }
.ep-h6-output .ep-h6-icon { width: 24px; height: 24px; color: #6452c9; }
.ep-h6-chip { position: absolute; height: 38px; display: flex; align-items: center; justify-content: center; padding: 0 10px; border-radius: 5px; background: #6350e9; color: #fff; font-size: 13px; font-weight: 650; white-space: nowrap; box-shadow: inset 0 1px 0 #ffffff18; }
.ep-h6-chip--small { position: relative; width: 84px; height: 40px; padding: 0; font-size: 11px; background: #34316c; color: #e1def8; }
.ep-h6-core { position: absolute; left: 474px; top: 202px; width: 92px; height: 92px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 9px; background: linear-gradient(145deg, #5545b3, #292651); box-shadow: inset 0 1px 0 #ffffff20, 0 0 0 1px #7770cf60; }
.ep-h6-core b { font-size: 24px; letter-spacing: -.02em; }
.ep-h6-core small { margin-top: 5px; font-size: 9px; color: #c4c0e8; }
.ep-h6-slot[data-phase="out"], .ep-h6-tile[data-phase="out"], .ep-h6-output[data-phase="out"] { animation: ep-h6-tile-out .18s ease-in both; }
.ep-h6-slot[data-phase="in"], .ep-h6-tile[data-phase="in"], .ep-h6-output[data-phase="in"] { animation: ep-h6-tile-in .24s ease-out both; }
@keyframes ep-h6-tile-out { to { opacity: 0; transform: translateY(3px) rotateX(-55deg) scale(.94); } }
@keyframes ep-h6-tile-in { from { opacity: 0; transform: translateY(-3px) rotateX(55deg) scale(.94); } to { opacity: 1; transform: none; } }
.ep-h6-chip--small[data-phase="out"] { animation: ep-h6-branch-out .3s ease-in both; }
.ep-h6-chip--small[data-phase="in"] { animation: ep-h6-branch-in .32s .4s ease-out both; }
.ep-h6-chip--small[data-absent] { opacity: 0; }
@keyframes ep-h6-branch-out { to { opacity: 0; transform: translateY(-5px); } }
@keyframes ep-h6-branch-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }
.ep-h6-circuit:not([data-motion="running"]) [data-phase] { animation-play-state: paused; }

/* ---------- 3. Report ---------- */
.ep-h6-report__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 40px; align-items: start; margin-top: 40px; }
.ep-h6-paper {
  position: relative; padding: 30px 32px 84px; border: 1px solid var(--ep-h6-line-2); border-radius: 22px; background: var(--ep-h6-card);
  box-shadow: var(--ep-h6-shadow-soft);
}
.ep-h6-paper > p { font-family: var(--ep-h6-serif); font-size: 17px; line-height: 2; color: var(--ep-h6-ink-1); }
.ep-h6-sentence {
  display: inline; margin: 0; padding: 2px 3px; border: 0; border-radius: 6px; background: transparent; color: inherit;
  font: inherit; line-height: inherit; text-align: inherit; cursor: pointer;
  box-decoration-break: clone; -webkit-box-decoration-break: clone; transition: background-color .25s;
}
.ep-h6-sentence:hover { background: var(--ep-h6-blue-1); }
.ep-h6-sentence[aria-pressed="true"] { background: var(--ep-h6-blue-2); }
.ep-h6-toolbar {
  position: absolute; left: 30px; bottom: 22px; display: flex; gap: 2px; padding: 4px; border-radius: 12px;
  background: var(--ep-h6-ink-1); color: #fff; font-size: 12.5px; box-shadow: 0 10px 24px rgba(28, 37, 54, .22);
}
.ep-h6-toolbar::before {
  content: ""; position: absolute; left: 26px; top: -5px; width: 10px; height: 10px; transform: rotate(45deg); background: var(--ep-h6-ink-1);
}
.ep-h6-toolbar > span { position: relative; padding: 5px 11px; border-radius: 8px; }
.ep-h6-toolbar > span:first-child { background: #3b4e75; }
.ep-h6-cards { display: flex; flex-direction: column; gap: 12px; }
.ep-h6-card {
  border: 1px solid var(--ep-h6-line-2); border-radius: 18px; background: var(--ep-h6-card);
  transition: border-color .25s, box-shadow .3s var(--ep-h6-ease), transform .3s var(--ep-h6-ease);
}
.ep-h6-card.is-open { border-color: var(--ep-h6-blue-3); box-shadow: 0 12px 30px rgba(47, 74, 115, .12); transform: translateX(-4px); }
.ep-h6-card__head {
  display: flex; align-items: center; gap: 10px; width: 100%; padding: 15px 18px; border: 0; background: none;
  color: var(--ep-h6-ink-1); font: inherit; font-size: 15px; font-weight: 650; text-align: left; cursor: pointer;
}
.ep-h6-card__body {
  display: grid; grid-template-rows: 0fr; padding: 0 18px; color: var(--ep-h6-ink-2); font-size: 14px; line-height: 1.75;
  transition: grid-template-rows .4s var(--ep-h6-ease), padding .4s var(--ep-h6-ease);
}
.ep-h6-card__body > * { min-height: 0; overflow: hidden; }
.ep-h6-card.is-open .ep-h6-card__body { grid-template-rows: 1fr; padding-bottom: 16px; }
.ep-h6-diff { margin-top: 8px !important; padding: 8px 11px; border-radius: 10px; background: var(--ep-h6-paper-2); font-family: var(--ep-h6-serif); font-size: 14.5px; }

/* ---------- 4. Personal ---------- */
.ep-h6-personal { background: linear-gradient(var(--ep-h6-paper-2), var(--ep-h6-paper-1)); }
.ep-h6-lark {
  display: grid; grid-template-columns: 360px minmax(0, 1fr); max-width: 1040px; min-height: 470px; margin: 0 auto; overflow: hidden;
  border: 1px solid var(--ep-h6-line-2); border-radius: 26px; background: var(--ep-h6-card); box-shadow: var(--ep-h6-shadow-lift);
}
.ep-h6-lark__memory { padding: 24px 22px; border-right: 1px solid var(--ep-h6-line-1); background: var(--ep-h6-paper-1); }
.migration-main .ep-h6-lark h3 { margin: 0 0 14px; font-size: 12px; font-weight: 650; letter-spacing: .12em; color: var(--ep-h6-ink-3); }
.ep-h6-lark__cards { display: flex; flex-direction: column; gap: 10px; }
.ep-h6-memory {
  display: block; width: 100%; padding: 13px 15px; border: 1px solid var(--ep-h6-line-2); border-radius: 16px; background: var(--ep-h6-card);
  color: var(--ep-h6-ink-1); font: inherit; text-align: left; cursor: pointer;
  transition: transform .35s var(--ep-h6-ease), box-shadow .35s var(--ep-h6-ease), border-color .2s;
}
.ep-h6-memory:hover { border-color: var(--ep-h6-blue-3); }
.ep-h6-memory b { display: flex; justify-content: space-between; gap: 8px; font-size: 14.5px; }
.ep-h6-memory q { display: block; margin: 4px 0 7px; color: var(--ep-h6-ink-3); font-family: var(--ep-h6-serif); font-size: 13px; quotes: none; }
.ep-h6-memory__sources { display: flex; flex-wrap: wrap; gap: 6px; }
.ep-h6-memory__sources i { padding: 1px 8px; border-radius: 999px; background: var(--ep-h6-paper-3); color: var(--ep-h6-ink-3); font-size: 11px; font-style: normal; }
.ep-h6-memory[aria-pressed="true"] {
  border-color: transparent; background: var(--ep-h6-silk-card); color: #fff; transform: translateX(6px);
  box-shadow: 0 14px 30px rgba(47, 74, 115, .3);
}
.ep-h6-memory[aria-pressed="true"] q { color: #d6e0f2; }
.ep-h6-memory[aria-pressed="true"] .ep-h6-memory__sources i { background: rgba(255, 255, 255, .18); color: #fff; }
.ep-h6-memory[aria-pressed="true"] .ep-h6-tag { background: rgba(255, 255, 255, .2); color: #fff; }
.ep-h6-lark__note { margin-top: 16px !important; color: var(--ep-h6-ink-4); font-size: 12px; line-height: 1.7; text-wrap: balance; }
.ep-h6-lark__chat { display: flex; flex-direction: column; padding: 22px 28px; }
.ep-h6-lark__chat > header {
  display: flex; align-items: center; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--ep-h6-line-1); font-weight: 650;
}
.ep-h6-lark__chat > header .ep-h6-tag { margin-left: auto; }
.ep-h6-avatar { width: 30px; height: 30px; flex-shrink: 0; border-radius: 50%; background: var(--ep-h6-paper-warm) url('/workspace/assets/assistant-assets/report-reading-avatar.webp?v=avatar-1') center / cover no-repeat; box-shadow: 0 4px 10px rgba(47, 74, 115, .25); }
.ep-h6-lark__conversation { display: grid; flex: 1; min-width: 0; }
.ep-h6-lark__conversation > * { grid-area: 1 / 1; min-width: 0; }
.ep-h6-lark__reserve { display: grid; visibility: hidden; pointer-events: none; }
.ep-h6-lark__reserve > .ep-h6-lark__log { grid-area: 1 / 1; }
.ep-h6-personal[data-motion="paused"] .ep-h6-bubble.is-arriving { animation-play-state: paused; }
.ep-h6-lark__log { min-height: 260px; padding-top: 8px; }
/* Keep chat alignment above the shared home paragraph margin reset. */
#home-content .ep-h6-lark__log > .ep-h6-bubble--me { margin-left: auto; margin-right: 0; }
#home-content .ep-h6-lark__log > .ep-h6-bubble--lark { margin-left: 0; margin-right: auto; }
.ep-h6-lark__acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.ep-h6-lark__acts > button { min-height: 36px; padding: 6px 12px; background: transparent; font: inherit; cursor: pointer; border: 1px solid var(--ep-h6-line-3); border-radius: 999px; color: var(--ep-h6-blue-5); font-size: 12.5px; }
.ep-h6-lark__acts > button:hover { background: var(--ep-h6-blue-1); }
.ep-h6-lark__acts > button[aria-pressed="true"] { border-color: var(--ep-h6-blue-4); background: var(--ep-h6-blue-1); }
.ep-h6-lark__acts > button:disabled { opacity: .45; cursor: default; }
#home-content :is(.ep-h6-lark__acts button, .ep-h6-ftabs button, .ep-h6-fseg button, .ep-h6-seg button, .ep-h6-mark, .ep-h6-pair):focus-visible { outline: 2px solid var(--ep-h6-blue-4); outline-offset: 3px; }

/* ---------- 5. Loop ---------- */
.ep-h6-loop__row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-top: 50px; }
.ep-h6-step {
  display: flex; flex-direction: column; justify-content: flex-start;
  min-height: 176px; padding: 20px 18px; border: 1px solid var(--ep-h6-line-2); border-radius: 20px; background: var(--ep-h6-card);
  color: var(--ep-h6-ink-1); font: inherit; text-align: left; cursor: pointer;
  transition: transform .45s var(--ep-h6-ease), box-shadow .45s var(--ep-h6-ease), background-color .3s, color .3s;
}
.ep-h6-step small { display: block; color: var(--ep-h6-blue-4); font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.ep-h6-step b { display: block; margin: 6px 0 8px; font-size: 17px; }
.ep-h6-step span { display: block; color: var(--ep-h6-ink-3); font-size: 13px; line-height: 1.65; }
.ep-h6-step:hover { border-color: var(--ep-h6-blue-3); }
.ep-h6-step.is-on {
  border-color: transparent; background: var(--ep-h6-silk-card); color: #fff; transform: translateY(-8px);
  box-shadow: 0 22px 44px rgba(47, 74, 115, .28);
}
.ep-h6-step.is-on :is(small, span) { color: #d3dff2; }
.ep-h6-band {
  position: relative; display: flex; align-items: center; gap: 16px; margin-top: 24px; padding: 18px 24px; overflow: hidden;
  border-radius: 18px; background: var(--ep-h6-night); color: #fff;
}
.ep-h6-band::before {
  content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(120, 125, 230, .25) 1px, transparent 1.2px); background-size: 16px 16px;
}
.ep-h6-band > :is(b, span) { position: relative; }
.ep-h6-band > b { font-size: 16px; white-space: nowrap; }
.ep-h6-band > span { color: #a7acd4; font-size: 14px; }
.ep-h6-band__pulse {
  position: absolute; top: 0; bottom: 0; left: -160px; width: 160px;
  background: linear-gradient(90deg, transparent, rgba(110, 95, 255, .45), transparent); animation: ep-h6-sweep 5s linear infinite;
}
.ep-h6-loop:not([data-motion="running"]) .ep-h6-band__pulse { animation-play-state: paused; }
.ep-h6-loop[data-motion="static"] .ep-h6-band__pulse { display: none; }
@keyframes ep-h6-sweep { to { left: 100%; } }

/* ---------- 6. Comparison ---------- */
.ep-h6-comparison { background: var(--ep-h6-paper-2); }
.ep-h6-study {
  display: grid; grid-template-columns: 232px minmax(0, 1fr); margin-top: 40px; overflow: hidden;
  border: 1px solid var(--ep-h6-line-2); border-radius: 24px; background: var(--ep-h6-card); box-shadow: 0 24px 60px rgba(47, 74, 115, .12);
}
.ep-h6-study__cases { display: flex; flex-direction: column; gap: 4px; padding: 16px 12px; border-right: 1px solid var(--ep-h6-line-1); background: linear-gradient(var(--ep-h6-blue-1), var(--ep-h6-paper-2)); }
.ep-h6-study__cases button {
  display: block; width: 100%; padding: 10px 12px; border: 0; border-radius: 12px; background: transparent;
  color: var(--ep-h6-ink-3); font: inherit; font-size: 12.5px; text-align: left; cursor: pointer; transition: background-color .25s, box-shadow .25s;
}
.ep-h6-study__cases button b { display: block; margin-bottom: 2px; color: var(--ep-h6-ink-1); font-size: 14px; line-height: 1.45; }
.ep-h6-study__cases button:hover { background: rgba(255, 255, 255, .65); }
.ep-h6-study__cases button[aria-pressed="true"] { background: var(--ep-button-silk); color: var(--ep-button-ink); box-shadow: 0 4px 14px rgba(47, 74, 115, .1); }
.ep-h6-skeleton { display: block; height: 52px; border-radius: 12px; background: linear-gradient(90deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .9), rgba(255, 255, 255, .5)); }
.ep-h6-study__main { min-width: 0; padding: 20px 26px 24px; }
.ep-h6-study__bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 14px; }
.ep-h6-seg { display: flex; gap: 16px; padding: 0; border-bottom: 1px solid var(--ep-h6-line-2); background: transparent; }
.ep-h6-seg button {
  padding: 7px 2px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--ep-h6-ink-3);
  font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.ep-h6-seg button[aria-pressed="true"] { border-bottom-color: var(--ep-h6-blue-4); color: var(--ep-h6-blue-5); }
.ep-h6-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.ep-h6-filters button {
  padding: 3px 12px 2px; border: 0; border-bottom: 2px solid var(--ep-h6-kind-color); border-radius: 0; background: transparent;
  color: var(--ep-h6-ink-2); font: inherit; font-size: 13px; cursor: pointer; transition: opacity .25s;
}
.ep-h6-filters button[aria-pressed="false"], .ep-h6-filters button:disabled { opacity: .3; }
.ep-h6-filters button:disabled { cursor: default; }
.ep-h6-study__status { padding: 40px 0; color: var(--ep-h6-ink-3); font-size: 14px; text-align: center; }
.ep-h6-retry { margin-left: 8px; padding: 3px 12px; border: 1px solid var(--ep-h6-line-3); border-radius: 999px; background: var(--ep-h6-card); color: var(--ep-h6-blue-5); font: inherit; cursor: pointer; }
.ep-h6-pair { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid var(--ep-h6-line-2); border-radius: 18px; }
.ep-h6-pair > div { min-width: 0; padding: 18px 22px; }
.ep-h6-pair > div > p[lang="en"] { font-family: var(--ep-h6-serif); font-size: 15.5px; line-height: 2.1; color: var(--ep-h6-ink-1); }
.ep-h6-pair__original { background: var(--ep-h6-paper-warm); }
.ep-h6-pair__revised { background: var(--ep-h6-blue-1); }
.ep-h6-study__label { margin-bottom: 4px !important; font-size: 12px; font-weight: 650; letter-spacing: .1em; color: var(--ep-h6-ink-3); }
.ep-h6-essay {
  max-height: 340px; overflow: auto; padding: 20px 28px; border: 1px solid var(--ep-h6-line-2); border-radius: 18px; background: var(--ep-h6-card);
  overscroll-behavior: contain; scrollbar-width: thin;
}
.ep-h6-essay > p[lang="en"] { font-family: var(--ep-h6-serif); font-size: 15.5px; line-height: 2.1; color: var(--ep-h6-ink-1); }
.ep-h6-essay > p + p { margin-top: 10px; }
.ep-h6-mark {
  cursor: pointer; border-radius: 3px; padding-bottom: 3px; box-decoration-break: clone; -webkit-box-decoration-break: clone;
  background-repeat: no-repeat; background-color: transparent; transition: background-color .2s;
  background-image: linear-gradient(var(--ep-h6-u1), var(--ep-h6-u1));
  background-size: 100% 2px; background-position: 0 100%;
}
.ep-h6-mark[data-depth="2"] {
  padding-bottom: 6px;
  background-image: linear-gradient(var(--ep-h6-u1), var(--ep-h6-u1)), linear-gradient(var(--ep-h6-u2), var(--ep-h6-u2));
  background-size: 100% 2px, 100% 2px; background-position: 0 calc(100% - 4px), 0 100%;
}
.ep-h6-mark[data-depth="3"] {
  padding-bottom: 9px;
  background-image: linear-gradient(var(--ep-h6-u1), var(--ep-h6-u1)), linear-gradient(var(--ep-h6-u2), var(--ep-h6-u2)), linear-gradient(var(--ep-h6-u3), var(--ep-h6-u3));
  background-size: 100% 2px, 100% 2px, 100% 2px; background-position: 0 calc(100% - 8px), 0 calc(100% - 4px), 0 100%;
}
.ep-h6-mark:hover { background-color: var(--ep-h6-blue-1); }
.ep-h6-mark[aria-pressed="true"] { background-color: var(--ep-h6-blue-2); }
.ep-h6-study__note {
  min-height: 112px; margin-top: 14px; padding: 15px 18px; border: 1px solid var(--ep-h6-line-2); border-radius: 16px; background: var(--ep-h6-card);
  color: var(--ep-h6-ink-2); font-size: 13.5px; line-height: 1.75;
}
.ep-h6-study__note > p + p { margin-top: 4px; }
.ep-h6-note__title { display: flex; align-items: center; gap: 10px; margin-bottom: 4px !important; color: var(--ep-h6-ink-1); font-size: 15px; font-weight: 650; }
.ep-h6-kind-tag {
  flex: none; padding: 1px 9px; border-radius: 999px; font-size: 11px; font-weight: 650;
  color: var(--ep-h6-kind-color, var(--ep-h6-blue-5));
  background: color-mix(in srgb, var(--ep-h6-kind-color, var(--ep-h6-blue-4)) 12%, var(--ep-h6-card));
}
.ep-h6-note__transfer, .ep-h6-note__takeaway { color: var(--ep-h6-blue-4); }
.ep-h6-note__takeaway { color: var(--ep-h6-ink-3); }
:is(.ep-h6-note__transfer, .ep-h6-note__takeaway) b { margin-right: 8px; font-weight: 650; }
.ep-h6-note__hint { color: var(--ep-h6-ink-4); font-size: 12.5px; }
.ep-h6-typing-box textarea {
  width: 100%; min-height: 96px; margin-top: 8px; padding: 12px 14px; border: 1px solid var(--ep-h6-line-3); border-radius: 14px;
  background: var(--ep-h6-card); color: var(--ep-h6-ink-1); font-family: var(--ep-h6-serif); font-size: 15px; line-height: 1.8; resize: vertical;
}
.ep-h6-typing-box__source { font-family: var(--ep-h6-serif); font-size: 15px; line-height: 1.8; color: var(--ep-h6-ink-2); }
.ep-h6-typing-box__go { display: flex; align-items: center; gap: 12px; margin-top: 10px; }
.ep-h6-typing-box__go button { padding: 7px 16px; border: 0; border-radius: 999px; background: var(--ep-h6-blue-5); color: #fff; font: inherit; font-size: 13px; cursor: pointer; }
[data-h6-study-result] { font-size: 13.5px; color: var(--ep-h6-ink-2); }
[data-h6-study-result][data-tone="match"] { color: var(--ep-h6-green); }
[data-h6-study-result][data-tone="differ"] { color: var(--ep-h6-red); }
[data-h6-study-open] { display: inline-block; margin-top: 16px; }

/* ---------- 7. Foundation (笔下有料) ---------- */
.ep-h6-found { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr); gap: 26px; align-items: stretch; margin-top: 26px; text-align: left; }
.ep-h6-fpanel { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--ep-h6-line-2); border-radius: 24px; background: var(--ep-h6-card); box-shadow: var(--ep-h6-shadow-soft); }
.ep-h6-fpanel__top { padding: 22px 26px 0; }
.ep-h6-fpanel__title { display: flex; align-items: baseline; gap: 12px; }
.ep-h6-fpanel__title b { font-size: 22px; font-weight: 750; color: var(--ep-h6-ink-1); }
.ep-h6-fpanel__title small { font-size: 13px; color: var(--ep-h6-ink-3); }
.ep-h6-fpanel__body { flex: 1; min-height: 292px; padding: 16px 26px 6px; }
.ep-h6-fpanel__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 26px 18px; border-top: 1px solid var(--ep-h6-line-1); color: var(--ep-h6-ink-3); font-size: 12.5px; }
.ep-h6-fpanel__stats { display: grid; }
.ep-h6-fpanel__stats > span { grid-area: 1 / 1; }
.ep-h6-fpanel__stats > [hidden] { display: block !important; visibility: hidden; pointer-events: none; }
.ep-h6-ftabs { display: flex; gap: 12px; margin-top: 14px; padding: 0; border-bottom: 1px solid var(--ep-h6-line-2); }
.ep-h6-ftabs button { flex: 1; padding: 10px 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--ep-h6-ink-3); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color .25s, color .25s, box-shadow .25s; }
.ep-h6-ftabs button:hover { color: var(--ep-h6-ink-1); }
.ep-h6-ftabs button[aria-selected="true"] { border-bottom-color: var(--ep-h6-blue-4); color: var(--ep-h6-blue-5); }
/* Overlaid states retain their intrinsic size, without replaying entry motion. */
.ep-h6-ars-stack { display: grid; align-items: start; }
.ep-h6-fpane { grid-area: 1 / 1; min-width: 0; }
.ep-h6-fpane[hidden] { display: block !important; visibility: hidden; pointer-events: none; }
.ep-h6-fcrumb { display: flex; gap: 8px; margin-bottom: 8px; }
.ep-h6-ftag { color: var(--ep-h6-ink-3); font-size: 12.5px; }
.ep-h6-ftag + .ep-h6-ftag::before { content: "·"; margin-right: 8px; color: var(--ep-h6-ink-4); }
.migration-main .ep-h6-fpane h3 { margin: 0; font-size: 21px; font-weight: 750; color: var(--ep-h6-ink-1); }
.ep-h6-fask { margin: 10px 0 0; padding: 9px 13px; border-left: 3px solid #c9a96b; border-radius: 0 8px 8px 0; background: var(--ep-h6-paper-warm); color: var(--ep-h6-ink-2); font-size: 14px; }
.ep-h6-fask em { margin-right: 8px; color: #8a6a2d; font-size: 12.5px; font-style: normal; font-weight: 700; }
.ep-h6-fask.is-warn { border-left-color: var(--ep-h6-red); background: var(--ep-h6-red-paper); }
.ep-h6-fask.is-warn em { color: var(--ep-h6-red); }
.ep-h6-foutline { display: grid; gap: 7px; margin-top: 10px; font-size: 14px; line-height: 1.55; }
.ep-h6-foutline > div { display: grid; grid-template-columns: 22px 38px minmax(0, 1fr); gap: 4px; }
.ep-h6-foutline s { padding-top: 2px; color: var(--ep-h6-ink-4); font-size: 12px; text-decoration: none; }
.ep-h6-foutline b { color: var(--ep-h6-ink-1); }
.ep-h6-fen { margin: 12px 0 0; font-family: var(--ep-h6-serif); font-size: 17px; line-height: 1.85; color: var(--ep-h6-ink-1); }
.ep-h6-fmark { padding: 1px 3px; border-radius: 4px; background: var(--ep-h6-blue-2); color: var(--ep-h6-blue-5); }
.ep-h6-fnote { margin: 8px 0 0; color: var(--ep-h6-ink-3); font-size: 13.5px; line-height: 1.65; }
.ep-h6-fnote b { color: var(--ep-h6-ink-2); }
.ep-h6-fseg { display: inline-flex; gap: 18px; margin-top: 12px; border-bottom: 1px solid var(--ep-h6-line-2); }
.ep-h6-fseg button { padding: 6px 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--ep-h6-ink-3); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.ep-h6-fseg button[aria-pressed="true"] { border-bottom-color: var(--ep-h6-blue-4); color: var(--ep-h6-blue-5); }
.ep-h6-fpart { padding: 1px 3px; border-radius: 5px; transition: background-color .3s, color .3s, box-shadow .3s; }
.ep-h6-fpane[data-view="split"] .ep-h6-fpart[data-part="adv"] { background: #d7e8fb; box-shadow: inset 0 -2px 0 #4a8fe0; }
.ep-h6-fpane[data-view="split"] .ep-h6-fpart[data-part="main"], .ep-h6-fpane[data-view="main"] .ep-h6-fpart[data-part="main"] { background: var(--ep-h6-green-paper); box-shadow: inset 0 -2px 0 var(--ep-h6-green); }
.ep-h6-fpane[data-view="main"] .ep-h6-fpart[data-part="adv"] { color: var(--ep-h6-ink-4); }
.ep-h6-sen-notes { display: grid; }
.ep-h6-sen-notes > p { grid-area: 1 / 1; }
.ep-h6-sen-notes > [hidden] { display: block !important; visibility: hidden; pointer-events: none; }

.ep-h6-word-stack { display: grid; }
.ep-h6-word { position: relative; display: grid; grid-area: 1 / 1; grid-template-rows: auto 1fr; align-items: start; min-width: 0; min-height: 210px; padding: 22px 24px 18px; border: 1px solid var(--ep-h6-line-2); border-radius: 18px; background: var(--ep-h6-card); }
.ep-h6-word[hidden] { display: grid !important; visibility: hidden; pointer-events: none; }
.ep-h6-word__idx { position: absolute; top: 14px; right: 18px; color: var(--ep-h6-ink-4); font-size: 12px; letter-spacing: .08em; }
.ep-h6-word__head { grid-area: 1 / 1; padding-right: 36px; }
.ep-h6-word__w { font-family: var(--ep-h6-serif); font-size: 40px; font-weight: 700; color: var(--ep-h6-ink-1); }
.ep-h6-word__pos { margin-left: 10px; color: var(--ep-h6-ink-3); font-size: 14px; }
.ep-h6-word__front { grid-area: 2 / 1; margin: 8px 0 0; color: var(--ep-h6-ink-3); font-size: 13.5px; }
.ep-h6-word__reveal { grid-area: 2 / 1; margin-top: 10px; }
.ep-h6-word :is(.ep-h6-word__front, .ep-h6-word__reveal)[aria-hidden="true"] { visibility: hidden; pointer-events: none; }
.ep-h6-word__zh { font-size: 20px; font-weight: 700; color: var(--ep-h6-ink-1); }
.ep-h6-word__ex { margin: 8px 0 0; font-family: var(--ep-h6-serif); font-size: 16px; line-height: 1.7; }
.ep-h6-word__ex b { color: var(--ep-h6-blue-5); }
.ep-h6-word__tr { margin: 2px 0 0; color: var(--ep-h6-ink-3); font-size: 13.5px; }
.ep-h6-word__note { margin: 9px 0 0; padding: 7px 11px; border-radius: 9px; background: var(--ep-h6-paper-2); color: var(--ep-h6-ink-2); font-size: 13px; }
.ep-h6-word__note em { margin-right: 8px; font-style: normal; font-weight: 700; }
.ep-h6-judge-stack { display: grid; margin-top: 14px; }
.ep-h6-judge { display: flex; grid-area: 1 / 1; gap: 10px; }
.ep-h6-judge[hidden] { display: flex !important; visibility: hidden; pointer-events: none; }
.ep-h6-judge button { flex: 1; padding: 10px; border: 1px solid var(--ep-h6-line-3); border-radius: 12px; background: var(--ep-h6-card); color: var(--ep-h6-ink-1); font: inherit; font-size: 14px; font-weight: 650; cursor: pointer; transition: background-color .2s, border-color .2s; }
.ep-h6-judge button:hover { border-color: var(--ep-h6-blue-3); background: var(--ep-h6-blue-1); }
.ep-h6-judge button.is-next { border-color: var(--ep-h6-blue-5); background: var(--ep-h6-blue-5); color: var(--ep-h6-card); }
.ep-h6-judge button.is-next:hover { background: var(--ep-h6-blue-4); }
.ep-h6-shelf { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; align-items: end; margin: 14px 0 0; padding: 0; list-style: none; }
.ep-h6-cover {
  min-width: 0; overflow: hidden; border-radius: 2px; box-shadow: 0 6px 14px rgba(28, 37, 54, .16); transition: transform .3s var(--ep-h6-ease);
}
.ep-h6-cover__image { display: block; width: 100%; height: auto; aspect-ratio: 240 / 354; }
.ep-h6-cover:hover { transform: translateY(-4px); }
.ep-h6-bridge { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; margin: 22px 0 0; color: var(--ep-h6-ink-3); font-size: 14px; }
.ep-h6-bridge__src { padding: 5px 12px; border: 1px solid var(--ep-h6-line-2); border-radius: 999px; background: var(--ep-h6-card); color: var(--ep-h6-ink-2); }
.ep-h6-bridge__dst { padding: 5px 12px; border-radius: 999px; background: var(--ep-h6-blue-1); color: var(--ep-h6-blue-5); font-weight: 650; }

/* ---------- 8. Close ---------- */
.ep-h6-close { padding: clamp(90px, 12vh, 120px) 40px; background: var(--ep-h6-silk-wide); color: #fff; text-align: center; overflow: clip; }
.ep-h6-close::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(rgba(255, 255, 255, .14) 1px, transparent 1.2px); background-size: 22px 22px;
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%, #000 30%, transparent 75%); mask-image: radial-gradient(ellipse at 50% 50%, #000 30%, transparent 75%);
}
.ep-h6-close__inner { position: relative; }
.migration-main .ep-h6-close h2 { margin: 0 0 30px; font-size: clamp(32px, 3.4vw, 48px); color: #fff; }
.ep-h6-actions--on-dark .ep-h6-button--primary { background: var(--ep-h6-card); color: var(--ep-h6-blue-5); box-shadow: 0 10px 30px rgba(10, 20, 45, .25); }
.ep-h6-actions--on-dark .ep-h6-button--ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .45); }
.ep-h6-actions--on-dark .ep-h6-button--ghost:hover { background: rgba(255, 255, 255, .1); }

/* ---------- Reading progress and section dots ---------- */
.ep-home-reading-progress {
  position: fixed; z-index: 21; inset-inline: 0; top: var(--ep-home-header-height, 58px); height: 3px;
  background: #8ba6c820; pointer-events: none;
}
.ep-home-reading-progress__bar { display: block; width: 100%; height: 100%; transform: scaleX(var(--home-reading-progress, 0)); transform-origin: left; background: linear-gradient(90deg, #47658e, #4a70a4); }
@supports (animation-timeline: scroll(root)) {
  .ep-home-reading-progress__bar { animation: ep-home-reading-progress linear both; animation-timeline: scroll(root); }
}
@keyframes ep-home-reading-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.ep-home-section-nav { display: none; }
@media (min-width: 1001px) {
  .ep-home-section-nav { position: fixed; z-index: 19; top: 50%; right: clamp(10px, 1.5vw, 24px); display: flex; flex-direction: column; gap: 3px; transform: translateY(-50%); }
  .ep-home-section-nav button {
    position: relative; display: grid; place-items: center; width: 32px; min-height: 30px; padding: 0; border: 0; border-radius: 10px;
    background: transparent; color: #556f92; cursor: pointer; font: inherit;
  }
  .ep-home-section-nav button::after {
    content: ""; width: 7px; height: 7px; border: 1px solid #607ca898; border-radius: 50%; background: #f6f9fcc7;
    transition: background 150ms, transform 150ms;
  }
  .ep-home-section-nav button[aria-current="true"]::after { background: #4e709e; border-color: #4e709e; transform: scale(1.2); box-shadow: 0 0 0 4px #6485ae18; }
  .ep-home-section-nav button:focus-visible { outline: 2px solid #527bab; outline-offset: 1px; }
  .ep-home-section-nav__label {
    position: absolute; top: 50%; right: calc(100% + 6px); padding: .4rem .65rem; border: 1px solid #a7b9d259; border-radius: 6px;
    background: var(--ep-h6-card); color: #415d81; font-size: .75rem; line-height: 1.4; white-space: nowrap; opacity: 0;
    transform: translateY(-50%); pointer-events: none; transition: opacity 150ms;
  }
  .ep-home-section-nav button:is(:hover, :focus-visible) .ep-home-section-nav__label { opacity: 1; }
  .ep-home-section-nav:has(button[aria-controls="home-circuit"][aria-current="true"]) button::after { background: transparent; border-color: #8b8fd0; }
  .ep-home-section-nav:has(button[aria-controls="home-circuit"][aria-current="true"]) button[aria-current="true"]::after { background: var(--ep-h6-card); border-color: #fff; box-shadow: 0 0 0 4px rgba(140, 120, 255, .25); }
  .ep-home-section-nav:has(button[aria-controls="home-start"][aria-current="true"]) button::after { background: transparent; border-color: rgba(255, 255, 255, .6); }
  .ep-home-section-nav:has(button[aria-controls="home-start"][aria-current="true"]) button[aria-current="true"]::after { background: var(--ep-h6-card); border-color: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, .2); }
}

/* motion.css gives every workspace button a colour-only transition; home cards also move. */
#home-content :is(.ep-h6-step, .ep-h6-memory) {
  transition: transform .45s var(--ep-h6-ease), box-shadow .45s var(--ep-h6-ease), background-color .3s, border-color .2s, color .3s, scale .18s;
}
#home-content :is(.ep-h6-sentence, .ep-h6-seg button, .ep-h6-study__cases button, .ep-h6-filters button, .ep-h6-card__head) {
  transition: background-color .25s, box-shadow .25s, color .2s, opacity .25s, scale .18s;
}

/* Fit desktop presentations to the space below the real (possibly taller)
   header. Content still grows naturally when zoom/text or an expanded example
   needs more room; the keyboard controller pages through that remainder. */
@media (min-width: 1001px) {
  #home-content .ep-home-section {
    box-sizing: border-box; min-height: var(--ep-home-available-height, calc(100svh - 58px));
    display: flex; flex-direction: column; justify-content: center;
  }
  #home-content :is(.ep-h6-section, .ep-h6-circuit, .ep-h6-close) {
    padding-block: clamp(24px, calc(var(--ep-home-available-height, 720px) * .045), 52px);
  }
  #home-content :is(.ep-h6-wrap, .ep-h6-circuit__inner, .ep-h6-close__inner) { width: 100%; }
  #home-content .ep-h6-circuit__view { margin-top: 24px; }
  #home-content .ep-h6-head--center { margin-bottom: 24px; }
  #home-content :is(.ep-h6-report__grid, .ep-h6-study, .ep-h6-loop__row, .ep-h6-found) { margin-top: 24px; }
  #home-content .ep-h6-foot { margin-top: 20px; }
  #home-content .ep-h6-lark { min-height: 0; }
  #home-content .ep-h6-lark__log { min-height: 200px; }
  #home-content .ep-h6-lark__memory { padding: 18px; }
  #home-content .ep-h6-memory { padding: 10px 13px; }
  #home-content .ep-h6-lark__chat { padding: 18px 24px; }
  #home-content .ep-h6-paper { padding: 22px 24px 72px; }
  #home-content .ep-h6-study__main { padding: 16px 22px 18px; }
  #home-content .ep-h6-study__note { min-height: 0; margin-top: 10px; padding: 12px 15px; }
  #home-content .ep-h6-essay { max-height: clamp(120px, calc(var(--ep-home-available-height, 720px) - 540px), 300px); }
  /* Comparison is a single-page section: header, panel and note must fit one screen, so the pair scrolls inside itself. */
  #home-content .ep-h6-pair {
    max-height: clamp(120px, calc(var(--ep-home-available-height, 720px) - 560px), 300px);
    overflow: auto; overscroll-behavior: contain; scrollbar-width: thin;
  }
  #home-content .ep-h6-comparison .ep-h6-head h2 { margin-block: 8px 10px; font-size: clamp(26px, 3.4vh, 36px); }
  #home-content .ep-h6-comparison .ep-h6-lead { font-size: 14.5px; line-height: 1.6; }
  #home-content .ep-h6-comparison .ep-h6-study__bar, #home-content .ep-h6-comparison .ep-h6-filters { margin-bottom: 10px; }
  #home-content .ep-h6-comparison .ep-h6-study__main { padding: 14px 22px 16px; }
  #home-content .ep-h6-hero {
    padding-top: var(--ep-h6-hero-top); justify-content: center; align-items: center;
  }
  #home-content .ep-h6-hero__stage {
    width: min(100%, 1200px); height: var(--ep-h6-scene-height);
    margin-top: 14px; flex: none;
  }
  #home-content .ep-h6-dots { margin-top: 8px; padding-bottom: 0; }
  #home-content .ep-h6-hero h1 { margin-bottom: 20px; font-size: var(--ep-h6-title-size); }
}

/* ---------- Narrow screens ---------- */
@media (max-width: 1000px) {
  .ep-h6-loop__row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ep-h6-found { grid-template-columns: minmax(0, 1fr); }
  .ep-h6-lark { grid-template-columns: 300px minmax(0, 1fr); }
}
@media (max-width: 800px) {
  .ep-h6-section, .ep-h6-circuit, .ep-h6-close { padding: 64px 18px; }
  .ep-h6-foot { flex-direction: column; align-items: flex-start; }
  .ep-h6-foot--center { align-items: center; }
  .ep-h6-circuit__view { height: auto; margin-top: 28px; }
  .ep-h6-circuit__stage { display: none; }
  .ep-h6-circuit__mobile { display: grid; max-width: 520px; margin: auto; }
  .ep-h6-circuit__mobile-group { padding: 16px; border: 1px solid #343b60; border-radius: 12px; background: #1a2041; }
  .ep-h6-circuit__mobile-group > p { margin-bottom: 12px !important; color: #c4c0e8; font-size: 13px; }
  .ep-h6-circuit__mobile-group ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
  .ep-h6-circuit__mobile-group li { display: grid; justify-items: center; gap: 5px; padding: 10px 2px; border-radius: 6px; background: #34316c; color: #f3f1ff; font-size: 13px; }
  .ep-h6-circuit__mobile-group .ep-h6-icon { width: 24px; height: 24px; color: #c9c0ff; }
  .ep-h6-circuit__mobile-core { position: relative; display: grid; justify-items: center; gap: 3px; width: 150px; margin: 24px auto; padding: 14px 10px; border: 1px solid #7770cf60; border-radius: 9px; background: linear-gradient(145deg, #5545b3, #292651); }
  .ep-h6-circuit__mobile-core::before, .ep-h6-circuit__mobile-core::after { content: ""; position: absolute; left: 50%; height: 24px; border-left: 1px dashed #7770cf; }
  .ep-h6-circuit__mobile-core::before { bottom: 100%; }
  .ep-h6-circuit__mobile-core::after { top: 100%; }
  .ep-h6-circuit__mobile-core strong { font-size: 25px; }
  .ep-h6-circuit__mobile-core :is(small, span) { font-size: 12px; color: #c4c0e8; }
  .ep-h6-circuit__mobile-foot { margin-top: 16px !important; color: #a0a8c5; font-size: 12px; line-height: 1.8; text-align: center; }
  .ep-h6-lark__acts > button { min-height: 44px; }
  .ep-h6-shelf { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .ep-h6-report__grid, .ep-h6-lark, .ep-h6-study, .ep-h6-pair { grid-template-columns: minmax(0, 1fr); }
  .ep-h6-paper { padding: 22px 20px 76px; }
  .ep-h6-toolbar { left: 16px; right: 16px; flex-wrap: wrap; font-size: 12px; }
  .ep-h6-card.is-open { transform: none; }
  .ep-h6-lark { min-height: 0; }
  .ep-h6-lark__memory { border-right: 0; border-bottom: 1px solid var(--ep-h6-line-1); }
  .ep-h6-memory[aria-pressed="true"] { transform: none; }
  .ep-h6-lark__chat { padding: 18px; }
  .ep-h6-lark__log { min-height: 0; }
  .ep-h6-loop__row { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .ep-h6-step { min-height: 0; }
  .ep-h6-step.is-on { transform: none; }
  .ep-h6-band { flex-direction: column; align-items: flex-start; gap: 6px; }
  .ep-h6-study__cases { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--ep-h6-line-1); }
  .ep-h6-study__cases button { flex: 0 0 170px; }
  .ep-h6-study__main { padding: 16px; }
  .ep-h6-seg { flex-wrap: wrap; }
  .ep-h6-fpanel__top { padding: 18px 18px 0; }
  .ep-h6-fpanel__body { min-height: 0; padding: 14px 18px 6px; }
  .ep-h6-fpanel__foot { flex-direction: column; align-items: flex-start; padding: 12px 18px 16px; }
  .ep-h6-fpanel__title { flex-direction: column; gap: 2px; }
  .ep-h6-ftabs button { font-size: 13px; }
  .ep-h6-fen { font-size: 16px; }
  .ep-h6-word__w { font-size: 34px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-h6-reveal], .ep-h6-card, .ep-h6-card__body, #home-content :is(.ep-h6-memory, .ep-h6-step, .ep-h6-sentence), .ep-h6-cover, .ep-h6-fpart, .ep-h6-output, .ep-h6-slot, .ep-h6-line-mask, .ep-h6-link > span { transition: none; }
  .ep-h6-circuit [data-phase], .ep-h6-band__pulse, .ep-h6-fpane, .ep-h6-word__reveal { animation: none !important; }
  .ep-home-section-nav button::after, .ep-home-section-nav__label { transition: none; }
}

/* Foundation screen on short desktop windows: tighter panels so both fit one screen. */
@media (min-width: 1001px) and (max-height: 820px) {
  #home-content .ep-h6-found { margin-top: 16px; }
  #home-content .ep-h6-fpanel__top { padding-top: 16px; }
  #home-content .ep-h6-fpanel__body { min-height: 0; padding-top: 12px; }
  #home-content .ep-h6-fpanel__foot { padding-block: 10px 12px; }
  #home-content .ep-h6-word { min-height: 150px; padding-block: 16px 12px; }
  #home-content .ep-h6-judge-stack, #home-content .ep-h6-shelf { margin-top: 10px; }
  #home-content .ep-h6-bridge { margin-top: 14px; }
  #home-content .ep-h6-foundation .ep-h6-head--center { margin-bottom: 8px; }
}

/* Secondary entries on the closing screen (moved from the former excerpt screen). */
.ep-h6-more { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 28px; }
.ep-h6-more > a {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px 8px 12px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 999px;
  background: transparent; color: #fff; font-size: 13.5px; text-decoration: none; transition: background-color .2s, transform .25s var(--ep-h6-ease);
}
.ep-h6-more > a .ep-h6-icon { width: 18px; height: 18px; color: currentColor; }
.ep-h6-more > a:hover { background: rgba(255, 255, 255, .12); transform: translateY(-1px); }