/* An explorer for the whole product, with a stable daily navigation. */
.drawer-backdrop .mobile-drawer{width:min(560px,100vw);height:100dvh;min-height:0;display:flex;flex-direction:column;background:#11190d;border-color:#4b563a;box-shadow:18px 0 70px #0006}
.drawer-backdrop .drawer-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex:none;padding:25px 24px 20px;min-height:105px;height:auto;border-color:#3e4b31;background:#151f10}
.drawer-head .drawer-brand{font:800 28px/1 Archivo,system-ui,sans-serif;letter-spacing:-.04em}
.drawer-head .drawer-brand em{font-style:normal;color:#e0c48b}
.menu-role{margin:9px 0 0;font-size:11px;font-weight:500;line-height:1.5;color:#b7c5a6}
.drawer-head .drawer-close{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid #576645;border-radius:11px;background:#26351d;color:#efe4c8;font-size:27px;line-height:1}
.drawer-backdrop .drawer-body{padding:22px 24px calc(28px + env(safe-area-inset-bottom));min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#596b40 transparent}
.drawer-body [hidden]{display:none!important}
.menu-search-field{display:flex;align-items:center;gap:11px;border:1px solid #62744d;border-radius:12px;padding:0 13px;background:#202d17;color:#d2c18e;min-height:54px}
.menu-search-field>.nav-icon{flex:none;width:20px;height:20px}
.menu-search-field input{min-width:0;width:100%;flex:1;height:52px;min-height:52px;padding:13px 0;margin:0;border:0;border-radius:0;outline:0;background:none;color:#f2f1e5;font:400 16px/1.5 Archivo,system-ui,sans-serif;box-shadow:none}
.menu-search-field input::placeholder{color:#bac8ab;font-size:14px}
.menu-search-field input::-webkit-search-cancel-button{-webkit-appearance:none}
.menu-search-field button{display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:#2d4021;color:#f0d59c;font-size:24px;cursor:pointer}
.menu-search-field:focus-within{outline:2px solid #e7cc94;outline-offset:3px}
.menu-search-field input:focus-visible{outline:0}
.menu-discovery-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 18px;min-height:36px}
.menu-discovery-meta p{font-size:12px;line-height:1.6;color:#b3c29f;margin:0}
.menu-discovery-meta button{flex:none;min-height:44px;padding:7px 0 7px 8px;border:0;background:none;color:#dcc68e;font:550 11px/1.5 Archivo,system-ui,sans-serif;cursor:pointer;text-align:right}
.menu-shortcuts{margin:0 0 25px}
.menu-shortcuts h2,.menu-recent h2{font:600 12px/1.5 Archivo,system-ui,sans-serif;margin:0 0 11px;color:#d2dac6;letter-spacing:0;text-transform:none}
.menu-shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.menu-shortcut-grid button{display:flex;align-items:center;gap:11px;min-width:0;min-height:94px;padding:14px;border:1px solid #8d7b4d;border-radius:12px;background:linear-gradient(130deg,#3a3920,#28331c);color:#f1deac;text-align:left;cursor:pointer;font-family:inherit}
.menu-shortcut-grid button>.nav-icon{width:20px;height:20px;flex:none}
.menu-shortcut-grid button>span:nth-child(2){flex:1;min-width:0}
.menu-shortcut-grid strong,.menu-shortcut-grid small{display:block}
.menu-shortcut-grid strong{font-size:12px;line-height:1.5;font-weight:650}
.menu-shortcut-grid small{font-size:10px;line-height:1.5;color:#c8ceaf;margin-top:5px}
.menu-shortcut-grid button>span:last-child{flex:none;color:#efcd85;font-size:19px}
.menu-recent{margin:0 0 23px}
.menu-recent>div{display:flex;flex-wrap:wrap;gap:7px}
.menu-recent button{min-height:44px;padding:10px 12px;border:1px solid #5f7148;border-radius:9px;background:#22321a;color:#dfd9bb;font:500 12px/1.5 Archivo,system-ui,sans-serif;cursor:pointer}
.menu-recent button span{margin-left:8px;color:#d6b974}
.drawer-body .app-menu-group{margin:26px 0 0}
.drawer-body .app-menu-group>.drawer-label{margin:0 0 12px;padding:0;color:#c5cfb6;font:650 10px/1.6 Archivo,system-ui,sans-serif;letter-spacing:.1em}
.drawer-body .app-menu-group>.drawer-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.drawer-body .app-menu-group .drawer-item{display:flex;align-items:flex-start;gap:11px;min-width:0;min-height:108px;margin:0;padding:15px 13px;border:1px solid #3e5030;border-radius:12px;background:#1c2a14;color:#efefe1;font-family:Archivo,system-ui,sans-serif;text-align:left;box-shadow:none;transform:none;cursor:pointer}
.drawer-body .drawer-item>.nav-icon{width:20px;height:20px;margin-top:2px;flex:none;color:#beccaa}
.drawer-item .nav-copy{display:block;flex:1;min-width:0}
.drawer-item [data-nav-label]{font-size:14px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
.drawer-item .nav-copy small{display:block;font-size:12px;font-weight:400;line-height:1.65;color:#b5c5a2;margin-top:7px;text-transform:none;letter-spacing:0}
.menu-card-arrow{font-size:15px;color:#acba98;line-height:1.5;flex:none}
.drawer-body .app-menu-group .drawer-item.active{background:#34341e;border-color:#b59a5b;color:#f2d69b;box-shadow:inset 0 2px #d9bd7c}
.drawer-body .drawer-item.active .nav-icon,.drawer-body .drawer-item.active .menu-card-arrow{color:#ebce8b}
.drawer-body .drawer-item.active small{color:#d4d3b5}
.drawer-body .menu-community{margin-top:28px;padding-top:17px;border-top:1px solid #475737;gap:3px}
.drawer-body .menu-community .nav-link{min-height:48px;padding:10px 0;font-size:12px;line-height:1.6;color:#cad5ba;gap:14px}
.drawer-body .menu-community .nav-link>span:last-child{color:#d8bd7e}
.menu-no-results{padding:28px 0 15px}
.menu-no-results strong{display:block;font-size:17px;font-weight:650;line-height:1.5;color:#ecebdb}
.menu-no-results p{font-size:13px;line-height:1.7;margin:10px 0 18px;color:#bac8aa}
.menu-no-results button{min-height:44px;padding:11px 14px;border:1px solid #8c794c;border-radius:9px;background:#3b3821;color:#ead39e;font:550 12px/1.6 Archivo,system-ui,sans-serif;cursor:pointer}
.drawer-body :is(button,a):hover{border-color:#ac9960;color:#f6dfaa}
.drawer-body .app-menu-group .drawer-item:hover{background:#2b3b1e;border-color:#a48f56}
.drawer-body :is(button,a,input):focus-visible,.drawer-head button:focus-visible{outline:2px solid #f2d39b;outline-offset:3px}
.sidebar .nav .nav-copy{flex:1;min-width:0}
.sidebar .nav .nav-copy>[data-nav-label]{font-size:13px;line-height:1.5}
.sidebar .nav button.active{background:#303b23;box-shadow:inset 3px 0 #dfc18a}
.mobile-nav .nav-copy{display:block;max-width:100%}
.mobile-nav [data-nav-label]{font-size:10px;line-height:1.3}
.mobile-nav button.active{background:#3b3a22;color:#f1d593}
@media(max-width:900px){
  .drawer-backdrop .mobile-drawer{inset:0;width:100%;max-width:100%;border:0;transform:translateY(100%);border-radius:0;background:#11190d}
  .drawer-backdrop.open .mobile-drawer{transform:translateY(0)}
  .drawer-backdrop .drawer-head{padding:calc(20px + env(safe-area-inset-top)) 20px 18px;min-height:99px}
  .drawer-backdrop .drawer-body{padding:18px 20px calc(28px + env(safe-area-inset-bottom))}
  .menu-search-field input{font-size:16px}
  .mobile-nav button{min-height:54px}
  .mobile-nav button.active .nav-icon{color:#f1d593}
}
@media(max-width:420px){
  .drawer-backdrop .drawer-body{padding-inline:15px}
  .drawer-backdrop .drawer-head{padding-inline:17px}
  .drawer-body .app-menu-group>.drawer-menu{gap:8px}
  .drawer-body .app-menu-group .drawer-item{padding:14px 11px;gap:8px;min-height:112px}
  .drawer-item [data-nav-label]{font-size:13px}
  .drawer-item .nav-copy small{font-size:12px}
  .drawer-body .drawer-item>.nav-icon{width:18px;height:18px}
  .menu-card-arrow{display:none}
  .menu-shortcut-grid{gap:8px}
  .menu-shortcut-grid button{padding:13px 10px;gap:8px}
  .menu-shortcut-grid button>.nav-icon{width:18px;height:18px}
  .menu-shortcut-grid strong{font-size:12px}
  .menu-shortcut-grid small{font-size:11px}
}
@media(max-width:350px){
  .drawer-body .app-menu-group>.drawer-menu{grid-template-columns:1fr}
  .drawer-body .app-menu-group .drawer-item{min-height:78px;padding:14px}
  .drawer-item [data-nav-label]{font-size:13px}
  .drawer-item .nav-copy small{font-size:12px;margin-top:4px}
  .menu-shortcut-grid{grid-template-columns:1fr}
  .menu-shortcut-grid button{min-height:74px}
}
@media(prefers-reduced-motion:reduce){.drawer-backdrop,.drawer-backdrop .mobile-drawer{transition:none}}