/* Shared shell: solid dark surfaces and a static frosted charcoal header. */
/* Shared footer selectors do not affect modal footers. */
html body > footer.te-footer {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:32px clamp(20px,4vw,64px);border-top:1px solid var(--te-border);color:var(--te-text)}
.te-footer .te-footer-identity {min-width:0}
.te-footer .footer-brand {display:flex;align-items:center;gap:12px;font-size:22px}
.te-footer .footer-brand img {width:48px;height:48px;object-fit:contain}
.te-footer .te-footer-identity > p {margin:12px 0 0;color:var(--te-muted);font-size:14px;line-height:1.6}
.te-footer .te-footer-links {display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.te-footer .te-footer-social {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;color:#fff}
.te-footer .te-footer-social svg {display:block;width:24px;height:24px;flex:none}
.te-footer .te-footer-merch {display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-weight:700;color:var(--te-text)}
.te-footer .te-footer-social:hover,.te-footer .te-footer-merch:hover {background:var(--te-hover);color:var(--te-blue)}
.te-footer .te-footer-links a:focus-visible {outline:2px solid var(--te-blue);outline-offset:2px}
.te-footer > .te-footer-disclosure {grid-column:1 / -1;margin:0;padding-top:20px;border-top:1px solid var(--te-border);font-size:13px;line-height:1.6;color:var(--te-muted)}
@media (max-width:767px) {html body > footer.te-footer {grid-template-columns:minmax(0,1fr);gap:20px}.te-footer .te-footer-links {justify-content:flex-start}}
:root{--te-header-height:64px;--te-sidebar-width:240px}
html body{padding-top:var(--te-header-height);background:#121212!important;color:var(--te-text)}
html body>main,html body>footer{margin-left:var(--te-sidebar-width)!important;margin-right:0!important;min-width:0;width:auto;max-width:calc(100% - var(--te-sidebar-width))}
html body .site-header{position:fixed!important;inset:0 0 auto!important;z-index:100;height:var(--te-header-height)!important;min-height:0!important;padding:10px 20px!important;display:grid!important;grid-template-columns:44px 160px minmax(160px,1fr) 144px;justify-content:normal!important;align-items:center;gap:16px!important;background:rgba(11,13,16,.93)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--te-border);color:var(--te-text)}
html body .site-header>nav,html body .site-header .private-label{display:none!important}
html body .site-header>.menu{display:grid!important;place-items:center;padding:8px;width:44px;height:44px;background:transparent;border:0;border-radius:50%;color:var(--te-text);cursor:pointer}
html body .site-header .brand{display:flex;align-items:center;gap:10px;min-width:160px;white-space:nowrap;color:var(--te-text)}
html body .site-header .brand img{width:36px;height:36px;object-fit:contain}
html body .site-header .brand strong{font-size:18px;letter-spacing:.02em;color:var(--te-text)}
html body .site-header .brand small,html body .site-header .brand::after{display:none!important;content:none!important}
.te-shell-search{display:flex;min-width:0;justify-self:center;width:100%;max-width:680px;margin:0}
html body .te-shell-search input{min-width:0;width:100%;height:44px;margin:0;padding:9px 18px;border:1px solid var(--te-border);border-right:0;border-radius:999px 0 0 999px;background:var(--te-surface);color:var(--te-text);font:inherit;font-size:15px;box-shadow:none}
html body .te-shell-search input:focus,html body .te-shell-search input:focus-visible{outline:2px solid var(--te-blue);outline-offset:-3px;border-color:var(--te-blue);box-shadow:none}
html body .te-shell-search button{width:60px;height:44px;flex:0 0 60px;display:grid;place-items:center;margin:0;border:1px solid var(--te-border);border-radius:0 999px 999px 0;background:var(--te-elevated);color:var(--te-text);cursor:pointer}
.te-header-actions{display:flex;align-items:center;justify-self:end;gap:7px}
html body .te-header-actions .te-icon-control{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:8px;margin:0;border:0;border-radius:50%;background:transparent;color:var(--te-text);font:inherit;font-size:0;cursor:pointer}
.te-icon-control[data-account]::before{content:'';display:block;width:24px;height:24px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M20 21v-2a6 6 0 0 0-6-6h-4a6 6 0 0 0-6 6v2M16 6a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z'/%3E%3C/svg%3E") center/contain no-repeat}
.site-header svg,.te-sidebar svg{width:24px;height:24px;flex:0 0 24px}
html body .site-header :is(.menu,.te-icon-control,.te-shell-search button):hover{background:var(--te-hover)}
.te-sidebar{position:fixed;inset:var(--te-header-height) auto 0 0;z-index:90;width:var(--te-sidebar-width);padding:12px 10px;background:var(--te-elevated);border-right:1px solid var(--te-border);overflow-y:auto;overscroll-behavior:contain}
.te-sidebar nav{display:flex;flex-direction:column;gap:4px;min-height:100%}
.te-sidebar-primary,.te-sidebar-utility{display:grid;gap:4px}
.te-sidebar-utility{margin-top:auto;padding-top:18px;border-top:1px solid var(--te-border)}
.te-sidebar a{display:flex;align-items:center;gap:18px;min-height:44px;padding:10px 12px;border-radius:9px;color:var(--te-text);text-decoration:none;font-size:14px;font-weight:550;line-height:1.3}
.te-sidebar a:hover{background:var(--te-hover)}
.te-sidebar a[aria-current=page]{background:var(--te-selected);color:#fff;font-weight:750;box-shadow:inset 3px 0 var(--te-primary)}
/* Shared action accents identify purpose without coloring navigation surfaces. */
#te-sidebar a[data-shell-nav=community][aria-current=page]{background:var(--te-elevated);box-shadow:inset 3px 0 var(--te-action-community)}
#te-sidebar a[data-shell-nav=community][aria-current=page] svg{color:var(--te-action-community)}
html body .site-header .te-header-actions [data-owner-only]{color:var(--te-action-studio)}
html body .site-header .te-header-actions [data-saved-open][aria-expanded=true]{color:var(--te-action-saved);box-shadow:inset 0 0 0 1px var(--te-action-saved)}
.te-sidebar hr{width:100%;border:0;border-top:1px solid var(--te-border);margin:12px 0}
.te-saved-load-error{position:absolute;right:20px;top:100%;max-width:min(360px,calc(100vw - 32px));margin:8px 0;padding:12px;background:var(--te-surface);border:1px solid var(--te-border);border-radius:8px;color:var(--te-text);font-size:14px}
.te-sidebar-overlay{position:fixed;inset:var(--te-header-height) 0 0;z-index:85;background:rgba(0,0,0,.62);border:0}
.te-sidebar-overlay[hidden],.te-header-actions [hidden],.te-sidebar [hidden]{display:none!important}
html body :is(.te-sidebar a,.te-icon-control,.site-header .menu,.te-shell-search button):focus-visible{outline:2px solid var(--te-blue);outline-offset:2px}
:root{--te-rail-icon-width:72px}
html body[data-shell-rail-state=icons]{--te-sidebar-width:var(--te-rail-icon-width)}
html body[data-shell-rail-state=hidden]{--te-sidebar-width:0px}
.te-sidebar{display:flex;flex-direction:column;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#0b0d10;transition:transform 180ms ease,visibility 180ms}
.te-sidebar nav{flex:1;min-height:0}
body[data-shell-rail-state=icons] .te-sidebar{padding-inline:6px}
body[data-shell-rail-state=icons] .te-sidebar a{justify-content:center;padding:12px 0}
body[data-shell-rail-state=icons] .te-sidebar a span{display:none}
body[data-shell-rail-state=hidden] .te-sidebar{width:var(--te-rail-icon-width);transform:translateX(-100%);visibility:hidden;pointer-events:none}
.te-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:768px) and (max-width:1199px){:root{--te-sidebar-width:72px}html body .site-header{gap:10px!important;padding-inline:12px!important}.te-header-actions{gap:3px}html body .site-header .brand{min-width:150px}}
@media(max-width:1199px){
 html body[data-shell-rail-state=expanded]{--te-sidebar-width:var(--te-rail-icon-width)}
 body[data-shell-rail-state=expanded] .te-sidebar{width:240px;box-shadow:var(--te-menu-shadow)}
 body[data-shell-menu=open]:not([data-shell-temporary=true]){overflow:hidden}
}
@media(max-width:767px){:root{--te-sidebar-width:56px;--te-rail-icon-width:56px;--te-header-height:116px}html body .site-header{grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:44px 44px;gap:8px!important;padding:10px 12px!important}.te-shell-search{grid-column:1/-1;grid-row:2}html body .site-header .brand{min-width:0}html body .site-header .brand strong{font-size:16px}.te-header-actions{gap:2px}}
@media(prefers-reduced-motion:reduce){.te-sidebar{transition:none}}
@media(forced-colors:active){html body .site-header,.te-sidebar{background:Canvas!important;color:CanvasText;border-color:CanvasText}.te-sidebar a[aria-current=page]{border-left:3px solid Highlight;box-shadow:none}.te-icon-control[data-account]::before{background:ButtonText}}
@media(forced-colors:active){#te-sidebar a[data-shell-nav=community][aria-current=page]{background:Highlight;color:HighlightText;box-shadow:none}#te-sidebar a[data-shell-nav=community][aria-current=page] svg{color:HighlightText}html body .site-header .te-header-actions [data-owner-only],html body .site-header .te-header-actions [data-saved-open][aria-expanded=true]{color:ButtonText;box-shadow:none}}


html body .skip-link{z-index:130}

@media(min-width:768px) and (max-width:1000px){html body .site-header{grid-template-columns:44px 150px minmax(100px,1fr) 144px}}
@media(max-width:390px){html body .site-header{padding-inline:8px!important;gap:6px!important}.te-header-actions{gap:0}html body .site-header .brand strong{font-size:14px}html body .site-header .brand{gap:6px}html body .site-header .brand img{width:28px;height:28px}}
@media(max-width:767px){body[data-shell-menu=open] .te-sidebar a{justify-content:flex-start;padding:10px 12px}body[data-shell-menu=open] .te-sidebar a span{display:inline}}
@media(max-height:450px) and (max-width:767px) and (min-width:600px){:root{--te-header-height:64px}html body .site-header{grid-template-columns:44px 140px minmax(100px,1fr) 144px;grid-template-rows:44px}.te-shell-search{grid-row:1;grid-column:3}}



