/* A component refresh of the existing classroom composition; CMS copy stays intact. */
.home-page .home-journal .course-grid{display:flex;flex-direction:column;gap:0;margin-top:40px}
.home-page .home-journal .article-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:8px 40px;align-content:start;background:none;box-shadow:none;border:0;border-radius:0;padding:32px 0}
.home-page .home-journal .article-card+article{border-top:1px solid var(--line,#e2e2e5)}
.home-page .home-journal .article-card>a:first-child{grid-column:1;grid-row:1/4;display:block;align-self:start}
.home-page .home-journal .article-card img{display:block;width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;border-radius:0;margin:0}
.home-page .home-journal .article-card>:not(a:first-child){grid-column:2;margin:0}
.home-page .home-journal .article-card small{font-size:13px;color:var(--muted);line-height:1.8}
.home-page .home-journal .article-card h3{font-size:24px;line-height:1.8;max-width:36ch}
.home-page .home-journal .article-card p{font-size:16px;line-height:2;max-width:64ch;color:var(--text)}
.home-page .home-journal .article-card:not(:has(img)){grid-template-columns:160px minmax(0,1fr)}
.home-page .home-journal .article-card:not(:has(img)) small{grid-column:1;grid-row:1/3}
.home-page .home-journal .article-card h3 a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:7px;transition:text-decoration-color .18s}
.home-page .home-journal .article-card h3 a:hover,.home-page .home-journal .article-card h3 a:focus-visible{text-decoration-color:currentColor}
.home-page .learner-board{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}
.home-page .learner-board-intro h2{font-size:40px;line-height:1.6;max-width:18ch;margin:0 0 24px}
.home-page .learner-board-intro p{font-size:18px;line-height:2;max-width:34ch;margin-bottom:24px;color:var(--text)}
.home-page .learner-board-rows{background:var(--surface);padding:8px 28px;border:0;border-radius:0;box-shadow:none}
.home-page .learner-board-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 0;background:none;box-shadow:none;border-radius:0;min-height:100px}
.home-page .learner-board-row+.learner-board-row{border-top:1px solid var(--line)}
.home-page .learner-board-rank{font-size:16px;color:var(--muted);font-variant-numeric:tabular-nums}
.home-page .learner-board-person{min-width:0;display:flex;align-items:center;gap:12px}.home-page .learner-board-person h3{font-size:18px;line-height:1.7;margin:0}.home-page .learner-board-person p{font-size:13px;margin:4px 0 0;line-height:1.8;color:var(--muted)}
.home-page .learner-board-row>strong{font-size:24px;font-variant-numeric:tabular-nums;line-height:1.6;color:var(--red,#a51c30)}.home-page .learner-board-row>strong>span{font-size:12px;font-weight:400;display:block;color:var(--muted)}
.home-page .learner-board-empty{padding:24px 0}.home-page .learner-board-empty h3{font-size:24px;line-height:1.8}.home-page .learner-board-empty p{font-size:16px;line-height:2}
@media(max-width:1000px){.home-page .learner-board{gap:32px}.home-page .learner-board-intro h2{font-size:32px}.home-page .home-journal .article-card{grid-template-columns:180px minmax(0,1fr);gap:8px 28px}}
@media(max-width:640px){.home-page .home-journal .course-grid{margin-top:24px}.home-page .home-journal .article-card{grid-template-columns:96px minmax(0,1fr);gap:8px 16px;padding:24px 0}.home-page .home-journal .article-card h3{font-size:19px}.home-page .home-journal .article-card p{grid-column:1/-1!important;font-size:16px;margin-top:8px}.home-page .home-journal .article-card:not(:has(img)){display:block}.home-page .home-journal .article-card:not(:has(img)) small{display:block;margin-bottom:10px}.home-page .learner-board{grid-template-columns:1fr;gap:28px}.home-page .learner-board-intro h2{font-size:30px;max-width:20ch;margin-bottom:16px}.home-page .learner-board-intro p{font-size:16px}.home-page .learner-board-rows{padding:0 16px}.home-page .learner-board-row{grid-template-columns:28px minmax(0,1fr) auto;gap:12px;padding:18px 0}.home-page .learner-board-person h3{font-size:16px}.home-page .learner-board-person img{width:36px;height:36px}.home-page .learner-board-row>strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.home-page .home-journal a{transition:none!important}}