/* Mobile menu: drill-down panels, blue header zone, white list. Visible below 1200px only. Markup: Partial/_MenuMobile.cshtml */
.mm4{display:none;--b:var(--aiub-blue,#004ea2);--d:var(--lqd-color-blue-700,#112446);--l:var(--lqd-color-blue-200,#90caf9);--line:#e6edf8;--ink:#14213a;font-family:var(--lqd-body-font-family,inherit);font-size:14px;line-height:1.35}
@media (max-width:1199px){.mm4{display:block;position:sticky;top:0;z-index:1050}}
.mm4 [hidden]{display:none!important}
.mm4 *{box-sizing:border-box}
.mm4 a{text-decoration:none}
.mm4 button{font-family:inherit}
.mm4-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* top bar */
.mm4-bar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px 0 16px;background:var(--b);color:#fff}
.mm4-brand{display:flex;align-items:center;gap:10px;color:#fff;min-width:0}
.mm4-brand img{height:38px;width:auto;flex:none}
.mm4-brand span{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.mm4-brand b{font-size:14px;font-weight:600}
.mm4-brand small{font-size:12px;opacity:.75;font-style:italic}

/* the site's own hamburger: 3 rounded bars that morph into an X */
.mm4-toggle{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:none;color:#fff;display:grid;place-items:center;cursor:pointer}
.mm4-toggle:focus-visible{outline:2px solid #fff;outline-offset:1px}
.mm4-bars{width:20px;height:15px;display:flex;flex-direction:column;position:relative}
.mm4-bars span{display:block;width:20px;height:2px;margin-bottom:4.25px;border-radius:50px;background:currentColor;position:relative;transition:all .45s cubic-bezier(.23,1,.32,1)}
.mm4-bars span:last-child{margin-bottom:0}
.mm4.open .mm4-bars span:first-child,.mm4.open .mm4-bars span:last-child{opacity:0;visibility:hidden}
.mm4.open .mm4-bars span:first-child{transform:translateY(-3px)}
.mm4.open .mm4-bars span:last-child{transform:translateY(3px)}
.mm4.open .mm4-bars span:nth-child(2){width:22px;transform:rotate(45deg);transition-delay:.1s}
.mm4.open .mm4-bars span:nth-child(2)::before{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;transform:rotate(-90deg)}

/* drawer slides in from the right, below the bar */
.mm4-layer{position:fixed;left:0;right:0;bottom:0;top:64px;visibility:hidden;transform:translateX(104%);transition:transform .35s cubic-bezier(.7,0,.2,1),visibility 0s .35s}
.mm4.open .mm4-layer{visibility:visible;transform:none;transition-delay:0s}
/* hairline: a 1px line scaled to a quarter renders thinner than the 1px minimum a border can have */
.mm4-layer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:rgb(216 216 216);transform:scaleY(.5);transform-origin:top;pointer-events:none;z-index:1}
.mm4-in{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--b),var(--d));color:#fff}
html.mm4-lock{overflow:hidden}

/* blue header zone */
.mm4-top{flex:none;display:flex;flex-direction:column;padding:22px 16px 22px}
/* search bar stays first on every screen; Back/title and the search options sit below it */
.mm4-fake{order:1;display:flex;align-items:center;justify-content:space-between;width:100%;height:39px;padding:0 12px 0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-size:14px;text-align:left;cursor:pointer}
.mm4-fake:hover,.mm4-fake:focus-visible{background:rgba(255,255,255,.18)}
.mm4-fake .mm4-i{color:var(--l)}
.mm4-back{border:0;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;padding:4px 8px;font-size:13px;font-weight:600;cursor:pointer}
.mm4-back:hover{background:rgba(255,255,255,.22)}
/* Back + title: collapses to zero height on the main menu, so the list slides smoothly instead of jumping */
.mm4-head{order:2;display:grid;grid-template-rows:1fr;margin-top:10px;transition:grid-template-rows .45s cubic-bezier(.32,.72,0,1),margin-top .45s cubic-bezier(.32,.72,0,1),opacity .3s ease}
.mm4-head-inner{min-height:0;overflow:hidden}
.mm4-head.is-collapsed{grid-template-rows:0fr;margin-top:0;opacity:0;pointer-events:none}
.mm4-head h4{margin:10px 2px 0;color:#fff;font-size:20px;font-weight:700;line-height:1.1}

/* search screen */
.mm4-sform{display:contents}
.mm4-box{position:relative;order:1}
.mm4-box input{width:100%;height:39px;padding:0 46px 0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:15px}
.mm4-box input::placeholder{color:rgba(255,255,255,.6)}
.mm4-box input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-right:2px;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat}
.mm4-box button{position:absolute;right:0;top:0;width:46px;height:39px;border:0;background:none;color:var(--l);display:grid;place-items:center;cursor:pointer}
.mm4-rs{order:3;border:0;margin:12px 0 0;padding:0;min-width:0}
.mm4-rs legend{padding:0;margin-bottom:2px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.mm4-rs label{display:flex;align-items:center;gap:12px;padding:8px 4px;border-radius:8px;color:#fff;font-size:15px;cursor:pointer}
.mm4-rs label:hover{background:rgba(255,255,255,.08)}
.mm4-rs label:has(input:checked){font-weight:600}
.mm4-rs input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:0;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.75);background:none;display:grid;place-content:center}
.mm4-rs input::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--b);transform:scale(0);transition:transform .15s}
.mm4-rs input:checked{background:#fff;border-color:#fff}
.mm4-rs input:checked::before{transform:scale(1)}
.mm4-rs input:focus-visible{outline:2px solid var(--l);outline-offset:2px}

/* white list pane */
.mm4-pane{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:#fff;color:var(--ink);border-radius:20px 20px 0 0;padding:6px 16px 14px}
.mm4-in.searching .mm4-pane{background:none;color:#fff;border-radius:0}
.mm4-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 4px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font-size:15px;font-weight:600;text-align:left;cursor:pointer}
a.mm4-row{font-weight:600}
.mm4-panel>a.mm4-row:only-child,.mm4-panel[data-title] a.mm4-row{font-weight:500;font-size:15px;color:#3d4c66}
.mm4-row:hover,.mm4-row:focus-visible{background:#eef3fb}
.mm4-ch{color:var(--b);font-size:22px;line-height:1}
.mm4-from-r{animation:mm4inR .45s cubic-bezier(.32,.72,0,1)}.mm4-from-l{animation:mm4inL .45s cubic-bezier(.32,.72,0,1)}
@keyframes mm4inR{from{transform:translateX(60%);opacity:.2}to{transform:none;opacity:1}}
@keyframes mm4inL{from{transform:translateX(-40%);opacity:.2}to{transform:none;opacity:1}}

/* two-column footer link table */
.mm4-links{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}
.mm4-links a{display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 6px;border-bottom:1px solid var(--line);color:var(--b);font-size:14px;font-weight:500}
.mm4-links a:hover{background:#eef3fb}
.mm4-links a:nth-last-child(-n+2){border-bottom:0}

/* search results */
.mm4-sr{display:flex;flex-direction:column;gap:1px;width:100%;padding:12px 4px;border:0;border-bottom:1px solid rgba(255,255,255,.14);background:none;color:#fff;font-size:15px;font-weight:600;text-align:left;cursor:pointer}
.mm4-sr small{font-weight:400;font-size:12px;color:var(--l)}
.mm4-sr:hover,.mm4-sr:focus-visible{background:rgba(255,255,255,.1)}
.mm4-sr.web{color:var(--l)}

/* quick links dock */
.mm4-dock{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#fff;border-top:1px solid var(--line);padding:8px 8px calc(10px + env(safe-area-inset-bottom,0px))}
.mm4-dock a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:10px;color:var(--b);font-size:12px;font-weight:600}
.mm4-dock a:hover{background:#eaf0f9}

@media (prefers-reduced-motion:reduce){.mm4-layer,.mm4-bars span,.mm4-head{transition:none}.mm4-from-r,.mm4-from-l{animation:none}}

.nav-item-icon{display:inline-flex;align-items:center;margin-right:6px;vertical-align:middle}
.nav-item-icon svg{width:20px;height:20px}
.nav-item-icon svg *{stroke-width:1.2px}