.ark-session{margin-left:auto;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%;font:600 12px/1.45 'Century Gothic',sans-serif;color:#203e48;position:relative;z-index:65}
.ark-login-link,.ark-identity-menu>summary{padding:10px 16px;border-radius:24px;color:#fff;background:#193f4d;text-decoration:none;white-space:normal;cursor:pointer;display:inline-block}
.ark-identity-menu>summary{max-width:310px;overflow-wrap:anywhere;list-style-position:inside}
.ark-identity-menu[open] .ark-menu-options{position:absolute;right:0;top:100%;width:min(270px,85vw);background:#fff;padding:10px;border-radius:13px;box-shadow:0 15px 44px #192e3550;border:1px solid #dce7e8;display:grid;gap:4px}
.ark-menu-options a,.ark-menu-options button{display:flex;align-items:center;text-align:left;width:100%}
.ark-login-link:hover{background:#177ba5}
@media(max-width:700px){.ark-session{order:10}.ark-identity-menu>summary{max-width:220px}}

[hidden]{display:none!important}
.secure-account-nav{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 20px;border-bottom:1px solid #ccdada;margin-bottom:22px}
.secure-account-nav a{padding:10px 15px;border:1px solid #b9ceca;border-radius:24px;color:#244940;text-decoration:none;font:600 13px/1.4 'Century Gothic',sans-serif}
.secure-account-nav a[aria-current],.secure-account-nav a:hover{background:#244940;color:#fff}
.secure-account-nav a:focus-visible{outline:2px solid #286559;outline-offset:3px}
.ark-menu-options a,.ark-menu-options button{box-sizing:border-box;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#203e48;text-decoration:none;font:inherit;cursor:pointer}
.ark-menu-options a:hover,.ark-menu-options button:hover{background:#edf3f1}
.ark-menu-options a:focus-visible,.ark-menu-options button:focus-visible,.ark-identity-menu>summary:focus-visible{outline:2px solid #286559;outline-offset:2px}
#desk-upload,#desk-offline,#desk-notepad,#desk-calculator{scroll-margin-top:110px}
#desk-calculator{margin:20px 0;max-width:520px}
#calculator-result{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ark-menu-options{max-height:70vh;overflow:auto}
.ark-identity-menu>summary{list-style:none;display:inline-flex;align-items:center;gap:8px}
.ark-identity-menu>summary::-webkit-details-marker{display:none}
.ark-identity-menu>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease;flex-shrink:0}
.ark-identity-menu[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.ark-identity-menu[open] .ark-menu-options{width:min(230px,85vw);margin-top:6px}
.ark-menu-options a[aria-current]{background:#edf3f1;font-weight:700}
.ark-menu-options .ark-menu-signout{margin-top:4px;border-top:1px solid #dce7e8;border-radius:0 0 7px 7px;color:#a83a32}
.ark-menu-options .ark-menu-signout:disabled{opacity:.6;cursor:progress}
@media(prefers-reduced-motion:reduce){.ark-identity-menu>summary::after{transition:none}}

/* Signed-in clients keep the same name menu on every page until they sign out.
   On desktop the main pages hide the separate log-in button (login lives in the Arch-iD Studio
   menu), but once signed in the name menu is shown in the top-right of the header. */
@media (min-width: 761px) {
  html body .site-header > [data-ark-session].is-signed-in { display: inline-flex !important; grid-area: account; justify-self: end; margin-left: 0; }
  html body .site-header.has-account-menu {
    grid-template-areas:
      "start lang end"
      ". . account"
      "ribbon ribbon ribbon";
  }
  html body .site-header.has-account-menu.has-top-right-bot {
    grid-template-areas:
      "brand search right"
      ". . account"
      "ribbon ribbon ribbon";
  }
}
@media (min-width: 761px) and (max-width: 1200px) {
  html body .site-header.has-account-menu {
    grid-template-areas:
      "start start start"
      ". lang account"
      "ribbon ribbon ribbon";
  }
  html body .site-header.has-account-menu.has-top-right-bot {
    grid-template-areas:
      "brand brand right"
      ". search account"
      "ribbon ribbon ribbon";
  }
}
.ark-session-bar{display:flex;justify-content:flex-end}
.ark-session-bar:not(:has(.is-signed-in)){display:none}
[data-ark-session="signed-in-only"]:not(.is-signed-in){display:none}

/* Chosen profile picture beside the signed-in client's name, on every page until they sign out. */
.ark-avatar{flex:0 0 auto;width:26px;height:26px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #ffffffcc;box-shadow:0 1px 4px #0003;display:inline-grid;place-items:center;font:700 12px/1 'Century Gothic',sans-serif;color:#193f4d;box-sizing:border-box}
.ark-avatar-name{min-width:0;overflow-wrap:anywhere}