
/* core style.css (user-provided) */
:root { --uoe-blue:#041E42; --uoe-red:#D50032; --text:#1a1a1a; --muted:#333F48; --bg:#fff; --link:#004F71; --accent:#007288; }
@media (prefers-color-scheme: dark){ :root{ --bg:#0b0d12; --text:#e8eaed; --muted:#8a949e; --link:#7ab7d9; --accent:#4fb0c6; }}
*{box-sizing:border-box} html{font-family:system-ui,-apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans",sans-serif; line-height:1.6}
body{margin:0;color:var(--text);background:var(--bg)} .skip-link{position:absolute;left:-9999px;top:-9999px}
.skip-link:focus{left:1rem;top:1rem;background:var(--uoe-blue);color:#fff;padding:.5rem 1rem;border-radius:.25rem}
.site-header{border-bottom:4px solid var(--uoe-red);background:var(--uoe-blue);color:#fff}
.brand{display:flex;align-items:center;gap:1rem;padding:1rem}
.brand__mark{width:40px;height:40px;border-radius:50%;background:var(--uoe-red);display:grid;place-items:center;font-weight:700}
.brand__text{display:flex;flex-direction:column} .brand__uni{font-weight:700;letter-spacing:.02em} .brand__dept{opacity:.85;font-size:.9rem}
.nav ul{list-style:none;margin:0;padding:0 1rem 1rem;display:flex;flex-wrap:wrap;gap:.75rem 1rem}
.nav a{color:#fff;text-decoration:none;padding:.5rem .75rem;border-radius:.25rem} .nav a:hover,.nav a:focus{background:rgba(255,255,255,.12);outline:none}
.content{max-width:72rem;margin:0 auto;padding:2rem 1rem} .hero{background:linear-gradient(135deg,rgba(4,30,66,.9),rgba(213,0,50,.85)),url('assets/img/hero.jpg');color:#fff;border-radius:.5rem;padding:2.5rem;margin-bottom:2rem;background-size:cover;background-position:center}
.hero h1{margin-top:0;font-size:clamp(1.75rem,4vw,2.5rem)} .hero .lede{font-size:1.05rem;max-width:65ch}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem} .grid article{border:1px solid rgba(0,0,0,.08);border-radius:.5rem;padding:1rem;background:#fff} .grid h2{margin-top:0}
 h1,h2,h3{color:var(--uoe-blue)} p a{color:var(--link)} a.button{display:inline-block;background:var(--uoe-red);color:#fff;text-decoration:none;padding:.5rem .9rem;border-radius:.3rem;font-weight:600} a.button:hover{background:#b4002a}
.site-footer{background:#f6f7f9;border-top:1px solid rgba(0,0,0,.08)} .footer__cols{max-width:72rem;margin:0 auto;padding:2rem 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;color:#222}
.footer__links{list-style:none;padding:0;margin:0} .footer__links li{margin:.3rem 0} .footer__links a{color:var(--link);text-decoration:none} .footer__links a:hover{text-decoration:underline}
@media print{.site-header,.nav,.hero,.site-footer{display:none!important}.content{padding:0}}
