/* Secondary pages share all brand tokens and controls with styles.css. */
.page-intro{position:relative;isolation:isolate;overflow:hidden;background:#f0f7fc;border-bottom:1px solid var(--line)}
.page-art{position:absolute;inset:0 0 0 36%;z-index:-1;background:linear-gradient(90deg,#f0f7fc 0%,rgba(240,247,252,.76) 45%,rgba(240,247,252,.55)),url('assets/generated-learning-20261110/joint-learning.webp') center 52%/cover no-repeat}
[data-page="standard"] .page-art{background-image:linear-gradient(90deg,#f0f7fc 0%,rgba(240,247,252,.8) 45%,rgba(240,247,252,.64)),url('assets/generated-learning-20261110/course-co-creation.webp')}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:22px 0 12px;font-size:14px;color:#435d73}
.breadcrumbs a{min-height:44px;display:inline-flex;align-items:center;gap:12px;color:#355d7e;text-decoration:none}
.breadcrumbs .arrow{width:12px;height:12px;opacity:.7}
.page-title-block{max-width:900px;padding:18px 0 48px}.page-title-block .eyebrow{margin:0 0 10px}.page-title-block>.status{margin-bottom:12px}
.page-title-block h1{font-family:"Songti SC","STSong",serif;font-size:38px;line-height:1.5;color:var(--blue-dark);margin:0 0 16px;letter-spacing:.02em;overflow-wrap:anywhere}
.page-description{max-width:720px;margin:0;color:#3e5367;font-size:17px;line-height:1.9}.page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-top:24px}
.result-meta{display:flex;flex-wrap:wrap;gap:16px 40px;margin:24px 0 0;font-size:15px}.result-meta div{display:grid;gap:2px}.result-meta dt{color:#516c80;font-size:13px}.result-meta dd{margin:0;color:var(--ink);font-weight:600}
.page-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:64px;align-items:start;padding-top:52px;padding-bottom:80px}
.page-outline{position:sticky;top:24px;border-top:3px solid var(--blue)}.page-outline p{font-size:14px;color:var(--muted);margin:16px 14px 8px}.page-outline a{display:flex;align-items:center;min-height:48px;padding:10px 14px;font-size:15px;line-height:1.6;color:var(--blue-dark);text-decoration:none;border-bottom:1px solid var(--line)}.page-outline a:hover{background:#edf5fb;color:var(--blue)}
.reading-content{min-width:0}.content-section{padding:0 0 40px;margin-bottom:40px;border-bottom:1px solid var(--line);scroll-margin-top:28px}.content-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.content-section h2{font-size:26px;line-height:1.6;margin:0 0 20px;color:var(--blue-dark)}.content-section h3{font-size:20px;line-height:1.65;margin:0 0 8px;color:var(--blue-dark)}.content-section p{margin:0 0 18px;color:#3e5367}.content-section .section-intro{margin-bottom:26px}
.direction-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:26px 0;border-top:1px solid var(--line)}.direction-row:first-child{padding-top:6px;border:0}.direction-row:last-child{padding-bottom:0}.row-number{font-family:Georgia,serif;color:#3978a6;font-size:25px;line-height:1.6}.direction-row p{margin-bottom:10px}.discussion-focus{font-size:15px}.discussion-focus span{color:#435d73;font-size:13px;display:inline-block;margin-right:14px}.direction-row .text-link{margin-top:4px}
.topic-list article{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.topic-list article:first-child{padding-top:4px}.topic-list article:last-child{border-bottom:0;padding-bottom:0}.topic-list article p{margin:0}.topic-list h3{font-size:18px;margin:0}
.learning-path{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:28px 0;gap:22px}.learning-path li{border-top:2px solid #8fbedf;padding:14px 0 0}.learning-path li>span{color:#3978a6;font-size:14px}.learning-path h3{margin:8px 0;font-size:20px}.learning-path p{font-size:15px;margin:0}
.related-links{display:grid;gap:0}.related-links article{position:relative;padding:22px 0;border-bottom:1px solid var(--line)}.related-links article:first-child{padding-top:4px}.related-links article:last-child{border:0;padding-bottom:0}.related-links h3{font-size:20px}.related-links p{margin-bottom:10px;font-size:15px;max-width:680px}.related-links .text-link{font-size:15px}
.content-section .content-note{background:#f2f7fb;border-left:3px solid #8fbedf;padding:16px 20px;margin:24px 0 0;font-size:15px}.section-contact{margin-top:24px}.progress-note{background:#f0f7fc;border-left:3px solid var(--blue);padding:24px;margin-bottom:24px}.progress-note .status{margin-bottom:12px}.progress-note p{margin:0}.secondary-page .dialog-content>.text-link{margin-left:16px}.research-link{text-decoration:none;display:inline-flex;align-items:center}
@media(min-width:1500px){.page-layout{gap:80px}}
@media(max-width:980px){.page-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.page-title-block h1{font-size:34px}.topic-list article{grid-template-columns:1fr;gap:8px}.learning-path{gap:16px}.page-title-block{max-width:780px}}
@media(max-width:760px){.page-layout{display:block;padding-top:28px;padding-bottom:48px}.page-outline{position:static;margin-bottom:36px}.page-outline nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.page-outline p{grid-column:1/-1;margin:14px 0 6px}.page-outline a{padding:10px 0;font-size:14px}.breadcrumbs{padding:12px 0 8px;font-size:12px;gap:0 8px}.breadcrumbs>span{line-height:1.7}.breadcrumbs a{min-height:44px;gap:8px}.page-title-block{padding:18px 0 32px}.page-title-block h1{font-size:28px;line-height:1.55;margin-bottom:14px}.page-title-block .eyebrow{font-size:13px}.page-description{font-size:16px}.page-art{inset:0;opacity:.28;background-position:center}.page-actions{gap:12px 20px}.result-meta{gap:14px 28px;font-size:14px}.content-section{margin-bottom:32px;padding-bottom:32px}.content-section h2{font-size:23px;margin-bottom:18px}.content-section h3{font-size:19px}.direction-row{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:24px 0}.row-number{font-size:22px}.discussion-focus span{display:block;margin:0}.learning-path{grid-template-columns:1fr;gap:20px}.learning-path li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 10px;padding-top:12px}.learning-path h3{margin:0}.learning-path p{grid-column:2}.progress-note{padding:20px}.secondary-page .dialog-content>.text-link{margin:12px 0 0;display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
