/* Scoped course styles: the approved shared header and other pages stay unchanged. */
.computer-page .ce-hero{background-image:linear-gradient(90deg,rgba(6,11,27,.45) 0%,rgba(6,11,27,.36) 44%,rgba(6,11,27,.10) 75%),url('assets/computer-course-hero.webp');background-position:center}
.computer-page main .ce-hero h1{font-size:clamp(40px,4.15vw,67px)}
.computer-page .ce-hero-facts{grid-template-columns:1.35fr 1fr 1fr;background:linear-gradient(90deg,rgba(6,11,27,.9),rgba(6,11,27,.58))}
.computer-page .ce-hero-facts b{font-size:clamp(20px,1.7vw,25px)}
.computer-page .ce-format-top>strong{min-height:58px;display:flex;align-items:center;gap:6px}
.computer-page .ce-format-top .computer-on-request{font-size:23px;white-space:normal}
.computer-page .computer-format-query{margin-top:31px;min-height:46px;align-items:center}
.computer-page .computer-format-query b{font-size:28px}
.computer-case-board{background:#101e37;border-radius:24px;padding:28px}
.computer-case-label{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}
.computer-case-label>span{font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.08em;color:#a7bff5}
.computer-case-label>b{font-size:12px;white-space:nowrap;color:#d3ff45}
.computer-file-list{display:grid;gap:13px}
.computer-file{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;background:#192d49;border-radius:15px;padding:20px}
.computer-file span{display:block;font-size:11px;line-height:1.6;color:#c1cee1}
.computer-file strong{display:flex;align-items:baseline;gap:12px;margin-top:8px;font-weight:500}
.computer-file strong code{font:500 28px/1.3 Consolas,monospace;letter-spacing:.04em;color:#fff}
.computer-file small{font-size:11px;white-space:nowrap;color:#c1cee1}
.computer-file mark{background:#ffcba2;color:#09132b;border-radius:3px}
.computer-digest{min-width:0}
.computer-digest>code{display:block;font:12px/1.75 Consolas,monospace;overflow-wrap:anywhere;color:#dbe5fa;margin-top:7px}
.computer-digest .computer-match{color:#d3ff45}
.computer-digest .computer-changed{color:#ffd6b6}
.computer-file--changed{background:#293044}
.computer-case-board figcaption{margin-top:20px}
.computer-page .computer-method-note{font-size:11px!important;line-height:1.7;margin-top:12px;color:#a7bbd8}
@media(max-width:1100px){.computer-page .ce-hero{background-image:linear-gradient(90deg,rgba(6,11,27,.92),rgba(6,11,27,.80) 48%,rgba(6,11,27,.18) 90%),url('assets/computer-course-hero.webp');background-position:60% center}.computer-page .ce-curriculum{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:5%}.computer-case-board{padding:23px}.computer-file{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px}.computer-file>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.computer-file strong{margin-top:0}}
@media(max-width:760px){.computer-page .ce-hero{background-image:linear-gradient(90deg,rgba(6,11,27,.96),rgba(6,11,27,.78)),url('assets/computer-course-hero.webp');background-position:center,68% center}.computer-page .ce-hero h1{font-size:clamp(36px,7.2vw,54px)}.computer-page .ce-hero-facts{grid-template-columns:1.2fr 1fr}.computer-page .ce-hero-facts b{font-size:22px}.computer-page .ce-hero-facts>div:first-child b{max-width:180px}.computer-page .ce-hero-online b{font-size:15px}.computer-page .ce-curriculum{grid-template-columns:minmax(0,1fr)}.computer-page .ce-format-top .computer-on-request{font-size:20px}.computer-file{grid-template-columns:120px minmax(0,1fr)}.computer-file>div:first-child{display:block}.computer-file strong{margin-top:8px}}
@media(max-width:500px){.computer-file{grid-template-columns:minmax(0,1fr)}.computer-file>div:first-child{display:flex}.computer-file strong{margin-top:0}.computer-case-label{gap:10px}.computer-case-label>span{font-size:10px}}
@media(max-width:380px){.computer-page .ce-hero h1{font-size:34px}.computer-page .ce-hero-facts b{font-size:20px}.computer-page .ce-hero-online b{font-size:14px}.computer-page .ce-format-top .computer-on-request{font-size:18px}.computer-case-board{padding:20px}.computer-file{padding:15px}.computer-file strong{gap:9px}.computer-file strong code{font-size:24px}}
@media(max-width:760px){.computer-page main .ce-hero h1{font-size:clamp(36px,7.2vw,54px)}}
@media(max-width:380px){.computer-page main .ce-hero h1{font-size:34px}.computer-page main .ce-format h3{font-size:24px}}