/* Narrow companion styles. Do not modify shared contact/nav or the approved homepage. */
header .edu-back.sky-image-back{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;padding:10px!important;flex:0 0 48px!important;border:1px solid #cddaff!important;border-radius:14px!important;background:#f5f8ff!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #102d4508}
header .edu-back.sky-image-back img{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;display:block;object-fit:contain}
header .edu-back.sky-image-back:focus-visible{outline:3px solid #2454ff;outline-offset:4px}
.source-body .skyhub-identity{margin:22px 0 12px;color:#2454ff;font-size:17px;font-weight:800;line-height:1.5}
.source-body .skyhub-identity span{display:block;font-size:13px;font-weight:500;color:#64748b;margin-top:4px}
.source-body .skyhub-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:24px 0 40px}
.source-body .skyhub-hero-media{margin:0;min-width:0}.source-body .skyhub-hero-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:18px}.source-body .sky-infographic{border:1px solid #e4ebf5;border-radius:20px;padding:8px;background:#fff}
.source-body .skyhub-hero-media figcaption{font-size:13px;color:#64748b;margin:8px 4px;line-height:1.5}
.source-body .skyhub-role-rail{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:24px 0}
.source-body .skyhub-role-rail>li{border:1px solid #e1e9f5;border-radius:18px;padding:20px;background:#f9fbff;min-width:0}
.source-body .skyhub-stage-sign{display:flex;align-items:center;gap:12px}.source-body .skyhub-stage-icon{display:flex;width:48px;height:48px;flex:0 0 48px;padding:10px;border-radius:14px;background:#eaf1ff;color:#2454ff;box-sizing:border-box}
.source-body .skyhub-stage-index{color:#2454ff;font-weight:800;font-size:14px}.source-body .skyhub-stage-icon svg,.source-body .role-symbol svg{width:28px!important;height:28px!important;flex:none;color:#2454ff;display:block}
.source-body .skyhub-role-rail h3{font-size:20px;line-height:1.4;margin:12px 0}.source-body .skyhub-role-rail p{font-size:19px;line-height:1.7;margin:8px 0}
.source-body .course-role-board>ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0;margin:24px 0}.source-body .course-role-board>ol>li{padding:20px;border:1px solid #e1e9f5;border-radius:18px;background:#f9fbff;min-width:0}
.source-body .role-symbol{display:flex;align-items:center;width:48px;height:48px;padding:10px;box-sizing:border-box;border-radius:14px;background:#eaf1ff}
@media(max-width:767px){.source-body .skyhub-hero-grid{grid-template-columns:1fr;gap:24px;margin:16px 0 32px}.source-body .skyhub-role-rail,.source-body .course-role-board>ol{grid-template-columns:1fr}.source-body .skyhub-role-rail>li,.source-body .course-role-board>ol>li{padding:18px}.source-body .skyhub-hero-copy h1{font-size:clamp(28px,7vw,36px);line-height:1.4}.source-body .skyhub-hero-media img{border-radius:14px}}