.top-banner{z-index:100;flex-shrink:0}.top-banner__bar{align-items:center;gap:var(--space-8);height:56px;padding:0 var(--space-6);background:var(--surface-inverse);color:var(--text-inverse);display:flex}.top-banner__brand,.top-banner__brand:hover{align-items:center;gap:var(--space-3);color:var(--text-inverse);display:flex}.top-banner__symbol{display:grid}.top-banner__symbol>.ty-logo{grid-area:1/1}.top-banner__symbol-color{opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.top-banner__brand:hover .top-banner__symbol-color{opacity:1}.top-banner__wordmark{font-family:var(--font-condensed);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-normal);line-height:1}.top-banner__nav{align-items:center;gap:var(--space-5);display:flex}.top-banner__link{color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-standard);border-bottom:2px solid #0000;padding-bottom:2px}.top-banner__link:hover{color:var(--text-inverse);border-bottom-color:color-mix(in srgb, var(--tyrens-orange) 35%, transparent)}.top-banner__link--on,.top-banner__link--on:hover{border-bottom-color:var(--tyrens-orange)}.top-banner__link--disabled,.top-banner__link--disabled:hover{color:color-mix(in srgb, var(--text-inverse) 40%, transparent);cursor:not-allowed;border-bottom-color:#0000}.top-banner__right{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.top-banner__nav:empty{display:none}@media (max-width:720px){.top-banner__bar{column-gap:var(--space-4);height:auto;padding:0 var(--space-4);flex-wrap:wrap;row-gap:0}.top-banner__brand,.top-banner__right{min-height:56px}.top-banner__nav{gap:var(--space-2) var(--space-4);width:100%;padding-bottom:var(--space-3);flex-wrap:wrap;order:3}}
.app-shell{background:var(--surface-page);flex-direction:column;height:100vh;display:flex}.app-shell__scroll{flex:1;overflow-y:auto}