/* Fixed desktop navigation rail shared by all new account pages. */
.side .brand{
  font-size:15px;
  font-weight:600;
  letter-spacing:-.2px;
}
.side .brand b{
  font:inherit;
  letter-spacing:inherit;
}
.side .brand .mark{
  background:url("/logo-ick.svg?v=20261021purple") center/contain no-repeat;
  color:transparent;
  font-size:0;
}
.side .nav a{display:flex;align-items:center;gap:10px}
.side .nav a svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;
  stroke-width:1.6;opacity:.75}

@media (min-width:1101px){
  .shell{
    display:grid;
    grid-template-columns:232px minmax(0,1fr);
    gap:28px;
    max-width:none;
    margin:0;
    padding:0 24px 48px 0;
  }
  .shell:has(> .panel-col){
    grid-template-columns:232px minmax(0,1fr) 340px;
  }
  .side{
    position:fixed;
    inset:0 auto 0 0;
    width:232px;
    height:100vh;
    height:100dvh;
    z-index:20;
    padding:20px 16px 18px;
    background:var(--canvas);
    border-right:1px solid var(--hairline);
  }
  .side .nav{
    flex:0 1 auto;
    min-height:0;
    overflow-y:auto;
    scrollbar-width:none;
  }
  .side .nav::-webkit-scrollbar{display:none}
  .main{grid-column:2;min-width:0}
  .panel-col{grid-column:3}
}

@media (min-width:821px) and (max-width:1100px){
  .shell{
    display:grid;
    grid-template-columns:200px minmax(0,1fr);
    gap:24px;
    max-width:none;
    margin:0;
    padding:0 24px 48px 0;
  }
  .side{
    position:fixed;
    inset:0 auto 0 0;
    width:200px;
    height:100vh;
    height:100dvh;
    z-index:20;
    padding:20px 14px 18px;
    background:var(--canvas);
    border-right:1px solid var(--hairline);
  }
  .side .nav{
    flex:0 1 auto;
    min-height:0;
    overflow-y:auto;
    scrollbar-width:none;
  }
  .side .nav::-webkit-scrollbar{display:none}
  .main{grid-column:2;min-width:0}
}