.ai-page{--navy:#071a39;--blue:#1559c6;--muted:#53627a;color:var(--navy);font:16px/1.7 Arial,sans-serif;background:#fff}.ai-page *{box-sizing:border-box}.ai-wrap{max-width:1160px;padding:0 24px;margin:auto}.ai-breadcrumb{font-size:13px;padding:24px 0;color:var(--muted)}.ai-page a{color:var(--blue);text-underline-offset:4px}.ai-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:58px;padding:42px 0 60px;align-items:center}.ai-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--blue);margin:0 0 16px}.ai-page h1{font-size:clamp(32px,4.2vw,52px);line-height:1.12;letter-spacing:-1.7px;margin:0 0 24px}.ai-page h1 span{color:var(--blue)}.ai-lead{font-size:18px;color:var(--muted);max-width:620px}.ai-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:28px 0 16px}.ai-page .ai-button{background:var(--blue);color:white;padding:12px 20px;display:inline-block;text-decoration:none;border-radius:6px;font-weight:700;font-size:14px}.ai-secondary{font-size:14px;font-weight:700}.ai-note{font-size:12px;color:var(--muted)}.ai-path{background:var(--navy);color:#fff;border-radius:16px;padding:30px}.ai-path .ai-eyebrow{color:#a8caff}.ai-path ol{list-style:none;padding:0;margin:0}.ai-path li{padding:20px 0;border-bottom:1px solid #344560}.ai-path li span{font-size:12px;color:#a8caff;display:block}.ai-path strong{display:block;font-size:18px}.ai-path small{color:#c5d0e2}.ai-path>p:last-child{margin:24px 0 0;font-size:13px;color:#c5d0e2}.ai-intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;background:#f2f6fc;padding:30px;border-radius:10px}.ai-page h2{font-size:30px;line-height:1.25;letter-spacing:-.6px;margin:0 0 16px}.ai-intro p:last-child{margin-bottom:0}.ai-intro>div>p:first-child{margin-top:0}.ai-section{padding-top:64px;scroll-margin-top:24px}.ai-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 30px}.ai-jumps a{font-size:12px;border:1px solid #dbe3ef;border-radius:5px;padding:7px 11px;text-decoration:none;background:#f8faff}.ai-lessons{border-top:1px solid #dbe3ef}.ai-lesson{display:grid;grid-template-columns:65px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid #dbe3ef;scroll-margin-top:25px}.ai-number{font-size:24px;font-weight:700;color:var(--blue);background:#edf4ff;width:56px;height:56px;display:grid;place-items:center;border-radius:10px}.ai-level{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700}.ai-page h3{font-size:23px;line-height:1.3;margin:6px 0 10px}.ai-lesson p{margin:8px 0}.ai-topics{font-size:14px;color:var(--muted)}.ai-page summary{cursor:pointer;font-weight:700;color:var(--navy);padding:14px 0}.ai-page details li{margin:12px 0;padding-left:5px}.ai-page details ol{padding-left:22px}.ai-page pre{background:var(--navy);color:#e2efff;padding:22px;border-radius:8px;overflow:auto;font-size:14px;line-height:1.6;max-width:100%}.ai-lesson-content{min-width:0}.ai-page .ai-checkpoint{background:#f2f6fc;border-left:3px solid var(--blue);padding:16px 20px;margin-top:20px}.ai-project{background:#eef4fc;padding:36px;margin-top:56px;border-radius:12px}.ai-project p{max-width:700px}.ai-resources{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ai-resources a{padding:24px;border:1px solid #dbe3ef;border-radius:8px;text-decoration:none}.ai-resources strong,.ai-resources span{display:block}.ai-resources span{font-size:14px;color:var(--muted);margin-top:8px}.ai-faq details{border-bottom:1px solid #dbe3ef;padding:4px 0}.ai-faq details p{max-width:900px;margin-top:0}.ai-editorial{font-size:12px;color:var(--muted);padding:30px 0 50px}.ai-page a:hover{text-decoration:underline}.ai-page :focus-visible,.ai-skip:focus-visible{outline:3px solid #397ade;outline-offset:5px}.ai-skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:9999}.ai-skip:focus{top:12px}@media(max-width:760px){.ai-hero{grid-template-columns:1fr;gap:26px;padding-top:20px}.ai-intro{grid-template-columns:1fr;gap:4px;padding:24px}.ai-resources{grid-template-columns:1fr}.ai-wrap{padding:0 18px}.ai-lesson{grid-template-columns:40px 1fr;gap:14px}.ai-number{width:38px;height:38px;font-size:18px}.ai-page h3{font-size:21px}.ai-page h2{font-size:26px}.ai-project{padding:24px}.ai-section{padding-top:44px}.ai-project.ai-section{padding-top:24px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
