.course-invitation{display:flex;align-items:center;gap:1.3rem;margin:1.5rem 0 2rem;padding:1.35rem 1.5rem;background:#203128;border:1px solid #536349;border-left:3px solid #d7b575;border-radius:12px;color:#eeeadd}
.course-invitation>div{flex:1;min-width:0}.course-invitation .course-invitation-label{font-size:.71rem;font-weight:700;letter-spacing:.1em;color:#d7b575;margin:0 0 .55rem}
.course-invitation h2{font-size:1.13rem;line-height:1.4;color:#f3eedf;margin:0 0 .5rem}.course-invitation p{font-size:.92rem;line-height:1.55;color:#cdd4c8;margin:0}
.course-invitation>a{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .8rem;border:1px solid #9b875d;border-radius:8px;font-size:.9rem;font-weight:650;color:#f3d79d;text-decoration:none;background:#263b2e}
.course-invitation>a:hover,.course-invitation>a:focus-visible{color:#18251c;background:#edcf91;border-color:#edcf91}.course-invitation>a:focus-visible{outline:2px solid #f4e9c9;outline-offset:4px}
@media(max-width:1100px){.course-invitation{align-items:flex-start;flex-direction:column;gap:1rem}}
@media(max-width:480px){.course-invitation{padding:1.1rem}.course-invitation h2{font-size:1.05rem}}