.google-ai-overviews-flow-embed .overview-tracks[data-overview-tracks]{container-type:inline-size;container-name:overview-tracks;margin:2rem 0;padding:clamp(1rem,3vw,1.8rem);border:1px solid #34536a;border-radius:1.3rem;background:#081c30;color:#f6fbff;line-height:1.55}
.google-ai-overviews-flow-embed .overview-tracks *{box-sizing:border-box}.overview-tracks [hidden]{display:none!important}
.google-ai-overviews-flow-embed .overview-tracks[data-overview-tracks] h2{max-width:none;margin:.25rem 0 .65rem;color:#f6fbff;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;letter-spacing:-.02em}
.google-ai-overviews-flow-embed .overview-tracks[data-overview-tracks] h3{max-width:none;margin:.2rem 0 1rem;color:#f6fbff;font-size:1.1rem;line-height:1.25}
.google-ai-overviews-flow-embed .overview-tracks[data-overview-tracks] p{max-width:none;margin:.6rem 0;color:inherit;font-size:inherit;line-height:inherit}
.overview-tracks__lanes{display:grid;gap:1.3rem;margin-top:1.2rem}.overview-lane{min-width:0;padding:1rem;border:1px solid #54758a;border-radius:.8rem;background:#102b43}.overview-lane--page{border-color:#9cb6c9;background:#132b3d}.overview-step{padding:.9rem;border:1px solid #54758a;border-radius:.6rem;background:#17384b;font-size:.85rem;overflow-wrap:anywhere}.google-ai-overviews-flow-embed .overview-tracks[data-overview-tracks] .overview-eyebrow{color:#9ce6ce;font-size:.67rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.overview-arrow{display:block;margin:.75rem auto;text-align:center;color:#9ce6ce;font-size:1.2rem;line-height:1}.overview-presentations{display:grid;gap:.7rem}.overview-presentations details{border:1px solid #54758a;border-radius:.6rem;background:#17384b}.overview-presentations summary{min-height:2.75rem;padding:.8rem;font-size:.85rem;font-weight:650;cursor:pointer}.overview-presentations details>div{padding:0 .8rem .75rem;font-size:.8rem}.overview-tracks[data-enhanced] .overview-presentations details[aria-current="step"]{outline:2px solid #9ce6ce;outline-offset:2px}.overview-assumptions{padding:0;margin:0;border:0}.overview-assumptions legend{margin-bottom:.7rem;font-size:.73rem;font-weight:650;color:#c6d9e8}.overview-assumptions label{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;padding:.5rem .65rem;margin:.4rem 0;border:1px solid #54758a;border-radius:.5rem;background:#17384b;font-size:.85rem;cursor:pointer}.overview-assumptions input{margin:0;min-width:1rem;min-height:1rem;accent-color:#9ce6ce}.overview-step--state output{display:inline-flex;padding:.3rem .5rem;border-radius:.3rem;font-size:.75rem;font-weight:650;background:#253b61;color:#cadfff}.overview-step--state output[data-assumed-met="true"]{background:#183f36;color:#b0eed7}.google-ai-overviews-flow-embed .overview-tracks[data-overview-tracks] .overview-fact{font-size:.75rem;color:#c6d9e8;margin-top:1.1rem}.overview-fact a{color:#a8edff;text-decoration:underline;text-underline-offset:.16em}.overview-reset{min-height:2.75rem;padding:.55rem .8rem;margin-top:1rem;border:1px solid #54758a;border-radius:.5rem;background:#17384b;color:#f6fbff;font:inherit;font-size:.8rem;cursor:pointer}.overview-tracks :focus-visible{outline:3px solid #a8edff;outline-offset:4px}
@container overview-tracks (min-width:36rem){.overview-tracks__lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.overview-lane--page{position:relative}.overview-lane--page::before{content:"";position:absolute;top:0;bottom:0;left:-1rem;border-left:1px dashed #6e8ca3}}
.post-shell .prose figure img[src="/assets/images/posts/how-google-ai-overviews-work/how-google-ai-overviews-work-vertical-infographic.webp"]{aspect-ratio:auto;height:auto;object-fit:contain}
@media(prefers-reduced-motion:no-preference){.overview-presentations details{transition:background-color .15s}}