/* Colours sampled from the supplied reference after conversion from Display P3 to sRGB. */
:root{
  --ink:#29262c;--navy:var(--ink);--blue:#206ec5;--blue-dark:#195ca9;
  --bg:#f3f4f7;--white:#fff;--muted:#60616c;--line:#dedee6;
  --portal-ink:var(--ink);--portal-navy:var(--ink);--portal-bg:var(--bg);--portal-line:var(--line);
  --portal-soft:#eaf1fa;--profile-hover:var(--portal-soft);--profile-avatar-bg:var(--portal-soft);
}
body,body.portal-shell,body.public-page{background:var(--bg);color:var(--ink)}
a{color:var(--blue)}
h1,h2,h3,.portal-top .brand,.public-header .brand{color:var(--ink)}
.portal-shell .portal-top,.public-header,.portal-sidebar{background:var(--white);border-color:var(--line)}
.button,button,.portal-shell .button,.portal-shell button{background:var(--blue);color:var(--white);border-radius:24px;box-shadow:none}
.button:hover,button:hover,.portal-shell .button:hover,.portal-shell button:hover{background:var(--blue-dark);color:var(--white)}
.button.secondary,button.secondary,.portal-shell .button.secondary,.portal-shell button.secondary,.home-help-actions .button.secondary,.home-actions .button.secondary{background:var(--portal-soft);color:var(--blue-dark)}
.button.secondary:hover,button.secondary:hover,.portal-shell .button.secondary:hover,.portal-shell button.secondary:hover{background:#dce8f8;color:var(--blue-dark)}
.button.danger,button.danger,.portal-shell .button.danger,.portal-shell button.danger{background:#a52626;color:var(--white)}
.button.danger:hover,button.danger:hover,.portal-shell .button.danger:hover,.portal-shell button.danger:hover{background:#801c1c}
.portal-sidebar nav a{color:var(--ink)}
.portal-sidebar nav a:hover,.portal-sidebar nav a[aria-current]{background:var(--portal-soft);color:var(--blue-dark)}
.portal-sidebar nav a[aria-current]{border-left-color:var(--blue)}
.eyebrow,.access-period,.home-guide-arrow{color:var(--blue-dark)}
.card,.home-help,.home-video-panel{border-color:var(--line)}
.home-hero h1,.home-help h2{color:var(--ink)}
.home-hero p,.home-verify{color:var(--muted)}
.home-photo{box-shadow:0 18px 50px #29262c1a}
.stars input{accent-color:var(--blue)}
.lecturer-option:has(input:checked){border-color:var(--blue);background:var(--portal-soft)}
input:focus,textarea:focus,select:focus{border-color:var(--blue);outline-color:#c5dcf5}
.portal-sidebar a:focus-visible{outline-color:var(--blue)}
.guide-number{background:var(--portal-soft);color:var(--blue-dark)}
.guide-video-toggle video,.home-video-panel video{background:var(--ink)}
.portal-shell .content-card.active,.portal-shell .topic-card.active{border-color:var(--blue)}