/* Education-page introductions to game development. */
.edu-game-notice { padding: 0 0 30px; background: #f5f8fd; }
.edu-game-notice-link { display:flex; align-items:center; gap:24px; padding:24px 28px; background:#fff; border:1px solid #cbdff3; border-left:5px solid #005bac; border-radius:14px; box-shadow:0 8px 25px #063c7610; }
.edu-game-badge { flex-shrink:0; padding:8px 12px; background:#eaf4ff; color:#005bac; border-radius:8px; font-size:.875rem; font-weight:800; }
.edu-game-notice-copy { display:flex; flex-direction:column; gap:4px; flex:1; }
.edu-game-notice-copy strong { font-size:1.15rem; color:#17315d; }
.edu-game-notice-copy>span { font-size:1rem; color:#33537f; }
.edu-game-notice-action { color:#005bac; font-size:1rem; font-weight:800; white-space:nowrap; }
.edu-game-notice-link:hover { border-color:#005bac; }
.edu-game-showcase { padding:72px 0; background:#f0f6fd; }
.edu-game-heading { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:45px; margin-bottom:30px; }
.edu-game-kicker { color:#005bac; font-size:.875rem; font-weight:800; letter-spacing:.08em; }
.edu-game-heading h2 { margin:12px 0 0; font-size:clamp(1.65rem,2.8vw,2.35rem); line-height:1.55; letter-spacing:-.035em; color:#17315d; }
.edu-game-heading>p { margin:0; font-size:1rem; color:#33537f; line-height:1.95; }
.edu-game-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.edu-game-card { overflow:hidden; border-radius:16px; border:1px solid #d5e4f3; background:#fff; box-shadow:0 8px 22px #0034660c; }
.edu-game-thumb { position:relative; aspect-ratio:16/10; overflow:hidden; background:#082a51; }
.edu-game-thumb img { height:100%; width:100%; object-fit:cover; transition:transform .2s; }
.edu-game-thumb>span { position:absolute; inset:auto 0 0; padding:22px 17px 12px; font-size:.875rem; color:#fff; font-weight:800; background:linear-gradient(transparent,#072e61ed); }
.edu-game-card:hover .edu-game-thumb img { transform:scale(1.025); }
.edu-game-card-body { padding:21px; }
.edu-game-card-body p { margin:0; font-size:.875rem; color:#476888; }
.edu-game-card-body h3 { margin:8px 0 12px; font-size:1.25rem; color:#17315d; line-height:1.55; overflow-wrap:anywhere; }
.edu-game-card-body .edu-game-summary { font-size:1rem; line-height:1.85; color:#33537f; }
.edu-game-showcase-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:28px; }
.edu-game-showcase-bottom p { color:#33537f; margin:0; font-size:1rem; }
.edu-game-showcase-bottom .button { font-size:1rem; text-align:center; }
.edu-game-contact-link { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:25px; padding:25px 0 0; border-top:1px solid #c5d9ed; }
.edu-game-contact-link p { margin:0; font-size:1rem; color:#33537f; }
.edu-game-contact-link strong { color:#17315d; }
.edu-game-contact-link>a { font-size:1rem; font-weight:800; color:#005bac; text-decoration:underline; text-underline-offset:5px; }
.edu-game-notice a:focus-visible,.edu-game-showcase a:focus-visible,.edu-game-contact-link a:focus-visible { outline:3px solid #005bac; outline-offset:5px; }
@media(max-width:1000px) { .edu-game-notice-link { flex-wrap:wrap; gap:14px; } .edu-game-notice-action { margin-left:auto; } .edu-game-heading { gap:26px; } .edu-game-cards { gap:14px; } .edu-game-card-body { padding:17px; } }
@media(max-width:720px) { .edu-game-notice { padding-bottom:24px; } .edu-game-notice-link { padding:20px; flex-direction:column; align-items:flex-start; } .edu-game-notice-action { margin-left:0; } .edu-game-showcase { padding:45px 0; } .edu-game-heading { grid-template-columns:1fr; gap:19px; } .edu-game-cards { grid-template-columns:1fr; gap:22px; } .edu-game-showcase-bottom,.edu-game-contact-link { flex-direction:column; align-items:flex-start; gap:18px; } .edu-game-showcase-bottom .button { width:100%; } }
@media(prefers-reduced-motion:reduce) { .edu-game-thumb img { transition:none; } }

/* v4: integrate the introduction into the instructor section's content flow. */
.education-main .edu-game-notice { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px 28px; padding:0 0 28px; margin:0 0 38px; background:transparent; border:0; border-bottom:1px solid rgba(0,91,172,.16); border-radius:0; box-shadow:none; }
.edu-game-notice p { flex:1 1 480px; min-width:0; margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; font-size:1rem; color:#33537f; }
.edu-game-notice p strong { color:#17315d; font-size:1.1rem; }
.edu-game-notice p>span:last-child { flex-basis:100%; }
.edu-game-notice .edu-game-badge { padding:0; border-radius:0; background:transparent; color:#005bac; font-size:.875rem; }
.edu-game-notice>a { flex:0 1 auto; color:#005bac; font-size:1rem; font-weight:800; text-decoration:underline; text-underline-offset:5px; }
.edu-game-heading>*,.edu-game-card,.edu-game-showcase-bottom>*,.edu-game-contact-link>* { min-width:0; }
.edu-game-contact-link { flex-wrap:wrap; }
@media(max-width:720px) {
 .education-main .edu-game-notice { gap:15px; padding-bottom:24px; margin-bottom:30px; }
 .edu-game-notice p { flex-basis:100%; } .edu-game-notice p strong { flex-basis:100%; }
 .education-main .edu-game-showcase>.container { width:calc(100% - 32px); margin-inline:auto; overflow:visible; }
}