/*! RLT */
/* Shared top navigation. Scoped to the account app, leaving the demo intact. */
body.application-shell .rail{position:relative;inset:auto;display:block;width:100%;height:auto;min-height:0;padding:0;overflow:visible;background:#20252a;border:0;z-index:1100}
body.application-shell main{margin-left:0}
body.application-shell .nav-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1640px;margin:auto;padding:18px 32px}
body.application-shell .rail .brand{gap:7px;max-width:240px;text-decoration:none}
body.application-shell .brand-logo{width:188px;height:auto}
body.application-shell .brand-tagline{font-size:.75rem;letter-spacing:.13em}
body.application-shell .accountbar{display:flex;align-items:center;justify-content:flex-end;gap:22px;min-height:0;padding:0;background:transparent;color:#f4f3ee;border:0}
body.application-shell .account-identity{display:none;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;max-width:270px;overflow-wrap:anywhere}
body.application-shell.signed-in .account-identity{display:flex}
body.application-shell .account-identity strong{font-size:.9375rem;line-height:1.4}
body.application-shell .account-identity small{color:#c4cbcf;font-size:.8125rem;line-height:1.4}
body.application-shell #account-actions{display:flex;align-items:center;gap:10px}
body.application-shell #account-actions button,body.application-shell #account-actions .button{margin:0;min-height:44px;padding:10px 16px;line-height:1.4;font-size:.875rem;border-radius:7px;white-space:nowrap}
body.application-shell #account-actions button,body.application-shell #account-actions .button:not(.primary){background:transparent;border:1px solid #747c81;color:#fff}
body.application-shell #account-actions button:hover,body.application-shell #account-actions .button:not(.primary):hover{background:#383d42}
body.application-shell .rail nav{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px;max-width:1640px;margin:0 auto;padding:10px 24px;border-top:1px solid #42484c;background:#20252a}
body.application-shell .rail nav a,body.application-shell .nav-group summary{display:flex;align-items:center;gap:12px;min-height:44px;margin:0;padding:11px 14px;border:0;border-radius:6px;color:#dce1e4;background:transparent;text-decoration:none;font-size:.875rem;font-weight:650;line-height:1.45;cursor:pointer;box-shadow:none;white-space:nowrap}
body.application-shell .rail nav a:hover,body.application-shell .nav-group summary:hover,body.application-shell .nav-group[open]>summary{color:#fff;background:#383d42}
body.application-shell .rail nav a[aria-current=page],body.application-shell .nav-group[data-current=true]>summary{background:#bd9148;color:#20252a}
body.application-shell .rail :is(a,button,summary):focus-visible{outline:3px solid #f3cd85;outline-offset:3px}
body.application-shell .nav-group{position:relative;margin:0;padding:0;border:0;background:transparent}
body.application-shell .nav-group summary{list-style:none}
body.application-shell .nav-group summary::-webkit-details-marker{display:none}
body.application-shell .nav-chevron{display:block;width:7px;height:7px;margin-top:-4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
body.application-shell .nav-group[open] .nav-chevron{margin-top:3px;transform:rotate(225deg)}
body.application-shell .nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:18rem;padding:8px;background:#fff;border:1px solid #dcdedc;border-radius:10px;box-shadow:0 14px 38px #12192026;z-index:2}
body.application-shell .rail .nav-dropdown a{color:#303a42;white-space:normal;padding:12px;line-height:1.5}
body.application-shell .rail .nav-dropdown a:hover{background:#f3f0e8;color:#20252a}
body.application-shell .rail .nav-dropdown a[aria-current=page]{background:#f3e6ce;color:#614410}
body.application-shell .rail .nav-dropdown a:focus-visible{outline-color:#75551f;outline-offset:-2px}
@media(max-width:760px){
  body.application-shell .nav-masthead{padding:16px 20px;gap:18px;flex-wrap:wrap}
  body.application-shell .brand-logo{width:170px}
  body.application-shell .accountbar{gap:12px;flex-wrap:wrap}
  body.application-shell .account-identity{align-items:flex-start;text-align:left;max-width:220px}
  body.application-shell .rail nav{padding:8px 12px;gap:4px}
  body.application-shell .rail nav a,body.application-shell .nav-group summary{padding:10px 12px}
  body.application-shell .nav-group{position:static}
  body.application-shell .nav-dropdown{top:100%;left:12px;right:12px;width:auto;max-height:60vh;overflow-y:auto}
}
@media(max-width:420px){
  body.application-shell .nav-masthead{gap:16px}
  body.application-shell .accountbar{width:100%;justify-content:space-between}
  body.application-shell .account-identity{max-width:calc(100% - 100px)}
}