.ai-page h1,.ai-page h2,.ai-page h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.035em;line-height:1.15}
.ai-hero{padding:clamp(3rem,7vw,6rem) 0;background:radial-gradient(ellipse at 90% 15%,#4436ba 0%,transparent 48%),#14162c;color:#fff;border-bottom:8px solid #20d7ff}
.ai-eyebrow{display:block;font:800 .78rem/1.5 system-ui;letter-spacing:.15em;color:#20d7ff}
.ai-hero h1{font-size:clamp(2.8rem,7vw,5.8rem);max-width:18ch;margin:1rem 0 1.4rem;line-height:1.03}
.ai-hero p{max-width:56ch;font-size:1.22rem;color:#e2e6ff}
.ai-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}
.ai-tags span{border:1px solid #6b73a3;border-radius:999px;padding:.4rem .9rem;font-size:.87rem}
.ai-page .card::after{background:#20d7ff}.ai-page .card:nth-child(2n)::after{background:#9b8aff}
.ai-page .section h2{font-size:clamp(2rem,4vw,3rem)}
.ai-article{max-width:900px;padding-block:3rem 5rem}
.ai-article-head{background:#14162c;color:white;padding:clamp(1.5rem,4vw,3rem);border-bottom:7px solid #20d7ff;border-radius:12px 12px 0 0}
.ai-article-head h1{font-size:clamp(2rem,5vw,3.7rem);max-width:none;overflow-wrap:anywhere}
.ai-article-head .meta{color:#cad3ed}.ai-lead{font-size:1.15rem;line-height:1.7}
.ai-body{padding:clamp(1.25rem,4vw,3rem);background:#fffdf7;border:1px solid #ccc}
.ai-body h2{font-size:1.65rem;margin:2rem 0 1rem}.ai-body p,.ai-body li{line-height:1.8;overflow-wrap:anywhere}
.ai-tutorial{background:#e5faff;border:2px solid #171715;border-radius:8px;padding:clamp(1rem,3vw,2rem);margin:2.5rem 0;box-shadow:5px 5px 0 #20d7ff}
.ai-tutorial ol{padding-left:1.5rem}.ai-tutorial li{padding:.5rem 0 .8rem .4rem}.ai-tutorial li::marker{font-weight:900;color:#1948ff}
.ai-page .source-list{padding-left:1.2rem}.ai-page .grid:has(>.card:only-child){grid-template-columns:minmax(0,1fr);max-width:760px}
@media(max-width:820px){.ai-page .nav-links{white-space:nowrap}.ai-article{width:min(calc(100% - 1rem),900px)}}