@import url("../csharp/csharp-course.css");

.bridge-note{margin-top:18px;padding:14px 16px;border:1px solid #c6d2dc;border-radius:14px;background:#fff;color:#405971;font-size:12px;line-height:1.7}
.bridge-note strong{color:#071d33}
.source-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.source-links a{padding:7px 10px;border:1px solid #bfcbd6;border-radius:999px;background:#fff;color:#315f89;font-size:10px;font-weight:850}
.plan-sheet{width:100%;max-width:670px;padding:23px;border:1px solid #c3ced8;border-radius:18px;background:#fff;box-shadow:0 22px 48px -42px #071d33}
.plan-sheet h3{color:#071d33;font-size:20px;letter-spacing:-.5px}
.plan-sheet p{margin:6px 0 14px;color:#63768a;font-size:12px}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.timeline div{min-height:116px;padding:12px 9px;border:1px solid #c9d4dd;border-radius:12px;background:#f4f7f9}
.timeline b,.timeline span,.timeline small{display:block}
.timeline b{color:#315f89;font:800 10px "Lexend",sans-serif}
.timeline span{margin-top:8px;color:#071d33;font-size:12px;font-weight:850}
.timeline small{margin-top:6px;color:#63768a;font-size:10px;line-height:1.45}
.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.scope-box{padding:16px;border:1px solid #c5d0da;border-radius:14px;background:#fff}
.scope-box:first-child{border-color:#6f91af;background:#edf4f8}
.scope-box b{display:block;color:#071d33;font-size:13px}.scope-box span{display:block;margin-top:8px;color:#596f83;font-size:11px;line-height:1.65}
@media(max-width:720px){.timeline{grid-template-columns:1fr 1fr}.timeline div:last-child{grid-column:1/-1}.scope-grid{grid-template-columns:1fr}}