/* Shared Tinlyt public-site and workspace navigation shell. */
:root{--shell-header-bg:rgba(11,18,32,.94);--shell-line:#2a3b4f}
.site-header{position:sticky;top:0;z-index:30;width:100%;max-width:none;margin:0;padding:.85rem max(1.25rem,calc((100vw - 1160px)/2));background:var(--shell-header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--shell-line);gap:1.25rem}
.site-header>.wordmark,.site-header>a[aria-label="Tinlyt home"]{flex:0 0 auto}
.site-header .wordmark-image{display:block;width:clamp(112px,12vw,138px);height:auto}
.site-header nav[aria-label="Main navigation"]{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.65rem,1.5vw,1.35rem);min-width:0}
.site-header nav[aria-label="Main navigation"] a{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .1rem;white-space:nowrap}
.site-header nav[aria-label="Main navigation"] a[aria-current="page"]{color:var(--signal);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.site-header nav[aria-label="Main navigation"] a.nav-cta{padding:.55rem .9rem;border:1px solid #466071;border-radius:7px}
.site-nav-toggle{display:none;align-items:center;justify-content:center;gap:.65rem;min-width:44px;min-height:44px;padding:.55rem .75rem;border:1px solid #52647a;border-radius:8px;background:#111e30;color:var(--paper);font:600 .9rem/1 var(--tinlyt-font-sans,Inter,system-ui,sans-serif);cursor:pointer}
.site-nav-toggle:hover{border-color:var(--signal)}
.site-nav-toggle-icon{display:grid;gap:4px;width:18px}
.site-nav-toggle-icon span{display:block;height:2px;width:18px;background:currentColor;border-radius:2px;transition:transform .16s ease,opacity .16s ease}
.site-nav-toggle[aria-expanded="true"] .site-nav-toggle-icon span:first-child{transform:translateY(6px) rotate(45deg)}
.site-nav-toggle[aria-expanded="true"] .site-nav-toggle-icon span:nth-child(2){opacity:0}
.site-nav-toggle[aria-expanded="true"] .site-nav-toggle-icon span:last-child{transform:translateY(-6px) rotate(-45deg)}
.site-header[data-nav-enhanced="true"] nav[aria-label="Main navigation"]{transition:opacity .16s ease}
footer{max-width:1160px;margin:0 auto;border-top:1px solid #ffffff16;padding:1.6rem 1.5rem 2rem;display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2fr);align-items:start;gap:1rem 2rem;color:#b0bdcc;font-size:.8rem}
footer .footer-brand{display:grid;gap:.65rem}
footer .footer-brand .wordmark-image{display:block;width:120px;height:auto}
footer .footer-brand p{max-width:300px;margin:0;color:#b0bdcc}
footer nav[aria-label="Footer navigation"]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem 1rem}
footer nav a{color:#c4cedb;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
footer nav a:hover{color:var(--signal)}
footer .footer-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;border-top:1px solid #ffffff12;padding-top:1rem;color:#8996aa;font-size:.74rem}
.skip-link{z-index:60}
@media(max-width:980px){.site-header{padding:.75rem 1.25rem}.site-header nav[aria-label="Main navigation"]{gap:.7rem;font-size:.86rem}.site-header nav[aria-label="Main navigation"] a{white-space:normal}.site-header .wordmark-image{width:118px}}
@media(max-width:900px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem 1rem}.site-header .wordmark-image{width:118px}.site-nav-toggle{display:inline-flex;justify-self:end}.site-header nav[aria-label="Main navigation"]{grid-column:1/-1;display:none;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:.15rem;padding:.6rem 0 .2rem;border-top:1px solid #ffffff16}.site-header[data-nav-enhanced="true"] nav[aria-label="Main navigation"]{display:none}.site-header[data-nav-enhanced="true"] nav[aria-label="Main navigation"].is-open{display:flex}.site-header nav[aria-label="Main navigation"] a{width:100%;min-height:46px;padding:.65rem .75rem;border-radius:6px}.site-header nav[aria-label="Main navigation"] a:hover{background:#ffffff09}.site-header nav[aria-label="Main navigation"] a.nav-cta{justify-content:center;margin-top:.35rem;padding:.7rem .9rem}footer{grid-template-columns:1fr;padding:1.5rem 1rem;gap:1rem}footer nav[aria-label="Footer navigation"]{justify-content:flex-start;gap:.2rem .8rem}footer .footer-meta{grid-column:auto;display:grid;gap:.4rem}}
@media(prefers-reduced-motion:reduce){.site-nav-toggle-icon span,.site-header nav[aria-label="Main navigation"]{transition:none}}

.site-nav-resources{position:relative;display:inline-flex;align-items:center}
.site-nav-resources>summary{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.45rem .1rem;cursor:pointer;list-style:none;color:#c4cedb;white-space:nowrap}
.site-nav-resources>summary::-webkit-details-marker{display:none}
.site-nav-resources>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.site-nav-resources[open]>summary::after{transform:rotate(225deg) translate(-1px,-1px)}
.site-nav-resources>summary:hover,.site-nav-resources[open]>summary,.site-nav-resources>summary[aria-current="page"]{color:var(--signal)}.site-nav-resources>summary[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.site-nav-resources-panel{position:absolute;top:calc(100% + .35rem);right:0;z-index:35;display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:.2rem;min-width:320px;padding:.55rem;border:1px solid #30485d;border-radius:10px;background:#0e1a2a;box-shadow:0 18px 50px #0008}
.site-nav-resources-panel a{padding:.55rem .7rem!important;border-radius:6px;white-space:normal!important}
.site-nav-resources-panel a:hover{background:#ffffff0a}
.workspace-nav-toggle{display:none;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.55rem .7rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-weight:650;cursor:pointer}
.workspace-nav-toggle-icon{font-size:1.05rem;line-height:1}
.workspace-nav-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
@media(max-width:1120px) and (min-width:901px){.site-header nav[aria-label="Main navigation"]{gap:.45rem;font-size:.8rem}.site-header nav[aria-label="Main navigation"] a{padding-inline:.05rem}.site-header nav[aria-label="Main navigation"] a.nav-cta{padding:.45rem .6rem}}
@media(max-width:900px){.site-nav-resources{display:flex;flex-direction:column;align-items:stretch}.site-nav-resources>summary{width:100%;padding:.65rem .75rem}.site-nav-resources-panel{position:static;min-width:0;grid-template-columns:1fr;border:0;border-left:2px solid #30485d;border-radius:0;background:transparent;box-shadow:none;margin-left:.75rem;padding:.2rem .25rem .45rem}.site-nav-resources-panel a{min-height:42px!important}.workspace-nav-toggle{display:inline-flex}.app-shell{display:block}.app-shell .sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(310px,88vw);height:100dvh;min-height:0;overflow-y:auto;transform:translateX(-105%);transition:transform .2s ease;padding:1.2rem 1rem;background:var(--color-sidebar);border-right:1px solid var(--color-border);border-bottom:0;box-shadow:16px 0 45px #0005}.app-shell .sidebar.is-open{transform:translateX(0)}.app-shell .brand{padding:.25rem .2rem 1.5rem}.app-shell .workspace-label,.app-shell .sidebar-footer{display:block}.app-shell .primary-nav{display:grid;overflow:visible;max-width:none;padding-bottom:0}.app-shell .nav-link{width:100%;font-size:.9rem}.app-shell .main-column{min-width:0}.app-shell .topbar{position:sticky;top:0;z-index:20;min-height:60px;display:flex;align-items:center;gap:.7rem;background:rgba(11,18,32,.96);backdrop-filter:blur(14px)}.app-shell .topbar .breadcrumb{flex:1}.app-shell .topbar-right{margin-left:auto}.app-shell .topbar-sign-in{max-width:155px;white-space:normal;line-height:1.2}.app-shell .system-state{display:none}.workspace-nav-open::before{content:"";position:fixed;inset:0;z-index:45;background:rgba(1,5,12,.68);backdrop-filter:blur(2px)}.workspace-nav-open{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.app-shell .sidebar{transition:none}}
