.footer-inner{display:block;max-width:1250px}.footer-brand{display:inline-flex;margin-bottom:34px}.footer-columns{display:grid;grid-template-columns:1fr 1.45fr 1.2fr 1.1fr;gap:35px}.site-footer{padding-top:45px;padding-bottom:48px}.site-footer nav a{line-height:1.65;margin:10px 0}.site-footer nav h2{font-size:14px;color:#344357;margin-bottom:18px}.menu-group>span{display:block;color:#65738a;font-size:12px;font-weight:700;padding:15px 12px 5px}.mobile-menu{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}.topic-hero{grid-template-columns:1.1fr 1fr;gap:55px}.topic-hero .section-label{margin-bottom:20px}.topic-hero h1{font-size:clamp(32px,3.35vw,46px);letter-spacing:-1.4px}.topic-hero-preview{min-width:0;transform:rotate(-2deg);padding:14px;background:#f1f5fc;border:1px solid #e0e8f5;border-radius:20px;box-shadow:0 20px 50px -30px #37547c55}.topic-slide{position:relative;overflow:hidden;min-height:345px;border-radius:9px;background:#145eda;color:#fff;padding:28px;display:flex;flex-direction:column;isolation:isolate}.topic-slide.indigo{background:#433e92}.topic-slide.mint{background:#0c6659}.topic-slide.amber{background:#80572e}.slide-top,.slide-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.8px;color:#ffffffba;position:relative;z-index:1}.slide-top{margin-bottom:36px}.topic-slide h2{color:#fff;font-weight:500!important;font-size:clamp(25px,2.3vw,32px)!important;line-height:1.25!important;letter-spacing:-.8px!important;max-width:360px;margin:0 0 24px!important;position:relative;z-index:1}.topic-slide ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px;position:relative;z-index:1}.topic-slide li{display:flex;gap:12px;font-size:13px;line-height:1.6;color:#ffffffe0}.topic-slide li:before{content:'';height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#ffffffa0;margin-top:7px}.slide-bottom{margin-top:auto;letter-spacing:0}.slide-bottom>span:last-child{font-size:22px}.slide-orbit{position:absolute;right:-75px;top:45px;width:215px;height:215px;border:34px solid #ffffff0e;border-radius:50%;z-index:0}.storyline{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.storyline li{border-top:2px solid #b4cff4;padding-top:20px;min-width:0}.storyline span{display:block;font-size:13px;color:#1769e8;margin-bottom:15px}.storyline h3{font-size:18px;line-height:1.5;margin:0;letter-spacing:-.35px}.topic-example{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.topic-example .section-intro{margin:0;max-width:520px}.topic-checks{list-style:none;padding:0;margin:35px 0;display:grid;gap:0}.topic-checks li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:16px;line-height:1.7}.topic-checks span{color:var(--blue)}.topic-page .guide-section.pale{max-width:1250px}.topic-page .section-intro{max-width:850px}.topic-page .topic-example .section-intro{max-width:520px}.topic-page .guide-section h2{margin-bottom:30px}.topic-page .content-actions{margin-top:30px}.topic-hero-preview{animation:reveal .8s ease both}.topic-page .faq-heading h2{max-width:400px}
@media(max-width:1024px){.footer-columns{grid-template-columns:1fr 1fr;gap:30px 45px}.storyline{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-hero{gap:30px}.topic-slide{padding:24px}.topic-slide h2{font-size:28px!important}}
@media(max-width:760px){.topic-hero{grid-template-columns:1fr;gap:36px}.topic-hero h1{font-size:34px}.topic-hero-preview{transform:none;padding:10px}.topic-slide{min-height:310px;padding:24px}.topic-slide h2{font-size:27px!important}.topic-example{grid-template-columns:1fr;gap:30px}.storyline{grid-template-columns:1fr;gap:0}.storyline li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:18px 0;border-top:1px solid var(--line)}.storyline span{margin:3px 0}.storyline h3{font-size:19px}.footer-columns{gap:27px 22px}.footer-columns nav a{font-size:14px;overflow-wrap:anywhere}.footer-brand{margin-bottom:28px}.topic-checks li{padding:17px 0}.topic-page .section h2{overflow-wrap:normal}}
@media(max-width:440px){.footer-columns{grid-template-columns:1fr;gap:28px}.topic-hero h1{font-size:32px}.topic-slide{padding:22px;min-height:310px}.slide-top{font-size:9px;letter-spacing:.5px}.topic-slide li{font-size:12px}.topic-slide h2{font-size:26px!important}}
@media(prefers-reduced-motion:reduce){.topic-hero-preview{animation:none}}
.topic-photo{margin:0;min-width:0;align-self:center}.topic-photo>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:18px;box-shadow:0 20px 50px -32px #28405b80}.topic-photo figcaption{font-size:12px;line-height:1.7;color:#6b778b;padding-top:11px}.topic-photo a{color:inherit;text-decoration:underline;text-underline-offset:3px}.topic-video{margin:48px 0 0;max-width:960px}.topic-video-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:20px}.topic-video-heading h3{font-size:22px;line-height:1.5;margin:0}.topic-video-heading>span{font-size:14px;color:#6b778b;white-space:nowrap}.topic-video video,.topic-youtube{display:block;width:100%;border-radius:14px;overflow:hidden;background:#101b2e;border:1px solid #dce5f2}.topic-video video{height:auto;max-height:580px}.topic-video figcaption>p{font-size:16px;line-height:1.8;color:var(--muted);margin:18px 0 0}.topic-video figcaption .video-source{font-size:13px;line-height:1.8;margin-top:10px}.video-source a{text-decoration:underline;text-underline-offset:3px;color:#1769e8}.topic-youtube{aspect-ratio:16/9;position:relative}.topic-youtube iframe{display:block;width:100%;height:100%;border:0}.video-launch{position:relative;display:block;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#101b2e;color:white;font:inherit}.video-launch img{display:block;width:100%;height:100%;object-fit:cover}.video-launch-label{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;background:#145edaf5;border:1px solid #ffffff55;border-radius:7px;padding:14px 21px;font-size:16px;box-shadow:0 4px 20px #0005}.video-launch-label>span{font-size:20px}.video-launch:hover .video-launch-label{background:#064fb8}.video-launch:focus-visible{outline:3px solid #1769e8;outline-offset:-4px}.topic-video video:focus-visible{outline:3px solid #1769e8;outline-offset:4px}
@media(max-width:760px){.topic-photo>img{border-radius:14px}.topic-video{margin-top:36px}.topic-video-heading{gap:15px;margin-bottom:15px}.topic-video-heading h3{font-size:19px}.topic-video video,.topic-youtube{border-radius:9px}.video-launch-label{font-size:14px;gap:9px;bottom:14px;padding:10px 16px}.topic-video figcaption>p{margin-top:14px}}