.course-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:24px;align-items:center;margin:22px 0 28px;padding:24px;border:1px solid rgba(250,204,21,.35);border-radius:18px;background:linear-gradient(135deg,#122333,#101722 65%,#171410)}
.course-visual-copy p:not(.lab){max-width:48ch;color:#d8d2c6}
.course-visual-details{min-width:0}
.course-visual-details summary{display:block;position:relative;overflow:hidden;cursor:pointer;border:1px solid rgba(103,232,249,.42);border-radius:14px;background:#08131c;list-style:none}
.course-visual-details summary::-webkit-details-marker{display:none}
.course-visual-details summary:focus-visible{outline:3px solid #facc15;outline-offset:3px}
.course-visual-details summary img{display:block;width:100%;height:240px;object-fit:cover;object-position:center 10%}
.course-visual-details summary>span{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;color:#101722;background:#facc15;font-weight:800}
.course-visual-details[open]{grid-column:1/-1}
.course-visual-details[open] summary img{display:none}
.course-visual-details figure{width:min(100%,720px);margin:18px auto 0}
.course-visual-details figure a{display:block;border-radius:12px}
.course-visual-details figure a:focus-visible{outline:3px solid #facc15;outline-offset:3px}
.course-visual-details figure img{display:block;width:100%;height:auto;border-radius:12px}
@media(max-width:700px){.course-visual{grid-template-columns:1fr;padding:18px;gap:8px}.course-visual-details summary img{height:220px}.course-visual-details[open]{grid-column:auto}}