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

:root{--navy:#071d33;--navy2:#294e6d;--violet:#7669aa;--cyan:#4f9fca;--mint:#5c9b88}
.hero-shot::after{content:"HCI CASE STUDY · LUNA PLATFORMER"}
.lesson-no{background:linear-gradient(145deg,#071d33,#7669aa)}
.finish{background:linear-gradient(135deg,#07182b,#332f59)}
.hci-board{width:100%;max-width:680px;padding:24px;border:1px solid #b9c7d3;border-radius:18px;background:#fff;box-shadow:0 22px 48px -39px rgba(7,29,51,.9)}
.hci-board header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #d4dce4}
.hci-board header small{color:#8393a4;font:800 9px "Lexend",sans-serif;letter-spacing:1.7px;text-transform:uppercase}
.hci-board header b{color:var(--navy);font-size:16px}
.board-grid{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:9px;margin-top:14px}
.board-card{min-height:96px;padding:14px;border:1px solid #d1dae3;border-radius:13px;background:#f7f9fb}
.board-card.accent{border-color:#91a8be;background:#eaf0f5}.board-card.alert{border-color:#d7abb2;background:#fff1f3}.board-card.good{border-color:#99c5b6;background:#edf7f3}
.board-card small{display:block;color:#8393a4;font:800 8px "Lexend",sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.board-card b{display:block;margin-top:7px;color:#102941;font-size:14px;line-height:1.45;word-break:keep-all}
.board-card p{margin-top:7px;color:#617487;font-size:11px;line-height:1.55;word-break:keep-all}
.board-note{margin-top:12px;padding:11px 13px;border-left:3px solid #7669aa;background:#f1eff8;color:#55506f;font-size:11px;font-weight:700}
@media(max-width:640px){.board-grid{grid-template-columns:1fr}.hci-board{padding:16px}.board-card{min-height:0}}