:root{
  --mra-navy:#0D2B52;--mra-navy-dark:#081A34;--mra-gold:#C89B3C;--mra-gold-pale:#FBF5E6;
  --white:#ffffff;--gray-50:#F8F9FA;--gray-100:#EEF0F2;--gray-200:#D8DCE0;
  --gray-400:#9099A3;--gray-600:#4A5568;--gray-800:#1E2733;
  --green:#1A7A4A;--green-bg:#EAF5EF;--green-border:#A8D8B8;
  --error:#C0392B;--error-bg:#FEF2F1;
  --gold-text:#7A5B18;
  --radius:6px;--radius-lg:14px;--radius-sm:4px;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--gray-50);font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1rem;color:var(--gray-800)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/*  header (same as loginEdf)  */
.mra-header{background:var(--mra-navy);padding:14px 20px;display:flex;align-items:center;gap:14px;border-bottom:3px solid var(--mra-gold)}
.mra-header__logo{height:44px;width:auto;flex-shrink:0}
.mra-header__title{font-size:1rem;font-weight:700;color:var(--white);line-height:1.3}
.mra-header__sub{font-size:0.75rem;color:rgba(255,255,255,0.6);margin-top:2px}
.mra-header__print{margin-left:auto;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);color:var(--white);border-radius:var(--radius);padding:6px 14px;font-size:0.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;text-decoration:none}
.mra-header__print:hover{background:rgba(255,255,255,0.2)}
.mra-header__print:focus{outline:3px solid var(--mra-gold);outline-offset:2px}

/*  main / card (same as loginEdf)  */
.mra-main{display:flex;justify-content:center;padding:28px 16px 56px}
.mra-card{background:var(--white);border-radius:var(--radius-lg);border:0.5px solid var(--gray-200);padding:30px 30px 26px;width:100%;max-width:900px;max-width: 1200px;box-shadow:0 2px 16px rgba(13,43,82,0.07)}
/*  card banner header (two navy bars, as per original notes page)  */
.mra-card__banner{
  margin:-30px -30px 22px;                 /* bleed to card edges */
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  overflow:hidden;
  border-bottom:3px solid var(--mra-gold);
}
.mra-card__banner-row{
  background:var(--mra-navy);color:var(--white);
  text-align:center;padding:11px 18px;
  font-weight:700;line-height:1.45;
}
.mra-card__banner-row + .mra-card__banner-row{
  border-top:2px solid rgba(255,255,255,0.35);   /* thin separation like the two original bars */
}
.mra-card__banner-title{font-size:1.05rem}
.mra-card__banner-sub{font-size:0.92rem}
@media(max-width:560px){
  .mra-card__banner{margin:-22px -18px 18px}
}

.mra-card__goldbar{height:3px;width:48px;background:var(--mra-gold);border-radius:2px;margin-bottom:14px}
.mra-card__pill{display:inline-block;background:var(--mra-gold-pale);color:var(--gold-text);font-weight:700;font-size:0.7rem;letter-spacing:0.07em;padding:3px 10px;border-radius:20px;text-transform:uppercase;margin-bottom:10px}
.mra-card__heading{font-size:1.2rem;font-weight:700;color:var(--mra-navy);line-height:1.25;margin:0 0 4px}
.mra-card__desc{font-size:0.85rem;color:var(--gray-600);line-height:1.55;margin:0 0 22px}

/*  notes list  */
.notes{counter-reset:note;list-style:none;margin:0;padding:0}
.notes > li{
  counter-increment:note;
  position:relative;
  padding:16px 0 16px 46px;
  border-bottom:1px solid var(--gray-100);
  font-size:0.9rem;line-height:1.65;color:var(--gray-800);
}
.notes > li:last-child{border-bottom:none}
.notes > li::before{
  content:counter(note);
  position:absolute;left:0;top:16px;
  width:30px;height:30px;border-radius:50%;
  background:var(--mra-navy);color:var(--white);
  display:flex;align-items:center;justify-content:center;
  font-size:0.8rem;font-weight:700;
}
.notes p{margin:0 0 10px;text-align:justify}
.notes p:last-child{margin-bottom:0}
.notes .note-title{font-weight:700;color:var(--mra-navy)}
.notes ol{margin:8px 0 10px;padding-left:22px}
.notes ol li{margin:6px 0;text-align:justify}

