/* Palette sampled from https://photonics.knust.edu.gh/ on 14 October 2026.
   Website colours, rather than a formal GPOL brand specification.
   Scientific series retain the established blue/green/purple palette. */
:root{--bg:#f7f6f5;--ink:#292929;--muted:#686666;--line:#e8e3e0;--blue:#d2232a;--mint:#f1450c;--gpol-orange:#f1450c;--gpol-dark-orange:#b53206}
aside{background:white;color:var(--ink);border-right:1px solid var(--line);border-top:4px solid var(--blue);padding-top:24px;overflow-y:auto}aside>*{flex-shrink:0}
.brand{color:#282828;gap:9px;font-size:23px}.brand small{font-size:9px;letter-spacing:1.2px;line-height:1.5;color:#6b6564}.official-logo{flex:none;object-fit:contain;width:101px;height:59px}
.lab-identity{font-size:12px;line-height:1.6;font-weight:600;margin:18px 8px 0;color:#333}.lab-identity span{display:block;font-size:10px;font-weight:400;color:#706b69;margin-top:5px}
.nav-label{color:#8b7974;margin-top:26px}nav .group{color:#8b7974}nav a{color:#494543}nav a:hover{background:#faf1ed}nav a.active{background:#fcebee;color:#a51a20;border-left-color:#d2232a}.sidebar-bottom{color:#706562}.sidebar-bottom small{color:#817774}.sidebar-bottom a{display:block;margin-top:15px;font-size:11px;color:#a51a20;text-decoration:none}
header{background:white}.hero{background:#292929;border-top:4px solid #d2232a}.hero p{color:#e0d8d4}.hero .eyebrow{color:#ffab86}.hero .pill{border-color:#6b5d56;color:#ead9cf}.hero .btn:not(.primary){color:#333}.hero-art{filter:none}
.card .icon{background:#fff0eb;color:#b53206}.tag{background:#fff1e9;color:#973b14}.metric{background:#f8f5f3}.note{background:#fff3ed;border-left:3px solid #f1450c}.equation{background:#faf2f1;border-left-color:#d2232a}.gate-chip{background:#edf3ff;border-color:#bdcff8;color:#245ce5}.gate-chip button{color:#637997}.model-diagram{background:#faf9f8}.plot-wrap,.wire-scroll{background:#f9fbfe}.question{background:#faf8f6}.question textarea:focus{outline:2px solid #b53206;outline-offset:2px}.btn:focus-visible,a:focus-visible{outline-color:#b53206}.check{background:#eaf7f2;color:#21876a}footer a{color:#68615e;text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:1100px) and (min-width:761px){.brand{gap:6px;font-size:20px}.brand small{font-size:8px;letter-spacing:.7px}.lab-identity{font-size:11px}.official-logo{width:91px;height:53px}}
@media(max-width:760px){aside{border-right:0;border-bottom:1px solid var(--line);overflow-y:visible}.brand{gap:15px}.lab-identity{margin:10px 0 0;font-size:11px}.lab-identity span{margin-top:3px}.hero .eyebrow{letter-spacing:1.3px}}