@import url("/assets/public-navigation.css");
:root{--bg:#0b0a14;--bg2:#131120;--card:#1c1930;--card-raised:#221e3a;--border:#292440;--lucid:#9333ea;--lucid-hover:#7e22ce;--on-lucid:#fff;--lucid-light:#c084fc;--text:#e9e6ff;--muted:#c9c3e0;--dim:#aaa3bc;--shell-width:1080px;--content-width:760px;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:var(--lucid-light);text-decoration:none}a:hover{text-decoration:underline}
.public-content,.wrap{width:min(var(--content-width),100%);margin:0 auto;padding-left:24px;padding-right:24px}.public-content{padding-top:56px;padding-bottom:80px}.public-shell~main{overflow-wrap:anywhere;min-height:calc(100vh - 64px)}main#main-content>.wrap:first-child{padding-top:56px;padding-bottom:80px}main>article.wrap{padding-top:16px;padding-bottom:60px}.breadcrumb,.crumb{margin:0 0 20px;padding-top:24px;color:var(--dim);font-size:14px}.breadcrumb a,.crumb a{color:var(--muted)}.breadcrumb a:hover,.crumb a:hover{color:var(--lucid-light)}
main h1{font-size:clamp(30px,5vw,44px);line-height:1.15;letter-spacing:-.02em;color:#fff;margin:12px 0 16px}main h2{font-size:clamp(22px,3vw,28px);line-height:1.25;color:#fff;margin:40px 0 12px;letter-spacing:-.01em}main h3{font-size:18px;line-height:1.35;color:var(--lucid-light);margin:26px 0 8px}main p,main li{color:var(--muted)}main p{margin:0 0 14px}main ul,main ol{padding-left:22px;margin:0 0 16px}main li{margin-bottom:8px}main strong{color:var(--text)}.lead{font-size:19px;color:var(--muted);margin-bottom:8px}.note,.callout,.intro{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 22px;margin:22px 0}.callout{border-left:3px solid var(--lucid)}.callout.honest{border-left-color:#eab308}.note p,.callout p{margin:0}.refs,.sources{margin-top:44px;padding-top:24px;border-top:1px solid var(--border)}.refs h2,.sources h2{font-size:18px;margin-bottom:10px}.refs li,.sources li{color:var(--dim);font-size:14px}.article-hero,.hero{margin:24px 0 28px}.article-hero img,.hero img{display:block;width:100%;max-height:360px;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg2)}.article-hero img[src$=".svg"],.hero img[src$=".svg"]{object-fit:contain}.next{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:40px}.related h2{grid-column:1/-1}.next a,.related a{min-width:220px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px}.next a{flex:1}.next a:hover,.related a:hover{border-color:var(--lucid);text-decoration:none}.next .tag{font-size:12px;color:var(--dim)}.next h4{color:#fff;margin:4px 0 0}.appcta{background:linear-gradient(160deg,rgba(168,85,247,.15),var(--card));border:1px solid var(--border);border-radius:18px;padding:32px;text-align:center;margin:44px 0}.appcta h3{color:#fff;font-size:22px;margin-bottom:10px}.btn,.nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border-radius:10px;background:var(--lucid);color:var(--on-lucid);font-weight:600;text-decoration:none}.btn:hover,.nav-btn:hover{background:var(--lucid-hover);text-decoration:none}
header.hero{text-align:center;padding:64px 0 40px}.hero .wrap{padding:0}header.hero .wrap>img,header.hero>img{width:80px;height:80px;margin:0 auto 20px;display:block;object-fit:contain;border:0;background:none}.hero h1,header.hero h1{margin-bottom:14px}.hero p,header.hero p{max-width:600px;margin:0 auto;font-size:18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;padding-bottom:40px}.card{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:var(--lucid);text-decoration:none}.card .tag{font-size:12px;color:var(--lucid-light);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.card h3{color:#fff;font-size:19px;margin:8px 0}.card p{font-size:15px;margin:0}.startcta{text-align:center;padding:20px 0 72px}
.public-footer{border-top:1px solid var(--border);padding:32px 0;color:var(--dim);font-size:14px}.public-footer .shell-wrap{width:min(var(--shell-width),100%);height:auto;min-height:44px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.public-footer-links{display:flex;flex-wrap:wrap;gap:8px 16px}.public-footer a{color:var(--muted);text-decoration:none}.public-footer a:hover{color:var(--lucid-light);text-decoration:underline}:where(.public-shell a,.public-shell button,.public-footer a,main a):focus-visible{outline:3px solid var(--lucid-light);outline-offset:3px}.public-shell .shell-primary:focus-visible,.btn:focus-visible,.nav-btn:focus-visible{outline-color:var(--on-lucid)}
@media(max-width:520px){.shell-wrap{padding:0 12px;gap:8px}.public-logo span,.nav-learn,.nav-symbols{display:none}.public-shell .shell-nav{gap:4px}.shell-link{padding:0 10px}.shell-primary{padding:0 12px}.shell-lang-btn{min-width:44px;padding:0 10px}.public-content,.wrap{padding-left:20px;padding-right:20px}.public-content,main#main-content>.wrap:first-child{padding-top:40px;padding-bottom:64px}.article-hero,.hero{margin:20px 0 24px}.article-hero img,.hero img{max-height:260px}.next a,.related a{min-width:100%}.appcta{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shell-primary,.card{transition:none}}
.box{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 22px;margin:22px 0}.box p{margin:0}.updated{color:var(--dim);font-size:14px;margin-bottom:28px}.related h2{margin-top:0}header.hero .wrap>img,header.hero>img{width:80px;height:80px;margin:0 auto 20px;display:block;object-fit:contain;border:0;background:none}.article-hero img,article .hero img{width:100%;height:auto;max-height:360px;object-fit:cover}.related:has(.rel-chip){display:flex;grid-template-columns:none;flex-wrap:wrap;gap:10px;margin-top:12px}.related .rel-chip{flex:0 0 auto;min-width:0;margin:0;border-radius:999px;padding:6px 14px}.public-home .wrap{max-width:1080px}