/* target highlight when arriving via #noteX link */
.notes > li:target{background:var(--mra-gold-pale);border-radius:var(--radius);outline:2px solid #E8D69A;outline-offset:5px}
.notes > li:target::before{background:var(--mra-gold);color:var(--mra-navy-dark)}

/* definition callout */
.note-def{
  background:var(--gray-50);border:1px solid var(--gray-200);
  border-left:4px solid var(--mra-gold);border-radius:var(--radius);
  padding:12px 16px;margin:10px 0;
}
.note-def p{margin:0 0 8px}
.note-def p:last-child{margin-bottom:0}
.note-def dfn{font-style:italic;font-weight:700;color:var(--mra-navy)}

/*  tax rate table (same style as mra-results)  */
.mra-results{width:100%;border-collapse:collapse;font-size:0.85rem;margin:10px 0 4px;max-width:420px}
.mra-results thead th{background:var(--mra-navy);color:var(--white);padding:9px 14px;text-align:left;font-weight:600;font-size:0.78rem;letter-spacing:0.03em}
.mra-results thead th:last-child{text-align:center;width:110px}
.mra-results tbody tr{border-bottom:1px solid var(--gray-100);background:var(--white)}
.mra-results tbody tr:hover{background:var(--mra-gold-pale)}
.mra-results tbody td{padding:9px 14px;color:var(--gray-800)}
.mra-results tbody td:last-child{text-align:center;font-weight:700;color:var(--mra-navy)}

/*  footer (same as loginEdf)  */
.mra-footer{background:var(--mra-navy-dark);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:40px}
.mra-footer__text{font-size:0.72rem;color:rgba(255,255,255,0.4)}

@media print{
  .a11y-toggle,.a11y-panel,.mra-header__print{display:none !important}
  .mra-card{box-shadow:none;border:none;padding:0}
  .mra-main{padding:0}
}

/*  top navigation menu  */
.mra-navbar{background:var(--white);border-bottom:1px solid var(--gray-200);position:relative}
.mra-navbar__inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;padding:0 20px}
.mra-navbar__list{display:flex;list-style:none;margin:0;padding:0;gap:2px;flex:1}
.mra-navbar__link{display:flex;align-items:center;gap:7px;padding:14px 16px;font-size:0.85rem;font-weight:600;color:var(--gray-600);text-decoration:none;border-bottom:3px solid transparent;transition:color 0.15s,border-color 0.15s;white-space:nowrap}
.mra-navbar__link i{font-size:16px}
.mra-navbar__link:hover{color:var(--mra-navy)}
.mra-navbar__link:focus{outline:3px solid var(--mra-gold);outline-offset:-3px}
.mra-navbar__link--active{color:var(--mra-navy);border-bottom-color:var(--mra-gold)}
.mra-navbar__toggle{display:none;background:none;border:none;color:var(--mra-navy);font-size:22px;padding:12px;cursor:pointer}

@media(max-width:768px){
  .mra-navbar__toggle{display:block;margin-left:auto}
  .mra-navbar__list{display:none;flex-direction:column;width:100%;position:absolute;top:100%;left:0;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:0 4px 10px rgba(13,43,82,0.08);z-index:10}
  .mra-navbar__list.open{display:flex}
  .mra-navbar__link{padding:12px 20px;border-bottom:1px solid var(--gray-100);border-left:3px solid transparent}
  .mra-navbar__link--active{border-bottom-color:var(--gray-100);border-left-color:var(--mra-gold)}
}

