@media(min-width:761px){
  .shell{grid-template-columns:270px 1fr}
  .sidebar{width:270px}
  .sidebar .nav{
    min-height:52px;
    margin:0 0 7px;
    padding:0 17px;
    border:1px solid #ffffff18;
    border-radius:13px;
    color:#f3f7f4;
    background:#ffffff09;
    box-shadow:none;
    font-size:14px;
    letter-spacing:.01em;
    transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease;
  }
  .sidebar .nav:hover{
    transform:translateX(4px);
    border-color:#ffffff46;
    color:#fff;
    background:#ffffff17;
    box-shadow:0 7px 18px #071a102e;
  }
  .sidebar .nav.active{
    border-color:var(--y);
    color:var(--d);
    background:var(--y);
    box-shadow:0 8px 20px #071a1038;
  }
  .sidebar .nav.active:hover{background:#ffd33d}
}
.sidebar .nav:focus-visible,.nav-subitem:focus-visible{outline:3px solid #fff;outline-offset:2px}
.nav-group{display:grid;width:100%;gap:0}
.nav-with-submenu{display:flex;align-items:center;gap:8px}
.nav-with-submenu>span:first-child{min-width:0;white-space:nowrap}
.nav-with-submenu .nav-chevron{flex:0 0 auto;margin-left:0;font-size:20px;line-height:1;transition:transform .18s ease}
.nav-group.is-expanded .nav-chevron{transform:rotate(90deg)}
#submission-nav-count{display:grid;place-items:center;flex:0 0 auto;min-width:25px;height:25px;margin-left:auto;padding:0 7px;border-radius:999px;color:var(--d);background:var(--y);font-size:11px;font-weight:900}
.nav.active #submission-nav-count{color:#fff;background:var(--g)}
.nav-submenu{display:grid;gap:3px;margin:-1px 0 10px;padding:7px;border:1px solid #ffffff18;border-radius:13px;background:#0f3020;box-shadow:inset 0 1px #ffffff0d,0 8px 20px #071a1024}
.nav-submenu::before{content:"WACHTRIJEN";padding:5px 9px 3px;color:#91aa9a;font-size:8px;font-weight:900;letter-spacing:.16em}
.nav-submenu[hidden]{display:none}
.nav-subitem{display:flex;align-items:center;gap:8px;width:100%;min-height:42px;padding:9px 10px;border:0;border-radius:9px;color:#dce8e0;background:transparent;text-align:left;font-size:11px;font-weight:900;cursor:pointer;transition:transform .15s ease,background-color .15s ease,color .15s ease}
.nav-subitem:hover{transform:translateX(3px);color:#fff;background:#ffffff13}
.nav-subitem.is-active{color:var(--d);background:#f7f2e5;box-shadow:0 5px 13px #071a102c}
.nav-subitem.is-active::before{content:"";width:4px;height:19px;border-radius:999px;background:var(--y)}
.nav-subitem>span:first-child{min-width:0;white-space:nowrap}
.nav-subcount{display:grid;place-items:center;flex:0 0 auto;min-width:23px;height:23px;margin-left:auto;padding:0 6px;border-radius:999px;color:var(--d);background:var(--y);font-size:10px;font-weight:900}
.nav-subitem.is-active .nav-subcount{color:#fff;background:var(--g)}
.community-inbox-pane[hidden]{display:none!important}
.community-inbox-pane>.community-section-heading{margin-top:0}
@media(max-width:760px){.nav-group{display:none}}