/* RKPS – The Pod internal design system, v1.
   One header, navigation and action hierarchy across internal applications.
   All rules are presentation-only; module workflows remain independent. */
:root{
  --rkps-navy:#102b53;
  --rkps-blue:#174b91;
  --rkps-blue-hover:#103c77;
  --rkps-yellow:#f8ce42;
  --rkps-canvas:#f1f4f8;
  --rkps-ink:#102b53;
  --rkps-border:#d8e3ee;
  --rkps-radius:10px;
  /* Bridge older module stylesheet tokens to the same approved Pod palette. */
  --navy:var(--rkps-navy);
  --navyText:var(--rkps-ink);
  --yellow:var(--rkps-yellow);
  --blue:var(--rkps-blue);
  --page:var(--rkps-canvas);
  --bg:var(--rkps-canvas);
  --paper:var(--rkps-canvas);
  --ink:var(--rkps-ink);
}
body{background:var(--rkps-canvas);font-family:Arial,Helvetica,sans-serif}
.rkps-app-header{
  background:var(--rkps-navy)!important;color:#fff!important;
  padding:0!important;display:block!important;
  border:0!important;border-bottom:5px solid var(--rkps-yellow)!important;
}
.rkps-app-header__inner{
  width:min(1160px,100%);min-height:96px;margin:0 auto;
  padding:12px 20px;display:flex;align-items:center;
  gap:13px;flex-wrap:wrap;
}
.rkps-app-header__crest{
  width:55px;height:65px;object-fit:contain;flex:0 0 auto;
}
.rkps-app-header__school{min-width:0;line-height:1.25}
.rkps-app-header__school strong{
  display:block;color:var(--rkps-yellow);font-size:clamp(1.13rem,2.6vw,1.45rem);
  font-weight:800;line-height:1.22;
}
.rkps-app-header__school small{
  display:block;color:#fff;font-size:.81rem;line-height:1.4;margin-top:4px;
}
.rkps-app-header__divider{
  width:2px;height:47px;flex:0 0 2px;border-radius:3px;
  background:#f8ce42a8;margin-left:6px;
}
.rkps-app-header__icon{
  width:49px;height:49px;object-fit:contain;flex:0 0 auto;
}
.rkps-app-header__module{font-size:clamp(.98rem,2.1vw,1.18rem);font-weight:800;color:#fff;line-height:1.25}
.rkps-app-header__page{font-size:.83rem;color:#e0e9f7;line-height:1.25}
.rkps-app-header__module-group{display:flex;flex-direction:column;gap:2px;min-width:0}
.rkps-app-header__back{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:6px;min-height:45px!important;
  padding:10px 15px!important;
  border:1px solid var(--rkps-yellow)!important;
  border-radius:var(--rkps-radius)!important;
  background:var(--rkps-yellow)!important;color:var(--rkps-navy)!important;
  font:700 .9rem/1.15 Arial,Helvetica,sans-serif!important;
  text-decoration:none!important;text-align:center!important;
  white-space:nowrap;cursor:pointer;margin-left:auto!important;
  box-shadow:none!important;
}
.rkps-app-header__back:hover{background:#ffe078!important;border-color:#ffe078!important;color:var(--rkps-navy)!important}
.rkps-app-header__back:focus-visible{outline:3px solid #fff!important;outline-offset:3px}
.risk-gold,.brand-line{display:none!important}
.rkps-app-header [hidden]{display:none!important}
/* Consistent actions across the original module-specific component classes */
.risk-primary,.primary-btn,.button.primary{
  min-height:45px!important;
  background:var(--rkps-blue)!important;color:#fff!important;
  border:1px solid var(--rkps-blue)!important;
  border-radius:var(--rkps-radius)!important;
  font-weight:700!important;
}
.risk-primary:hover,.primary-btn:hover,.button.primary:hover{
  background:var(--rkps-blue-hover)!important;border-color:var(--rkps-blue-hover)!important;
}
.risk-secondary,.outline-btn,.button.secondary{
  min-height:45px!important;
  background:#fff!important;color:var(--rkps-navy)!important;
  border:1px solid #afc1d5!important;
  border-radius:var(--rkps-radius)!important;
  font-weight:700!important;
}
.risk-secondary:hover,.outline-btn:hover,.button.secondary:hover{
  background:#edf3fa!important;
}
.button,.risk-primary,.risk-secondary,.primary-btn,.outline-btn{
  font-family:Arial,Helvetica,sans-serif!important;font-size:.94rem!important;
}
.rkps-app-header a:focus-visible,
.rkps-app-header button:focus-visible,
.risk-primary:focus-visible,.risk-secondary:focus-visible,
.primary-btn:focus-visible,.outline-btn:focus-visible,
.button:focus-visible{
  outline:3px solid #d9ab13!important;outline-offset:3px!important;
}
/* Consistent page headings and card corners, without changing content layouts. */
.risk-main h1,.container h1,.shell h1,.page-title h1{
  font-size:clamp(1.55rem,3vw,1.9rem)!important;
  color:var(--rkps-ink)!important;
}
.risk-panel,.container .panel,.shell .panel,main>.panel{
  border-radius:16px!important;
}
@media(max-width:740px){
 .rkps-app-header__inner{padding:10px 14px;min-height:79px;gap:9px}
 .rkps-app-header__crest{width:42px;height:51px}
 .rkps-app-header__divider{height:35px;margin-left:0}
 .rkps-app-header__icon{width:40px;height:40px}
 .rkps-app-header__back{font-size:.83rem!important;padding:9px 11px!important}
}
@media(max-width:570px){
 .rkps-app-header__school{flex:1 1 170px}
 .rkps-app-header__divider{display:none}
 .rkps-app-header__module-group{flex:1 1 90px}
 .rkps-app-header__back{margin-left:auto!important}
 .rkps-app-header__school small{font-size:.72rem}
}
/* Navigation belongs below the header, never inside its branding row. */
.rkps-module-nav{
 display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;
 gap:9px;width:min(1160px,100%);margin:0 auto;
 padding:12px 20px 0;box-sizing:border-box;
}
.rkps-module-nav .rkps-app-header__back{margin-left:0!important}
@media(max-width:740px){.rkps-module-nav{padding:10px 14px 0}}
@media print{.rkps-module-nav{display:none!important}}
@media print{
 .rkps-app-header{display:none!important}
}
