/* Loaded after the exact homepage r3 CSS. Component aliases keep existing content modules working. */
:root{--panel:var(--surface);--nav-bg:var(--nav);--text-white:var(--text);--text-strong:var(--text);--teal:var(--accent);--gold:var(--accent);--lime:var(--accent)}
body.list-platform .header nav a{height:100%;display:flex;align-items:center;position:relative;font-size:14px;flex-shrink:0}
body.list-platform .header nav a.active{font-weight:700;color:var(--accent)}
body.list-platform main{width:min(1240px,calc(100% - 64px));max-width:none;padding:30px 0 64px;margin:0 auto}
body.list-platform .page-head{padding:30px 34px;background:var(--hero);border:1px solid var(--line);border-radius:16px;margin-bottom:24px}
body.list-platform .page-head h1{font-size:32px;color:var(--text);font-weight:750;line-height:1.4;margin:0 0 9px}
body.list-platform .page-head .lede{font-size:13px;line-height:1.8;color:var(--muted);max-width:900px}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.cats a{padding:7px 15px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);font-size:12px}
.cats a.on{background:var(--accent-soft);color:var(--accent);border-color:#edcdbf}
ul.works{list-style:none;padding:0;margin:0}.list-meta{font-size:10px;color:var(--muted);line-height:1.5;margin:8px 0 0;overflow-wrap:anywhere}
#listGrid .work{list-style:none}#listResult,#favStatus{font-size:12px;color:var(--muted);margin:12px 0}
.list-platform main>.more{margin-top:24px;line-height:1.8}.list-platform main>.more a{color:var(--accent)}
.list-platform .byline span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-platform .byline a{min-width:0}
.list-platform footer{padding:31px max(32px,calc((100vw - 1240px)/2)) 27px}
.list-platform .footer-top .quiet{margin-left:auto}.list-platform footer>.foot-links{margin:22px 0}.list-platform footer>.site{padding:20px 0 0;background:none;border:0}
.list-platform .foot-links a{line-height:1.8}.list-platform .foot-report .zi{display:inline;vertical-align:middle;fill:currentColor}
.list-platform #site-notice{background:var(--accent-soft)!important;color:var(--text)!important;padding:10px max(18px,calc((100vw - 1240px)/2))!important;border-bottom:1px solid var(--line)}
.list-platform #bindGrace{background:var(--hero)!important;color:var(--text)!important;border-color:var(--line)!important}.list-platform #bindGrace a{color:var(--accent)!important}
.list-platform #page-scroll-nav{background:var(--card)!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}.list-platform #page-scroll-nav button{color:var(--muted)!important}.list-platform #page-scroll-nav button:hover{background:var(--accent-soft)!important;color:var(--accent)!important}
.list-platform a.zx-banner,.list-platform a.fk-banner{background:var(--hero)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:none!important}
.list-platform a.zx-banner:before,.list-platform a.fk-banner:before{background:var(--accent)!important}
.list-platform a.zx-banner :is(.zx-b-name,.zx-b-t),.list-platform a.fk-banner :is(.fk-b-name,.fk-b-t){color:var(--text)!important}
.list-platform a.zx-banner .zx-b-s,.list-platform a.fk-banner :is(.fk-b-s,.fk-b-en){color:var(--muted)!important}
.list-platform a.zx-banner .zx-b-go,.list-platform a.fk-banner .fk-b-go{background:var(--accent)!important;color:#fff!important;border-radius:7px}
.list-platform .profile{display:flex;gap:22px;align-items:center;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:24px 0 32px}
.list-platform .profile>#avatar{width:90px;height:90px;flex-shrink:0;display:grid;place-items:center;background:var(--card);font-size:36px;border-radius:12px;overflow:hidden}.list-platform #avatar img{width:90px;height:90px}
.profile-copy{min-width:0}.profile-name{font-size:28px;font-weight:750;margin:7px 0;overflow-wrap:anywhere}#roles{font-size:12px;color:var(--muted)}
.list-platform .profile .metrics{margin:0 0 0 auto;border:0;padding:0;gap:25px;text-align:center;flex-shrink:0}.list-platform .metric{display:flex;flex-direction:column;gap:5px}.list-platform .metric b{font-size:25px;color:var(--text)}.list-platform .metric span{font-size:11px;display:block}.list-platform #workHint{font-size:12px;color:var(--muted)}.remix{font-size:10px;color:var(--muted);margin-top:8px}.rlink{cursor:pointer;color:var(--accent)}
.preview-collection{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:18px}.preview-collection>summary{cursor:pointer;font-size:16px;font-weight:700}.preview-collection[open]>.grid{margin-top:20px}
.list-platform .catalog{margin:28px 0}.catalog h2{font-size:21px;margin-bottom:15px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cat-item{display:flex;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;font-weight:700}
#eng-books .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}#eng-books .book-tag{color:var(--muted);background:var(--surface);border-color:var(--line)}#eng-books .practice{border-color:var(--line);background:var(--surface)}#eng-books .practice>summary{color:var(--text)}.list-platform .quick{display:flex;justify-content:space-between;margin-top:24px;font-size:12px;color:var(--muted)}
/* Preserve AI page's grid, charts, forms and interactions while matching the shared palette. */
.list-platform .ai-lab{--muted:#737a80;--line:#e9e9e6;--lime:#cb4b37;--accent-soft:#fff0e9;color:var(--text);padding-bottom:0}
.list-platform .ai-lab :is(h1,h2,h3,strong,label,output),.list-platform .ai-lab h2.hero-title,.list-platform .ai-lab h2.hero-title em{color:var(--text)}
.list-platform .ai-lab :is(p,small,.lab-lead,.yqx-lead,.console-label,.console-bottom,.hero-spec span,.hero-footnote,.metric-ribbon small,.card-bottom,.card-top .lesson-number){color:var(--muted)}
.list-platform .ai-lab :is(.yqx-card,.hero-console,.workbench,.plot-frame,.roadmap-stage,.roadmap-stage.current,.llm-card,.jev-card,.experiment-grid li,.experiment-grid a,.lab-progress-strip,.season-tag){background:var(--surface);border-color:var(--line);box-shadow:none}
.list-platform .ai-lab :is(.lab-button,.lab-button.quiet){color:var(--text)!important;border-color:var(--line);background:var(--card)}
.list-platform .ai-lab .lab-button.primary{background:var(--accent);color:#fff!important;border-color:var(--accent)}
.list-platform .ai-lab :is(.lab-pill,.lesson-arrow,.accent-word,.metric-ribbon strong,.hero-spec b,.lab-glyph){color:var(--accent);border-color:var(--line)}
.list-platform .ai-lab :is(input,select,textarea){background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important}
.list-platform .ai-lab .yqx-jump a{color:var(--muted);border-color:var(--line);background:var(--surface)}
.list-platform .ai-lab .hero-copy{width:100%;padding:0}.list-platform .ai-lab .console-hero{padding:28px 0}.list-platform .ai-lab .console-hero h2.hero-title{font-size:clamp(28px,3vw,44px)}
.list-platform .ai-lab .yqx-head{padding:28px 32px;background:var(--hero);border:1px solid var(--line);border-radius:16px}.list-platform .ai-lab .yqx-head h1{font-size:32px}.list-platform .ai-lab .yqx-card{border-radius:12px}
/* Episode finder keeps its HTML and all page-specific CSS and JS byte-for-byte. */
.list-platform.episode-shell .episode-open{color:var(--accent)}
@media(max-width:1000px){#eng-books .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-name{font-size:24px}.list-platform .profile .metrics{gap:15px}}
@media(max-width:600px){body.list-platform main{width:calc(100% - 36px);padding:20px 0 34px}body.list-platform .header nav a{font-size:12px}body.list-platform .page-head{padding:23px 20px;border-radius:12px}body.list-platform .page-head h1{font-size:25px}.cats{gap:7px}.cats a{padding:6px 11px;font-size:11px}.list-meta{font-size:9px}.list-platform footer{padding:25px 20px}.list-platform .profile{flex-wrap:wrap;gap:16px;padding:18px}.list-platform .profile .metrics{margin:7px 0 0;width:100%;justify-content:space-between;gap:12px}.list-platform .profile>#avatar{width:64px;height:64px}.list-platform #avatar img{width:64px;height:64px}.profile-copy{flex:1}.profile-name{font-size:22px}.list-platform .metric b{font-size:22px}#eng-books .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-grid{gap:10px}.cat-item{padding:13px 10px;font-size:11px}.list-platform .ai-lab .yqx-head{padding:23px 20px}.list-platform .ai-lab .yqx-head h1{font-size:25px}.list-platform .ai-lab .console-hero h2.hero-title{font-size:28px}.list-platform .ai-lab .hero-copy{padding:0}.list-platform .english-main{max-width:100%;padding:20px 0 34px}.list-platform .preview-collection{padding:13px}}

body.list-platform:has(.ai-lab){background:var(--bg);color:var(--text)}
body.list-platform #topnav #submitCta{color:#fff;background:var(--accent);padding:9px 18px;border:0;border-radius:7px;margin-left:0}
body.episode-shell #topnav{height:auto;min-height:0;padding:0;display:block}
body.episode-shell #topnav nav{flex:0 1 auto;gap:20px}body.episode-shell #topnav #userChip{display:block}
@media(max-width:1000px){body.episode-shell #topnav nav{order:4;flex-basis:100%}}
@media(max-width:600px){body.list-platform #topnav #submitCta{padding:7px 10px}body.episode-shell #topnav{padding:0}body.episode-shell #topnav nav{gap:20px;order:4}body.episode-shell #topnav #userChip{display:block}}