/* Main destinations share one navigation system across screen sizes. */
.sidebar nav{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.sidebar .nav-link{position:relative;display:flex;align-items:center;gap:11px;min-height:66px;padding:12px 11px;border:1px solid transparent;border-radius:10px;color:#dbc9bd;text-decoration:none;transition:background .16s ease,color .16s ease,border-color .16s ease}
.sidebar .nav-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:36px;border-radius:8px;background:#ffffff06;color:#c9ac99;transition:background .16s ease,color .16s ease}
.nav-icon svg{width:21px;height:21px;display:block}
.sidebar .nav-copy{display:block;min-width:0;flex:1}
.sidebar .nav-title{display:block;font-size:13px;line-height:1.35;font-weight:600;letter-spacing:-.015em}
.sidebar .nav-description{display:block;font-size:10px;font-weight:400;color:#bfa99b;line-height:1.4;margin-top:4px;letter-spacing:0}
.sidebar .nav-active-dot{display:none;width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#f1b18d}
.sidebar .nav-link:hover{background:#3d2d25;border-color:#6e4e3d;color:#fff8ee}
.sidebar .nav-link.active{background:#52372a;border-color:#8a5b40;color:#fff6e9;box-shadow:inset 3px 0 #e8a27a}
.sidebar .nav-link.active .nav-icon{background:#be725735;color:#ffd7b9}
.sidebar .nav-link.active .nav-description{color:#e7c6b1}
.sidebar .nav-link.active .nav-active-dot{display:block}
.sidebar .nav-link:focus-visible{outline:3px solid #edbd92;outline-offset:3px}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#78523c transparent}
.sidebar-note{min-height:180px}
@media(min-width:701px) and (max-width:1180px){.sidebar .nav-link{padding:11px 8px;gap:8px}.sidebar .nav-icon{flex-basis:29px;width:29px}.sidebar .nav-title{font-size:13px}.sidebar .nav-description{font-size:10px}.sidebar .nav-active-dot{display:none!important}}
@media(min-width:701px) and (max-height:790px){.sidebar .brand{margin-bottom:28px}.sidebar-note{min-height:0;padding-top:20px;margin-bottom:20px}.sidebar-note p{font-size:17px}.sidebar-note>span{display:none}.little-sprout{font-size:25px}.sidebar-bottom{padding-top:15px}.sidebar .nav-link{min-height:60px}}
@media(max-width:700px){
  .sidebar{background:#fffdf9f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #decebd;box-shadow:0 -5px 24px #5034210b;overflow:visible;padding:0 8px env(safe-area-inset-bottom)}
  .sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:8px 0 7px}
  .sidebar .nav-link{flex-direction:column;justify-content:center;gap:4px;padding:4px 2px;min-width:0;min-height:65px;border:0;border-radius:9px;color:#77604e;box-shadow:none}
  .sidebar .nav-icon{width:44px;height:31px;flex:0 0 31px;background:transparent;color:#876b55;border-radius:10px;margin:0}
  .nav-icon svg{width:22px;height:22px}
  .sidebar .nav-copy{flex:0 0 auto;text-align:center;width:100%}
  .sidebar .nav-title{font-size:11px;line-height:1.3;font-weight:500;letter-spacing:0;white-space:nowrap}
  .sidebar .nav-description,.sidebar .nav-active-dot{display:none!important}
  .sidebar .nav-link.active{background:#f5e8dc;box-shadow:none;color:#7f3825;border:0}
  .sidebar .nav-link.active .nav-icon{background:#e9c8b3;color:#803a25}
  .sidebar .nav-link.active .nav-title{font-weight:700}
  .sidebar .nav-link.active:before{content:"";position:absolute;top:-8px;left:calc(50% - 14px);width:28px;height:3px;border-radius:0 0 3px 3px;background:#a85236}
  .sidebar .nav-link:hover{background:#f5e8dc;color:#7f3825;border:0}
  .sidebar .nav-link:focus-visible{outline:2px solid #995132;outline-offset:0}
  .workspace{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  #toast{bottom:calc(97px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.sidebar .nav-link,.sidebar .nav-icon{transition:none}}
@media print{.sidebar{display:none!important}.workspace{padding-bottom:0}}