/* Platform landing: proportions and hierarchy from the selected reference. */
.cs-platform.reader .home-workspace { max-width:var(--cs-width); padding:0 32px; }
.cs-platform.reader .hero { grid-template-columns:minmax(0,1fr) 430px; gap:40px; align-items:center; padding:38px 0 34px; }
.cs-platform.reader .hero h1 { font-size:52px; letter-spacing:-1.8px; margin:0 0 18px; line-height:1.35; }
.cs-platform.reader .hero .eyebrow { margin-bottom:16px; }
.cs-platform.reader .hero-lede { font-size:18px; max-width:810px; line-height:1.85; margin-bottom:24px; }
.cs-platform.reader .hero .cs-art { width:430px; height:300px; aspect-ratio:auto; justify-self:end; overflow:visible; }
.cs-platform.reader .hero .cs-art img { width:300px; height:300px; }
.cs-layer-labels { position:absolute; inset:18px 0 0 278px; display:grid; grid-template-rows:repeat(5,1fr); height:264px; padding:0; margin:0; list-style:none; }
.cs-layer-labels li { display:flex; align-items:center; gap:10px; color:var(--cs-blue); font-size:12px; font-weight:550; white-space:nowrap; }
.cs-layer-labels li::before { content:''; width:35px; border-top:1px dashed var(--cs-blue); }
.cs-platform.reader .hero-actions { gap:14px; }
.cs-platform.reader .button { min-height:38px; padding:8px 18px; font-size:13px; border-radius:4px; }
.cs-platform.reader .button-primary { background:var(--cs-blue); color:#07130c; font-weight:600; }
.cs-platform.reader .home-workspace h2 { font-size:21px; margin:0 0 20px; }
.cs-platform.reader .reader-featured { gap:18px; }
.cs-platform.reader .reader-featured > a { padding:21px 23px 18px; border-color:var(--cs-line); border-radius:6px; background:var(--cs-soft); }
.cs-platform.reader .reader-featured > a:hover { background:var(--cs-soft); border-color:var(--cs-blue); }
.cs-platform.reader .reader-featured > a > img { float:left; width:31px; height:31px; margin:4px 15px 20px 0; opacity:.62; }
.cs-platform.reader .reader-featured > a > p:first-of-type { font-size:12px; color:var(--cs-muted); margin:0 0 2px; }
.cs-platform.reader .reader-featured > a h3 { font-size:22px; margin:0 0 16px; font-weight:600; }
.cs-platform.reader .reader-featured > a > p:last-of-type { clear:both; font-size:15px; margin:0 0 16px; line-height:1.85; }
.cs-platform.reader .reader-featured > a small { font-size:11px; color:var(--cs-muted); display:block; padding-top:12px; border-top:1px solid var(--cs-line); }
.cs-platform.reader .reader-featured > a::after { display:none; }
.cs-platform.reader #home-resume { margin:32px 0; padding:21px 23px; background:var(--cs-soft); border-color:var(--cs-line); gap:20px; }
.cs-platform.reader #home-resume h2 { font-size:13px; color:var(--cs-muted); margin:0 0 5px; font-weight:500; }
.cs-platform.reader #home-resume p { font-size:16px; color:var(--cs-ink); margin:0; }
.cs-platform.reader #home-resume > div { flex:1; }
.cs-platform.reader #home-resume small { font-size:11px; color:var(--cs-muted); }
.cs-platform.reader #home-resume progress { max-width:540px; margin-bottom:5px; }
.cs-platform.reader .reader-button { font-size:13px; padding:8px 18px; border-radius:4px; }
.cs-platform.reader #learning-methods { margin-bottom:36px; }
.cs-platform.reader .cs-home-topics { margin:0 0 32px; }
.cs-platform.reader .cs-home-topics h2 { font-size:18px; margin-bottom:14px; }
.cs-home-topics nav { display:flex; flex-wrap:wrap; gap:9px; }
.cs-home-topics a { display:flex; align-items:center; gap:7px; padding:7px 11px; border:1px solid var(--cs-line); border-radius:4px; font-size:12px; text-decoration:none; }
.cs-home-topics a img { width:17px; height:17px; opacity:.55; }
.cs-home-topics a:hover { background:var(--cs-soft); border-color:var(--cs-blue); }
.cs-platform.reader .reader-methods { gap:18px; }
.cs-platform.reader .reader-methods article { padding:20px 23px; }
.cs-platform.reader .reader-methods h3 { display:flex; align-items:center; gap:10px; font-size:16px; }
.cs-platform.reader .reader-methods img { width:25px; height:25px; opacity:.65; }
.cs-platform.reader .reader-methods article p { font-size:13px; }
.cs-platform.reader .reader-methods article a { font-size:12px; text-decoration:none; }
.cs-platform.reader .library { margin-top:0; padding-top:28px; }
.cs-platform.reader .library-heading { align-items:baseline; gap:30px; }
.cs-platform.reader .library-heading h2 { margin-bottom:6px; }
.cs-platform.reader .library-heading .eyebrow { margin-bottom:8px; }
.cs-platform.reader .library-heading > p { font-size:12px; margin:0; max-width:480px; }
.cs-platform.reader .library-tools { padding:10px 0 0; border:0; }
.cs-platform.reader .filters { margin:14px 0; gap:7px; }
.cs-platform.reader .filter-button { font-size:12px; background:var(--cs-soft); padding:6px 10px; }
.cs-platform.reader .results-note { font-size:11px; color:var(--cs-muted); }
.cs-platform.reader .search-field input { font-size:13px; height:37px; max-width:420px; }
.cs-platform.reader .course-card { padding:20px 22px; }
.cs-platform.reader .course-code { font-size:15px; }
.cs-platform.reader .course-domain { margin:7px 0; font-size:11px; }
.cs-platform.reader .course-title { margin:0 0 10px; font-size:17px; }
.cs-platform.reader .course-title-zh { font-size:11px; margin-top:4px; }
.cs-platform.reader .course-summary { font-size:13px; }
.cs-platform.reader .course-meta { font-size:11px; gap:7px 14px; }
.cs-platform.reader .site-footer { background:var(--cs-soft); }
.cs-platform.reader .footer-inner { max-width:var(--cs-width); padding:28px 32px; font-size:12px; }
@media(max-width:850px) { .cs-platform.reader .hero { grid-template-columns:1fr 190px; gap:20px; }.cs-platform.reader .hero .cs-art { width:190px; height:190px; overflow:hidden; }.cs-platform.reader .hero .cs-art img { width:190px; height:190px; }.cs-layer-labels { display:none; }.cs-platform.reader .hero h1 { font-size:30px; }.cs-platform.reader .reader-featured { gap:12px; }.cs-platform.reader .reader-featured > a { padding:17px; }.cs-platform.reader .reader-featured > a > img { float:none; display:block; margin:0 0 10px; }.cs-platform.reader .reader-featured h3 { font-size:16px!important; } }
@media(max-width:650px) { .cs-platform.reader .home-workspace { padding:0 20px; }.cs-platform.reader .hero { grid-template-columns:1fr; padding:30px 0; }.cs-platform.reader .hero .cs-art { display:none; }.cs-platform.reader .hero h1 { font-size:29px; }.cs-platform.reader .reader-featured { grid-template-columns:1fr; }.cs-platform.reader .reader-featured > a > img { float:left; margin:4px 15px 15px 0; }.cs-platform.reader #home-resume { display:grid; grid-template-columns:1fr; padding:20px; }.cs-platform.reader #home-resume .reader-button { justify-self:start; }.cs-platform.reader .reader-methods { grid-template-columns:1fr; }.cs-platform.reader .library-heading { display:block; }.cs-platform.reader .library-heading > p { margin-top:10px; }.cs-platform.reader .footer-inner { padding:24px 20px; } }