/* =====================================================
   Accessibility toolbar (same as loginEdf)
   ===================================================== */
.a11y-toggle{
    position:fixed;top:50%;right:0;transform:translateY(-50%);
    z-index:1000;
    width:46px;height:46px;
    background:var(--mra-gold);color:var(--mra-navy-dark);
    border:none;border-radius:8px 0 0 8px;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    box-shadow:-2px 2px 10px rgba(13,43,82,0.25);
    transition:background 0.15s;
}
.a11y-toggle i{font-size:26px}
.a11y-toggle:hover{background:#B8892F}
.a11y-toggle:focus{outline:3px solid var(--mra-navy);outline-offset:2px}

.a11y-panel{
    position:fixed;top:50%;right:54px;transform:translateY(-50%);
    z-index:1001;
    width:230px;
    background:var(--white);
    border:1px solid var(--gray-200);
    border-radius:var(--radius-lg);
    box-shadow:0 6px 24px rgba(13,43,82,0.18);
    padding:0;overflow:hidden;
    display:none;
}
.a11y-panel.open{display:block}
.a11y-panel__head{
    background:var(--mra-navy);color:var(--white);
    padding:10px 14px;font-size:0.82rem;font-weight:700;
    display:flex;align-items:center;gap:7px;
}
.a11y-panel__head i{font-size:16px;color:var(--mra-gold)}
.a11y-panel__list{list-style:none;margin:0;padding:6px}
.a11y-panel__btn{
    width:100%;display:flex;align-items:center;gap:9px;
    background:none;border:none;border-radius:var(--radius);
    padding:9px 10px;font-size:0.82rem;font-weight:600;
    color:var(--gray-800);cursor:pointer;text-align:left;
    transition:background 0.12s;
}
.a11y-panel__btn i{font-size:17px;color:var(--mra-navy);flex-shrink:0}
.a11y-panel__btn:hover{background:var(--gray-100)}
.a11y-panel__btn:focus{outline:3px solid var(--mra-gold);outline-offset:-3px}
.a11y-panel__btn[aria-pressed="true"]{background:var(--mra-gold-pale);color:var(--gold-text)}
.a11y-panel__btn[aria-pressed="true"] i{color:var(--mra-gold)}
.a11y-panel__btn--reset{color:var(--error);border-top:1px solid var(--gray-100);border-radius:0;margin-top:4px}
.a11y-panel__btn--reset i{color:var(--error)}

/*  Effect classes (applied to <html>)  */
html.a11y-grayscale{filter:grayscale(100%)}
/* High contrast = token remap, not a filter */
html.a11y-contrast{
    --gray-50:#FFFFFF;
    --gray-100:#DDDDDD;
    --gray-200:#595959;
    --gray-400:#3D3D3D;
    --gray-600:#1A1A1A;
    --gray-800:#000000;
    --mra-navy:#001633;
    --mra-navy-dark:#000C1F;
    --mra-gold:#8A6414;
    --mra-gold-pale:#FFF3D1;
    --gold-text:#5C430F;
    --green:#0E5C35;
    --error:#A02015;
}
html.a11y-contrast .mra-header__sub,
html.a11y-contrast .mra-footer__text{
    color:rgba(255,255,255,0.9);
}
html.a11y-negative{filter:invert(100%) hue-rotate(180deg)}
html.a11y-negative img{filter:invert(100%) hue-rotate(180deg)}
html.a11y-links a{text-decoration:underline !important}
html.a11y-readable body,
html.a11y-readable input,
html.a11y-readable select,
html.a11y-readable button{font-family:Verdana,Arial,sans-serif !important}

@media(max-width:560px){
    .a11y-panel{right:10px;left:10px;width:auto;top:auto;bottom:64px;transform:none}
    .a11y-toggle{top:auto;bottom:10px;transform:none;border-radius:8px 0 0 8px}
    .mra-card{padding:22px 18px}
    .notes > li{padding-left:40px}
}