.site-nav-links[data-account=true]>a,.site-nav-links[data-account=true]>button{justify-content:center;align-items:center;gap:8px;display:flex}.site-nav-links[data-account=true] svg{flex-shrink:0;width:20px;height:20px}.site-nav-links>button[disabled]{opacity:.65;cursor:wait}.navigation-error{max-width:var(--page-width);color:var(--destructive);margin:0 auto;padding:8px 24px;font-weight:700}.public-nav-about{position:relative}.public-nav-about summary{cursor:pointer;border-radius:16px;align-items:center;min-height:44px;padding:8px 16px;font-weight:800;display:flex}.public-nav-about summary:after{content:"⌄";padding-left:8px}.public-nav-about>div{z-index:30;background:var(--card);border:1px solid var(--border);min-width:184px;box-shadow:0 8px 24px color-mix(in oklch, var(--foreground) 12%, transparent);border-radius:16px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.public-nav-about>div>a{justify-content:flex-start}.public-nav-about summary:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.public-info-main{gap:32px;display:grid}.public-info-heading{justify-content:space-between;align-items:center;gap:32px;display:flex}.public-info-heading>div:first-child{max-width:680px}.public-info-heading h1{margin:8px 0 16px;font-size:clamp(32px,5vw,48px);line-height:1.15}.public-info-heading .mascot{flex-shrink:0}.public-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.public-info-grid article,.public-info-section.brand-card{padding:24px}.public-info-grid article>svg{color:var(--primary);width:32px;height:32px;margin-bottom:16px}.public-info-grid h2,.public-info-section h2,.public-info-start h2{margin-bottom:16px;font-size:26px;line-height:1.25}.public-info-grid h3{margin-bottom:16px;font-size:22px;line-height:1.3}.public-info-grid p,.public-info-section p,.public-info-start p{color:var(--muted-foreground);line-height:1.7}.public-info-section p+p,.public-info-section>.public-info-grid+p{margin-top:16px}.public-info-start{justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.public-info-start>div{max-width:600px}.public-info-start>a{flex-shrink:0}.public-info-status{background:var(--muted);border-radius:16px;align-items:center;min-height:44px;margin-top:24px;padding:8px 16px;font-weight:800;display:inline-flex}.public-footer-links{flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-bottom:16px;display:flex}.public-footer-links a{align-items:center;min-height:44px;font-weight:700;display:inline-flex}.public-footer-links a:hover{text-decoration:underline}@media (width<=639px){.site-header[data-account=true] .site-nav-links{z-index:40;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border);box-shadow:0 -4px 16px color-mix(in oklch, var(--foreground) 7%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;position:fixed;inset:auto 0 0}.site-header[data-account=true] .site-nav-links>a,.site-header[data-account=true] .site-nav-links>button{flex-direction:column;gap:4px;min-height:56px;padding:8px 4px;font-size:13px}.learning-page:has(.site-header[data-account=true]){padding-bottom:calc(88px + env(safe-area-inset-bottom))}.site-nav-links[data-account=false]{flex-wrap:wrap;justify-content:center;gap:4px}.site-nav-links[data-account=false]>a,.public-nav-about summary{padding:8px;font-size:14px}.public-info-heading{align-items:flex-start;gap:16px}.public-info-heading .mascot{max-width:80px}.public-info-grid{grid-template-columns:minmax(0,1fr);gap:16px}.public-info-start{flex-direction:column;align-items:stretch}.public-info-start>a{white-space:normal;text-align:center}}@media (width>=1200px){.site-header[data-account=true] .site-nav-links{z-index:25;border:1px solid var(--border);background:var(--card);border-radius:24px;flex-direction:column;align-items:stretch;gap:16px;width:184px;padding:16px;display:flex;position:fixed;top:152px;left:24px}.site-header[data-account=true] .site-nav-links>a,.site-header[data-account=true] .site-nav-links>button{justify-content:flex-start;min-height:48px;padding:12px 8px;font-size:16px}}@media (width<=639px){.site-header[data-account=true]~main{padding-bottom:calc(112px + env(safe-area-inset-bottom))}}
