.connections-learning .page-intro{padding-bottom:2.5rem}
.connections-learning .connection-jumps{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.7rem}
.connections-learning .connection-jumps a{border:1px solid #b5c9cc;border-radius:3px;padding:.8rem 1rem;background:#fff;text-decoration:none;font-weight:700;color:#0a2d40}
.connections-learning .connection-jumps a:hover,.connections-learning .connection-jumps a:focus-visible{background:#0b2938;color:#fff}
.connections-learning .connection-lesson{scroll-margin-top:7rem;border-top:1px solid #cbd6d2}
.connections-learning .connection-lead{max-width:56rem;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.65}
.connections-learning .connection-art{margin:2rem 0}
.connections-learning .connection-art button{display:block;width:100%;padding:0;border:1px solid #b7c7cb;background:#fff;color:#082a3c;cursor:zoom-in;text-align:left}
.connections-learning .connection-art img{display:block;width:100%;height:auto;object-fit:contain}
.connections-learning .connection-art button span{display:block;padding:.8rem 1rem;font-weight:700}
.connections-learning .connection-art figcaption{font-size:.92rem;line-height:1.5;max-width:58rem;margin-top:.7rem;color:#385969}
.connections-learning .connection-art-portrait{max-width:49rem;margin-left:auto;margin-right:auto}
.connections-learning .connection-exercise{border:1px solid #bdcfd0;padding:clamp(1.1rem,3vw,2.2rem);background:#fff;border-radius:8px;max-width:64rem;margin:2rem 0}
.connections-learning .connection-exercise h3{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;margin:.4rem 0 1rem}
.connections-learning .connection-choice{border:1px solid #afc4c8;background:#f7faf7;border-radius:4px;margin:.8rem 0;overflow:hidden}
.connections-learning .connection-choice summary{cursor:pointer;list-style-position:outside;margin-left:1.1rem;padding:1rem 1.15rem;font-weight:700;line-height:1.5;color:#082b3c}
.connections-learning .connection-choice[open]{border-color:#008f9d;background:#eef6f4}
.connections-learning .connection-choice[open] summary{background:#0a2b3b;color:#fff}
.connections-learning .connection-choice>div{padding:.2rem 1.25rem 1rem}
.connections-learning .connection-choice p:last-child{margin-bottom:.3rem}
.connections-learning .connection-deeper{max-width:64rem;border-top:1px solid #b8cccb;border-bottom:1px solid #b8cccb;padding:1rem 0;margin:1.5rem 0}
.connections-learning .connection-deeper summary{font-weight:700;cursor:pointer;line-height:1.5}
.connections-learning .connection-deeper p{max-width:58rem}
.connections-learning .connection-links{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:1.5rem}
.connections-learning .connection-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}
.connections-learning .connection-route-grid a{display:flex;flex-direction:column;gap:.6rem;text-decoration:none;border:1px solid #b9cdce;padding:1.5rem;background:white;color:#0c2c3b}
.connections-learning .connection-route-grid strong{font-size:1.2rem}
.connections-learning .connection-route-grid a:hover{border-color:#008b9c;background:#edf5f0}
.connections-learning .connection-note{max-width:58rem;font-size:.92rem;line-height:1.6;color:#385969}
.connections-learning :is(a,button,summary):focus-visible{outline:3px solid #c95600;outline-offset:4px}
.connection-invitation{border-top:1px solid #c6d5d4;border-bottom:1px solid #c6d5d4}
.connection-invitation p:not(.eyebrow){max-width:50rem}
@media(max-width:640px){.connections-learning .connection-route-grid{grid-template-columns:1fr}.connections-learning .connection-jumps{display:grid;grid-template-columns:1fr}.connections-learning .connection-choice summary{padding:.9rem .7rem}.connections-learning .connection-links{flex-direction:column;align-items:flex-start}}