.ndc-home-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh;max-width:100%;overflow-x:clip}
.ndc-home-shell>*{min-width:0}
.ndc-home-nav,.sidebar{display:flex;flex-direction:column;min-width:0}
.ndc-home-nav{position:sticky;top:38px;height:calc(100vh - 38px);overflow:hidden;padding:28px 22px;background:rgba(3,8,22,.92);border-right:1px solid var(--pg-color-border,#243252)}
.ndc-home-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.ndc-home-logo img{display:block;width:min(100%,92px);height:auto;object-fit:contain}
.ndc-home-logo span{display:grid}.ndc-home-logo small{color:var(--pg-color-text-muted,#aab7cf)}
.ndc-home-nav nav,.sidebar nav{display:grid;gap:5px;margin-top:18px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}
.ndc-nav-toggle{display:none;min-height:44px;margin-top:16px;border:1px solid var(--pg-color-accent,#41d2ff);border-radius:9px;background:rgba(65,210,255,.12);color:#fff;font:inherit;font-weight:800}
.ndc-home-nav nav a,.sidebar nav a{padding:9px 11px;border:1px solid transparent;border-radius:9px;color:var(--pg-color-text,#fff);text-decoration:none}
.ndc-home-nav nav a:hover,.sidebar nav a:hover,.ndc-home-nav nav a:focus-visible,.sidebar nav a:focus-visible,.ndc-home-nav nav a[aria-current="page"],.sidebar nav a[aria-current="page"]{border-color:var(--pg-color-accent,#41d2ff);background:rgba(65,210,255,.13);outline:0}
.ndc-home-mascot{display:block;width:auto;height:clamp(120px,18vh,180px);max-width:100%;flex:0 1 auto;object-fit:contain;object-position:center bottom;margin:auto auto 0}
@media(max-height:760px) and (min-width:901px){.ndc-home-mascot{height:105px}.ndc-home-nav nav{gap:2px}.ndc-home-nav nav a{padding:7px 10px}}
@media(max-width:900px){.ndc-home-shell{display:block}.ndc-home-nav{position:relative;top:0;height:auto;overflow:visible;border-right:0;border-bottom:1px solid var(--pg-color-border,#243252)}.ndc-nav-toggle{display:block;width:100%}.ndc-home-nav nav,.sidebar nav{display:none;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.ndc-home-nav nav.is-open,.sidebar nav.is-open{display:grid}.ndc-home-mascot{display:none}}
@media(max-width:580px){.ndc-home-nav nav{grid-template-columns:1fr}.ndc-home-mascot{display:none}.ndc-home-logo img{width:64px}}

/* Shared V3 public content shell */
.ndc-public-main{min-width:0;width:100%;padding:clamp(18px,3vw,42px)}
.ndc-public-main>header,.ndc-page-hero{margin-bottom:20px}
.ndc-public-content{width:min(1280px,100%);margin-inline:auto}
.ndc-home-shell>.song-library-shell,.ndc-home-shell>.library,.ndc-home-shell>.ndc-shell{width:100%;max-width:none;margin:0;padding:clamp(18px,3vw,42px);min-width:0;box-sizing:border-box}
.ndc-home-shell .ndc-header>*{min-width:0}.ndc-home-shell h1,.ndc-home-shell h2,.ndc-home-shell p{overflow-wrap:anywhere}
.ndc-home-shell>.main,.ndc-home-shell>.main-stage{min-width:0}
.ndc-home-shell .pg-button:focus-visible,.ndc-home-shell a:focus-visible{outline:3px solid var(--pg-color-accent,#41d2ff);outline-offset:3px}
@media(max-width:900px){.ndc-public-main,.ndc-home-shell>.song-library-shell,.ndc-home-shell>.library,.ndc-home-shell>.ndc-shell{padding:18px 14px}}
@media(prefers-reduced-motion:reduce){.ndc-home-shell *{scroll-behavior:auto!important;transition-duration:.01ms!important}}