.perplexity-search-flow-embed { container-type: inline-size; margin: 2rem 0; border-radius: 1rem; background: #081c30; color: #f6fbff; font: 1rem/1.55 "Avenir Next", system-ui, sans-serif; overflow-wrap: anywhere; }
.perplexity-search-flow-embed *, .perplexity-search-flow-embed *::before, .perplexity-search-flow-embed *::after { box-sizing: border-box; }
.perplexity-search-flow-embed .perplexity-reading-review[data-perplexity-review] { padding: clamp(1rem, 3cqi, 1.8rem); }
.perplexity-search-flow-embed .perplexity-reading-review[data-perplexity-review] h2 { color: #f6fbff; font-size: clamp(1.55rem, 3.2cqi, 2.1rem); line-height: 1.2; margin: 0 0 .8rem; }
.perplexity-search-flow-embed .perplexity-reading-review[data-perplexity-review] h3 { color: #f6fbff; font-size: 1.05rem; line-height: 1.35; margin: 0 0 .7rem; }
.perplexity-search-flow-embed .perplexity-reading-review[data-perplexity-review] p { color: #d2e4f3; font: inherit; line-height: 1.55; margin: 0 0 .8rem; }
.perplexity-search-flow-embed .perplexity-reading-review[data-perplexity-review] p:last-child { margin-bottom: 0; }
.perplexity-search-flow-embed .perplexity-reading-review[data-perplexity-review] a { color: #8dccff; font-size: .9rem; text-decoration: underline; text-underline-offset: .2em; }
.perplexity-search-flow-embed .perplexity-reading-review[data-perplexity-review] .perplexity-review-question { font-weight: 600; color: #f6fbff; padding: 1rem; background: #12314b; border-radius: .6rem; margin-top: 1rem; }
.perplexity-search-flow-embed .perplexity-review-workspace { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); grid-template-areas: "sequence material"; gap: 1.25rem; align-items: start; margin-top: 1.4rem; }
.perplexity-search-flow-embed .perplexity-review-sequence { grid-area: sequence; min-width: 0; }
.perplexity-search-flow-embed .perplexity-review-material { grid-area: material; min-width: 0; }
.perplexity-search-flow-embed .perplexity-material-card { border: 1px dashed #86b9a3; padding: 1.3rem 1rem; border-radius: .6rem; min-height: 7rem; display: grid; align-items: center; background: #0e2940; }
.perplexity-search-flow-embed .perplexity-material-card h3 { margin-bottom: 0 !important; }
.perplexity-search-flow-embed .perplexity-reading-review[data-perplexity-review] .perplexity-material-status { color: #edcc91; font-size: .9rem; margin: .7rem 0 0; }
.perplexity-search-flow-embed .perplexity-reading-review[data-perplexity-review] .perplexity-review-steps { display: grid; gap: 0; list-style: none; margin: 0; padding: 0; }
.perplexity-search-flow-embed .perplexity-reading-review[data-perplexity-review] .perplexity-review-steps > li { list-style: none; margin: 0; padding: 0; }
.perplexity-search-flow-embed .perplexity-review-step { border: 1px solid #527991; border-radius: .6rem; overflow: hidden; background: #0e2940; }
.perplexity-search-flow-embed .perplexity-review-step[open] { border-color: #8dccff; box-shadow: 0 0 0 1px #8dccff; }
.perplexity-search-flow-embed .perplexity-review-step summary { display: flex; align-items: center; gap: .7rem; cursor: pointer; padding: .9rem; color: #f6fbff; font-weight: 600; line-height: 1.35; list-style: none; min-height: 56px; }
.perplexity-search-flow-embed .perplexity-review-step summary::-webkit-details-marker { display: none; }
.perplexity-search-flow-embed .perplexity-review-number { display: grid; place-items: center; flex: 0 0 1.8rem; height: 1.8rem; font-size: .85rem; border: 1px solid #88b6d4; border-radius: 50%; }
.perplexity-search-flow-embed .perplexity-review-step > div { padding: 0 .9rem .9rem; }
.perplexity-search-flow-embed .perplexity-review-arrow { display: block; text-align: center; padding: .45rem 0; color: #8dccff; font-size: 1.35rem; line-height: 1; }
.perplexity-search-flow-embed .perplexity-review-controls { margin-top: 1rem; }
.perplexity-search-flow-embed .perplexity-review-controls > div { display: flex; flex-wrap: wrap; gap: .6rem; }
.perplexity-search-flow-embed .perplexity-review-controls button { min-height: 44px; padding: .6rem .8rem; font: inherit; font-size: .9rem; background: #16374f; color: #f6fbff; border: 1px solid #82aecb; border-radius: .45rem; cursor: pointer; }
.perplexity-search-flow-embed .perplexity-review-controls button:disabled { cursor: default; opacity: .5; }
.perplexity-search-flow-embed .perplexity-review-controls output { display: inline-block; font-variant-numeric: tabular-nums; color: #f6fbff; }
.perplexity-search-flow-embed .perplexity-review-references { border-top: 1px dashed #6088a5; margin-top: 1.5rem; padding-top: 1.3rem; }
.perplexity-search-flow-embed .perplexity-review-reference { margin-top: .7rem; background: #0f2c42; border: 1px solid #51758c; border-radius: .5rem; }
.perplexity-search-flow-embed .perplexity-review-reference summary { padding: .8rem 1rem; cursor: pointer; color: #f6fbff; font-weight: 600; min-height: 44px; }
.perplexity-search-flow-embed .perplexity-review-reference > div { padding: 0 1rem 1rem; }
.perplexity-search-flow-embed summary:focus-visible, .perplexity-search-flow-embed button:focus-visible, .perplexity-search-flow-embed a:focus-visible { outline: 3px solid #e8bd6f; outline-offset: 4px; }
.perplexity-search-flow-embed .perplexity-review-step summary:focus-visible { outline-offset: -4px; }
.perplexity-search-flow-embed [hidden] { display: none !important; }
@container (max-width: 35rem) { .perplexity-search-flow-embed .perplexity-review-workspace { grid-template-columns: minmax(0, 1fr); grid-template-areas: "material" "sequence"; } }
.post-shell .prose figure img[src="/assets/images/posts/how-perplexity-search-works/how-perplexity-search-works-vertical-infographic.webp"] { aspect-ratio: auto; height: auto; object-fit: contain; }
@media (prefers-reduced-motion: reduce) { .perplexity-search-flow-embed *, .perplexity-search-flow-embed *::before, .perplexity-search-flow-embed *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }