/* Task navigation: each destination is one native, fully clickable link. */
.umbra-navigation{overflow:visible;gap:24px}
.umbra-navigation .nav-group{position:relative;align-self:stretch;display:flex;align-items:center;margin:0;border:0;padding:0;background:none;min-width:0}
.umbra-navigation .nav-group>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 10px;list-style:none;cursor:pointer;white-space:nowrap;font:500 13px/1.4 var(--font,Inter,sans-serif);color:var(--muted);border:1px solid transparent;background:transparent;border-radius:7px;position:relative;transition:background .16s,border-color .16s,color .16s}
.umbra-navigation .nav-group>summary::-webkit-details-marker{display:none}
.umbra-navigation .nav-group>summary::after,.umbra-navigation .nav-group>summary::before{display:none}
.umbra-navigation .nav-group>summary>.icon{width:13px;height:13px;color:var(--muted);transition:transform .18s}
.umbra-navigation .nav-group[open]>summary>.icon{transform:rotate(180deg)}
.umbra-navigation .nav-group>summary:hover,.umbra-navigation .nav-group.active>summary,.umbra-navigation .nav-group[open]>summary{background:#b7a4ed0c;color:var(--ivory);border-color:#b7a4ed29}
.umbra-navigation :is(summary,a):focus-visible{outline:2px solid var(--primary,#b9a3f3);outline-offset:3px}
.umbra-navigation .nav-panel{position:absolute;z-index:40;top:calc(100% - 5px);left:-12px;width:370px;padding:8px;border:1px solid #373941;border-radius:12px;background:#141619;box-shadow:0 18px 48px #0009,0 1px 0 #ffffff07 inset;color:#f0edf7;animation:nav-panel-enter .16s ease-out;transform-origin:top center}
.umbra-navigation details:not([open])>.nav-panel{display:none}
@media(hover:hover) and (pointer:fine){.umbra-navigation .nav-panel::before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px;background:transparent}}
.umbra-navigation .nav-panel-connect{left:auto;right:-10px}
.umbra-navigation .nav-destination{position:relative;display:grid;margin:0;min-width:0;height:auto;white-space:normal;border:1px solid transparent;border-radius:7px;background:#1b1d22;color:#f0edf7;text-align:left;isolation:isolate;transition:background .16s,border-color .16s,box-shadow .16s}
.umbra-navigation .nav-destination::before,.umbra-navigation .nav-destination::after{display:none}
.umbra-navigation .nav-destination:hover,.umbra-navigation .nav-destination:focus-visible{background:#23252e;border-color:#b7a4ed66;box-shadow:inset 0 1px #ffffff08}
.umbra-navigation .nav-destination[aria-current="page"]{border-color:#b7a4ed57;background:#24232e}
.umbra-navigation .nav-item-copy{display:block;min-width:0}
.umbra-navigation .nav-panel strong{display:block;font:600 14px/1.35 var(--font,Inter,sans-serif);letter-spacing:-.015em}
.umbra-navigation .nav-panel small{display:block;margin-top:4px;font:400 11px/1.5 var(--font,Inter,sans-serif);color:#a2a2af}
.umbra-navigation .nav-item-icon{display:grid;place-items:center;color:#b9ace4;width:30px;height:30px}
.umbra-navigation .nav-mark{display:block;width:26px;height:26px}
.umbra-navigation .nav-item-arrow{display:grid;place-items:center;width:25px;height:25px;color:#8d8d9d;transition:color .16s,background .16s,transform .16s}
.umbra-navigation .nav-item-arrow .icon{width:16px;height:16px}
.umbra-navigation a:is(:hover,:focus-visible) .nav-item-arrow{color:#d8c8ff;transform:translateX(2px)}
.umbra-navigation .nav-featured{grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:18px 15px;min-height:94px;background:linear-gradient(115deg,#302b43,#24232e 75%);border-color:#b7a4ed26}
.umbra-navigation .nav-featured:hover,.umbra-navigation .nav-featured:focus-visible{background:linear-gradient(115deg,#39314f,#2a2735 75%);border-color:#b7a4ed80}
.umbra-navigation .nav-featured .nav-item-icon{width:46px;height:50px;color:#c6b4f4}
.umbra-navigation .nav-featured .nav-mark{width:40px;height:40px;filter:drop-shadow(0 3px 4px #0003)}
.umbra-navigation .nav-featured strong{font-size:16px;letter-spacing:-.025em}
.umbra-navigation .nav-featured small{color:#b6adc8}
.umbra-navigation .nav-featured .nav-item-arrow{width:28px;height:28px;border-radius:5px;background:#b9a5ee;color:#211b32;box-shadow:inset 0 1px #ffffff35}
.umbra-navigation .nav-featured:is(:hover,:focus-visible) .nav-item-arrow{color:#171021;background:#d3bfff}
.umbra-navigation .nav-paper-plus{transform-origin:23px 23px;transition:transform .22s}
.umbra-navigation .nav-featured:is(:hover,:focus-visible) .nav-paper-plus{transform:rotate(90deg)}
.umbra-navigation .nav-destinations{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.umbra-navigation .nav-tile{grid-template-columns:1fr 25px;grid-template-rows:30px auto;gap:13px 4px;padding:14px 12px;min-height:119px}
.umbra-navigation .nav-tile .nav-item-icon{grid-area:1/1}
.umbra-navigation .nav-tile .nav-item-copy{grid-area:2/1/3/3}
.umbra-navigation .nav-tile .nav-item-arrow{grid-area:1/2;justify-self:end}
.umbra-navigation .nav-tile[aria-current="page"] .nav-item-arrow{color:#c7b3f5}
.umbra-navigation .nav-row{grid-template-columns:30px minmax(0,1fr) 25px;align-items:center;gap:12px;min-height:75px;margin-top:6px;padding:12px 15px}
.umbra-navigation .nav-panel-staff{border-top:1px solid #ffffff12;margin-top:8px;padding-top:2px}
@keyframes nav-panel-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:1199px){
  .site-header:has(.umbra-navigation){height:auto;min-height:76px;flex-wrap:wrap;padding-top:13px;gap:0}
  .site-header:has(.umbra-navigation)>.brand,.site-header:has(.umbra-navigation)>.header-actions{margin-bottom:10px}
  .site-header .umbra-navigation{order:3;width:100%;height:48px;justify-content:center;gap:22px;overflow:visible}
  .umbra-navigation>a.active::after{bottom:4px}
  .umbra-navigation .nav-panel{top:calc(100% + 5px)}
}
@media(max-width:620px){
  .site-header .umbra-navigation{gap:0;justify-content:space-between;height:48px;position:static}
  .umbra-navigation>a,.umbra-navigation .nav-group>summary{font-size:12px;min-height:44px}
  .umbra-navigation .nav-group>summary{gap:4px;padding:7px 6px;min-height:36px}
  .umbra-navigation .nav-optional{display:none}
  .umbra-navigation .nav-library-word{text-transform:capitalize}
  .umbra-navigation .nav-group{position:static}
  .umbra-navigation .nav-panel,.umbra-navigation .nav-panel-connect{top:calc(100% + 6px);left:10px;right:10px;width:auto;max-height:calc(100dvh - 145px);overflow-y:auto;padding:7px}
  .umbra-navigation .nav-featured{gap:10px;padding:15px 12px;min-height:91px}
  .umbra-navigation .nav-tile{padding:13px 10px;gap:11px 4px}
}
@media(max-width:359px){.site-header .umbra-navigation{gap:5px}.umbra-navigation>a{font-size:11px}.umbra-navigation .nav-featured{grid-template-columns:37px minmax(0,1fr) 25px;gap:8px;padding-inline:9px}.umbra-navigation .nav-featured .nav-item-icon{width:37px}.umbra-navigation .nav-featured strong{font-size:15px}.umbra-navigation .nav-tile strong{font-size:13px}.umbra-navigation .nav-group>summary{font-size:11px;padding-inline:4px}}
@media(prefers-reduced-motion:reduce){.umbra-navigation .nav-panel{animation:none}.umbra-navigation *{transition:none!important}}
