.header .nav-shell{position:relative}
.resources-menu{position:static}
.resources-trigger{list-style:none;display:flex;align-items:center;gap:7px;padding:10px 13px;border-radius:99px;color:#52617a;font-size:14px;font-weight:650;cursor:pointer;user-select:none;white-space:nowrap}
.resources-trigger::-webkit-details-marker{display:none}
.resources-trigger>svg{width:15px;height:15px;transition:transform .2s}
.resources-menu[open]>.resources-trigger,.resources-trigger:hover{color:#0878ff;background:#e9f3ff}
.resources-menu[open]>.resources-trigger>svg{transform:rotate(180deg)}
.resources-trigger:focus-visible,.header .nav .resource-menu-link:focus-visible{outline:3px solid #0878ff;outline-offset:3px}
.resources-panel{position:absolute;top:calc(100% - 2px);left:50%;transform:translateX(-50%);width:min(730px,calc(100vw - 48px));padding:20px;background:#fff;border:1px solid #e0e9f5;border-radius:20px;box-shadow:0 24px 70px #08264c29;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.resources-menu[open] .resources-panel{animation:resources-enter .18s ease-out}
.resources-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:1px 5px 16px;margin-bottom:5px;border-bottom:1px solid #edf1f7}
.resources-heading>span{color:#102b4d;font-size:13px;font-weight:800}
.resources-heading>small{color:#6c7c91;font-size:11px}
.resources-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.header .nav .resource-menu-link{--resource-color:#0878ff;--resource-bg:#edf5ff;display:grid;grid-template-columns:40px 1fr 12px;gap:12px;align-items:center;padding:13px 10px;border-radius:12px;white-space:normal;color:#18304d;transition:background .2s,transform .2s}
.header .nav .resource-menu-link:hover,.header .nav .resource-menu-link:focus-visible{background:var(--resource-bg);color:#18304d;transform:translateY(-2px)}
.resource-menu-link strong{font-size:12px;font-weight:750;display:block;line-height:1.45}
.resource-menu-link small{display:block;margin-top:3px;color:#6b7b90;font-size:10px;line-height:1.6;font-weight:450}
.resource-menu-icon{width:40px;height:40px;border-radius:12px;background:var(--resource-bg);color:var(--resource-color);display:grid;place-items:center}
.resource-menu-icon svg{width:23px;height:23px}
.resource-menu-arrow{color:var(--resource-color);font-size:16px}
.header .nav .resource-menu-link--purple{--resource-color:#8a43dd;--resource-bg:#f3eaff}
.header .nav .resource-menu-link--green{--resource-color:#07965d;--resource-bg:#e8f8ef}
.header .nav .resource-menu-link--teal{--resource-color:#078b8b;--resource-bg:#e4f7f6}
.header .nav .resource-menu-link--indigo{--resource-color:#5558d8;--resource-bg:#eeedff}
.header .nav .resource-menu-link--amber{--resource-color:#b77709;--resource-bg:#fff6e4;grid-column:1/-1}
@keyframes resources-enter{from{opacity:0;margin-top:-6px}to{opacity:1;margin-top:0}}
@media(min-width:1051px) and (max-width:1200px){.header .nav-shell{gap:10px}.header .nav>a,.resources-trigger{padding:10px;font-size:13px}.header .nav-actions>.header-trial{padding:13px 16px;font-size:12px;gap:8px}.header .brand img{max-width:105px;object-fit:contain}}
@media(max-width:1050px){.header .nav.open{position:absolute;inset:calc(100% + 8px) 0 auto;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;align-items:stretch;gap:3px}.resources-trigger{width:100%;justify-content:space-between;padding:10px 14px}.resources-panel{position:static;transform:none;width:100%;max-height:none;padding:10px 5px;margin-top:5px;border-radius:14px;box-shadow:none;overflow:visible;background:#f9fbff}.resources-heading{padding:3px 8px 12px;display:block}.resources-heading>small{display:block;margin-top:4px}.resources-grid{grid-template-columns:1fr;gap:3px}.header .nav .resource-menu-link{grid-template-columns:36px 1fr 12px;padding:10px 8px;gap:10px}.resource-menu-icon{width:36px;height:36px}.resource-menu-link strong{font-size:12px}.resource-menu-link small{font-size:10px}.resources-menu[open] .resources-panel{animation:none}}
@media(max-width:1050px){body:has(.header .nav.open) .chat-invite{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.resources-menu *{animation:none!important;transition:none!important}}
