.home-tip-rail{position:relative;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px max(40px,calc((100vw - 1240px)/2)) 6px;width:100vw;margin-left:calc((100% - 100vw)/2)}.home-tip-rail::-webkit-scrollbar{display:none}.home-tip-preview{flex:0 0 min(380px,30vw);min-width:0;border:1px solid var(--ui-card-stroke);border-radius:20px;background:#fff;overflow:hidden;scroll-snap-align:center}.home-tip-preview img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:contain;background:#f1f4f1}.home-tip-preview h3{font-size:22px;line-height:1.5;font-weight:600;margin:0;padding:20px 22px;text-wrap:wrap}.home-knowledge-showcase .home-floor-action{margin-top:var(--floor-content-gap)}.home-knowledge-showcase .primary{min-height:52px;padding:0 32px;font-size:16px;line-height:1.5;font-weight:600;gap:10px;border-radius:99px}.home-tip-rail:focus-visible{outline:2px solid var(--ui-focus);outline-offset:4px;border-radius:20px}
@media(max-width:900px){.home-tip-rail{padding-inline:24px}.home-tip-preview{flex-basis:44vw}}
@media(max-width:700px){.home-tip-rail{gap:14px;padding-inline:9vw}.home-tip-preview{flex-basis:82vw}.home-tip-preview h3{font-size:21px;padding:18px}}

.home-tip-image{aspect-ratio:5/4;width:100%;overflow:hidden;background:#f1f4f1}.home-tip-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.home-tip-image{position:relative}.home-tip-level.ui-tag{position:absolute;top:12px;left:12px;background:rgb(0 0 0 / 5%);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-weight:400}.home-tip-copy{padding:20px 22px}.home-tip-copy h3{font-size:22px;line-height:1.5;font-weight:600;margin:0;padding:0;text-wrap:wrap}.home-tip-copy p{font-size:15px;line-height:1.75;font-weight:400;color:var(--tertiary);margin:7px 0 0}.home-tip-rail{padding-inline:0}.home-tip-preview{flex-basis:min(380px,30vw)}
@media(max-width:900px){.home-tip-preview{flex-basis:44vw}}
@media(max-width:700px){.home-tip-preview{flex-basis:82vw}.home-tip-copy{padding:18px}.home-tip-copy h3{font-size:22px}.home-tip-copy p{font-size:15px}}
/* Keep the floor heading centered; only the illustration and practice copy form columns. */
.home-knowledge-practice .home-knowledge-check{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center;padding:28px;max-width:1040px;margin-inline:auto}.home-knowledge-practice-image{aspect-ratio:5/4;overflow:hidden;border-radius:16px;background:#f1f4f1}.home-knowledge-practice-image img{display:block;width:100%;height:100%;object-fit:contain}.home-knowledge-practice-copy{min-width:0;text-align:left}.home-knowledge-practice-label{font-size:13px;line-height:1.7;font-weight:400;color:var(--tertiary);margin:0 0 8px}.home-knowledge-practice-copy h3{font-size:22px;line-height:1.5;font-weight:600;margin:0}.home-knowledge-practice-copy .home-depth-keywords{margin-top:16px}.home-knowledge-practice .home-floor-action{margin-top:var(--floor-content-gap)}.home-knowledge-practice .primary{min-height:52px;padding:0 32px;font-size:16px;line-height:1.5;font-weight:600;gap:10px;border-radius:99px}
@media(min-width:701px) and (max-width:1100px){.home-knowledge-practice .home-knowledge-check{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);padding:24px;gap:24px}.home-knowledge-practice-copy h3{font-size:20px}}
@media(max-width:700px){.home-knowledge-practice .home-knowledge-check{grid-template-columns:1fr;padding:20px;gap:24px}.home-knowledge-practice-copy h3{font-size:21px}}
/* Reading-support rules from the shared design specification. */
.home-knowledge-practice .home-depth-keywords{gap:8px}.home-knowledge-practice .home-depth-keywords .ui-tag{font-size:14px;line-height:1.6;font-weight:400;color:var(--ui-text-secondary);background:var(--ui-tag-surface);backdrop-filter:none}.home-knowledge-practice .home-depth-question{margin-top:24px;padding-top:16px;border-top:var(--ui-divider-width) solid var(--ui-divider)}.home-knowledge-practice .home-depth-question>span{font-size:16px;line-height:1.5;font-weight:500;color:var(--ui-text-secondary)}.home-knowledge-practice .home-depth-question>p:not(.home-depth-chinese){font-size:18px;line-height:1.7;font-weight:400;margin:8px 0 0}.home-knowledge-practice .home-depth-question>.home-depth-chinese{font-size:16px;line-height:1.75;font-weight:400;color:var(--ui-text-tertiary);margin:8px 0 0}.home-knowledge-practice .home-depth-question details{margin-top:16px}.home-knowledge-practice .home-depth-question summary{font-size:16px;line-height:1.5;font-weight:400;gap:6px;padding:6px 0;color:var(--ui-text-tertiary)}.home-knowledge-practice .home-depth-question details>p{font-size:18px;line-height:1.75;font-weight:400;margin:8px 0 0}.home-knowledge-practice .home-depth-question details>p.home-depth-chinese{font-size:16px;line-height:1.75;font-weight:400;color:var(--ui-text-tertiary);margin-top:6px}

/* Gestalt grouping: title/translation, key words, and question/answer are separate groups. */
.home-knowledge-practice .home-floor-heading>.home-floor-subtitle{font-size:18px;line-height:1.65;font-weight:400;color:var(--ui-text-tertiary);margin:8px 0 0}.home-knowledge-practice .home-floor-heading>.home-floor-subtitle+p{margin-top:16px}.home-knowledge-practice-title h3{font-size:22px;line-height:1.45;font-weight:600;margin:0}.home-knowledge-practice-title>p{font-size:16px;line-height:1.75;font-weight:400;color:var(--ui-text-tertiary);margin:6px 0 0}.home-knowledge-practice-copy .home-depth-keywords{margin-top:16px;gap:8px}.home-knowledge-practice .home-depth-question{margin-top:24px;padding-top:16px}.home-knowledge-practice .home-depth-question>.home-depth-chinese{margin-top:6px}.home-knowledge-practice .home-depth-question details{margin-top:12px}.home-knowledge-practice .home-depth-question summary{min-height:40px;padding:8px 0;border-radius:6px;background:transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:color 120ms ease-out}.home-knowledge-practice .home-depth-question summary:is(:hover,:active){background:transparent;color:var(--green)}.home-knowledge-practice .home-depth-question summary:focus:not(:focus-visible){outline:none}.home-knowledge-practice .home-depth-question summary:focus-visible{outline:2px solid var(--ui-focus);outline-offset:4px}.home-knowledge-practice .home-depth-question details>p{margin-top:8px}.home-knowledge-practice .home-depth-question details>p.home-depth-chinese{margin-top:6px}
@media(max-width:700px){.home-knowledge-practice .home-floor-heading>.home-floor-subtitle{font-size:16px}.home-knowledge-practice-title h3{font-size:21px}}

/* Proximity hierarchy: 4–8px within a group, 20px for related groups, 32px for a new task. */
.home-knowledge-practice-title>p{margin-top:4px}.home-knowledge-word-group{margin-top:20px}.home-knowledge-group-label{display:block;font-size:13px;line-height:1.6;font-weight:400;color:var(--ui-text-tertiary)}.home-knowledge-practice-copy .home-depth-keywords{margin-top:8px;gap:6px}.home-knowledge-practice .home-depth-question{margin-top:32px;padding-top:0;border-top:0}.home-knowledge-practice .home-depth-question>span{display:block;margin:0 0 8px}.home-knowledge-practice .home-depth-question>p:not(.home-depth-chinese){margin:0}.home-knowledge-practice .home-depth-question>.home-depth-chinese{margin-top:4px}

.home-knowledge-word-group>.home-depth-keywords{margin-top:0}

/* Retain the divider separating vocabulary from the comprehension task. */
.home-knowledge-practice .home-depth-question{border-top:var(--ui-divider-width) solid var(--ui-divider);margin-top:28px;padding-top:20px}
/* Slightly denser practice card, retaining the proximity hierarchy. */
.home-knowledge-practice .home-knowledge-check{padding:24px;gap:32px}.home-knowledge-practice-title>p{margin-top:3px}.home-knowledge-word-group{margin-top:16px}.home-knowledge-word-group>.home-depth-keywords{gap:5px}.home-knowledge-practice .home-depth-question{margin-top:24px;padding-top:16px}.home-knowledge-practice .home-depth-question>span{margin-bottom:6px}.home-knowledge-practice .home-depth-question>.home-depth-chinese{margin-top:3px}
@media(min-width:701px) and (max-width:1100px){.home-knowledge-practice .home-knowledge-check{padding:20px;gap:20px}}
@media(max-width:700px){.home-knowledge-practice .home-knowledge-check{padding:18px;gap:20px}}
/* Content cards use natural line filling; balanced wrapping is for floor headings only. */
.home-knowledge-practice-copy :is(h3,p),.home-tip-copy :is(h3,p){text-wrap:wrap;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:none}.home-knowledge-practice .home-depth-keywords .ui-tag{white-space:nowrap;flex:none;overflow-wrap:normal;word-break:normal}.home-knowledge-practice-copy,.home-tip-copy{min-width:0}
@media(max-width:700px){.home-floor-heading>p,.home-dialogue-showcase .home-scene-intro p,.home-dialogue-showcase .home-scene-sample :is(h4,p),.home-v2-faq details p{white-space:normal;text-wrap:wrap;word-break:normal;overflow-wrap:break-word;hyphens:none}.home-knowledge-practice-copy .home-depth-keywords{display:flex;flex-wrap:wrap}}