:is(#guardian-study,#guardians).flow-ready .study-options,:is(#guardian-study,#guardians).flow-ready .pairing-heading{display:none}:is(#guardian-study,#guardians).flow-ready{--flow-caption-height: 140px}:is(#guardian-study,#guardians).flow-ready>.pinned{grid-template-columns:minmax(280px,340px) minmax(0,1fr);column-gap:48px}:is(#guardian-study,#guardians).flow-ready .flow-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:620px}.flow-options button{display:flex;gap:10px;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:1px solid var(--hairline);border-radius:12px;color:var(--ink2);font-size:.8125rem}.flow-options button span{color:var(--ink3);font-size:.6875rem}.flow-options button[aria-pressed=true]{background:var(--cta-tint);color:var(--cta-ink);border-color:transparent}.flow-options button[aria-pressed=true] span{color:inherit}.flow-aside{grid-column:1;grid-row:2;min-width:0;align-self:center}.flow-window{position:relative;height:var(--flow-window-height, 340px);overflow:clip}.flow-pane{position:absolute;top:0;left:0;width:100%;visibility:hidden;pointer-events:none}.flow-pane.is-current,.flow-pane.is-moving{visibility:visible}.flow-pane.is-current{pointer-events:auto}.flow-pane p,.flow-pane h2,.flow-pane h3{margin:0}.flow-chapter{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;line-height:1.2;padding-bottom:20px}.flow-steps{list-style:none;margin:0;padding:0;display:grid;gap:6px}.flow-step{--step-tint: var(--accent);position:relative;isolation:isolate;display:grid;grid-template-columns:22px 1fr;gap:12px;border-left:2px solid transparent;padding:12px 10px;border-radius:0 16px 16px 0;transition:border-color .5s ease}.flow-step:before,.flow-step:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s ease}.flow-step:before{background:linear-gradient(115deg,color-mix(in srgb,var(--step-tint) 5%,transparent),transparent 70%),var(--glass-fill);box-shadow:inset 0 1px #ffffff0f,var(--glass-glow),0 10px 24px -12px #00000080}.flow-step:after{padding:1px;background:var(--glass-edge);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.flow-select{position:absolute;inset:0;width:100%;border-radius:inherit;z-index:1}.flow-select:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.flow-number{font-size:.625rem;color:var(--ink3);padding-top:3px;font-variant-numeric:tabular-nums}.flow-actor{font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);line-height:1.4}.flow-step h3{font-size:1.0625rem;line-height:1.3;letter-spacing:-.015em;color:var(--ink2);padding-top:5px}.flow-detail{color:var(--ink2);font-size:.8125rem;line-height:1.5}.flow-step .flow-detail{font-size:.75rem;padding-top:6px}.flow-stack-notes{display:none}.flow-step.is-active{border-color:var(--step-tint)}.flow-step.is-active:before,.flow-step.is-active:after{opacity:1}.flow-step.is-active .flow-number,.flow-step.is-active .flow-actor{color:var(--accent)}.flow-step.is-active h3{color:var(--ink)}.flow-step[data-success]{--step-tint: var(--earned)}.flow-step.is-active[data-success] .flow-number,.flow-step.is-active[data-success] .flow-actor{color:var(--earned)}.flow-slide .flow-pane{display:grid;gap:22px}:is(#guardian-study,#guardians).flow-ready .flow-slide .title{font-size:clamp(2rem,3.3vw,3rem);line-height:1.08}.flow-slide .flow-detail{font-size:1rem;line-height:1.6}:is(#guardian-study,#guardians).flow-ready .exchange{--ph: min(290px, 24vw, var(--flow-phone-size, 240px));padding:0;width:100%}:is(#guardian-study,#guardians).flow-ready .flow-phone-caption{display:none}:is(#guardian-study,#guardians).flow-ready[data-flow=stack] .flow-slide,:is(#guardian-study,#guardians).flow-ready[data-flow=slide] .flow-stack{display:none}:is(#guardian-study,#guardians).flow-ready[data-flow=captions]>.pinned{grid-template-columns:1fr;grid-template-rows:auto auto auto}:is(#guardian-study,#guardians).flow-ready[data-flow=captions] .flow-aside{display:none}:is(#guardian-study,#guardians).flow-ready[data-flow=captions] .exchange{--ph: min(260px, 25vw, var(--flow-phone-size, 200px));grid-column:1;grid-row:2;width:min(100%,820px);grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);align-items:start}:is(#guardian-study,#guardians).flow-ready[data-flow=captions] .side{grid-template-rows:auto calc(var(--ph) * 2.086183) auto;gap:16px;width:100%}:is(#guardian-study,#guardians).flow-ready[data-flow=captions] .guardian-device{align-self:center}:is(#guardian-study,#guardians).flow-ready[data-flow=captions] .flow-phone-caption{display:block;width:min(100%,310px);text-align:center;opacity:calc(.48 + .52 * (1 - var(--soft)))}.flow-phone-caption .flow-window{height:var(--flow-caption-height)}.flow-phone-caption h2{font-size:1.375rem;letter-spacing:-.025em;line-height:1.18;padding:8px 0}.flow-phone-caption .flow-actor{color:var(--accent)}:is(#guardian-study,#guardians).flow-ready[data-flow=captions] .beats{grid-column:1;grid-row:3;grid-template-columns:repeat(4,1fr);gap:24px}:is(#guardian-study,#guardians).flow-ready[data-flow=captions] .beat-button{display:flex;flex-direction:column;text-align:center;gap:10px}:is(#guardian-study,#guardians).flow-ready[data-flow=captions] .step-track{width:100%}@media(min-width:861px)and (max-height:760px){:is(#guardian-study,#guardians).flow-ready>.pinned{row-gap:14px}.flow-step{padding:8px;gap:10px}.flow-chapter{font-size:1.25rem;padding-bottom:12px}.flow-step h3{font-size:.9375rem}.flow-step .flow-detail{font-size:.6875rem;padding-top:4px}:is(#guardian-study,#guardians).flow-ready .beats{gap:3px}}@media(min-width:861px)and (max-width:1100px){:is(#guardian-study,#guardians).flow-ready>.pinned{grid-template-columns:minmax(250px,290px) minmax(0,1fr);column-gap:32px}:is(#guardian-study,#guardians).flow-ready .exchange{--ph: min(215px, 21vw, var(--flow-phone-size, 200px))}}@media(max-width:860px){:is(#guardian-study,#guardians).flow-ready>.pinned{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;row-gap:12px}:is(#guardian-study,#guardians).flow-ready .flow-options{gap:5px;max-width:none}.flow-options button{min-height:34px;padding:6px 3px;gap:4px;font-size:.625rem}.flow-options button span{display:none}:is(#guardian-study,#guardians).flow-ready .study-summary p{display:none}:is(#guardian-study,#guardians).flow-ready .focus-transport{justify-content:space-between;width:100%}.flow-aside{grid-row:2}.flow-chapter{font-size:1rem;padding-bottom:8px}.flow-steps{gap:3px}.flow-step{grid-template-columns:16px 1fr;gap:8px;padding:6px 8px}.flow-step>div{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:8px;align-items:center}.flow-step h3{grid-column:1;grid-row:1;font-size:.8125rem;padding-top:0}.flow-step .flow-detail{display:none}.flow-step .flow-actor{grid-column:2;grid-row:1;font-size:.5rem}.flow-stack-notes{display:grid;margin-top:8px;overflow:clip}.flow-note{grid-area:1 / 1;visibility:hidden;font-size:.75rem;line-height:1.5}.flow-note.is-active{visibility:visible}:is(#guardian-study,#guardians).flow-ready .flow-slide .title{font-size:1.7rem}.flow-slide .flow-pane{gap:12px;text-align:center}.flow-slide .caption{font-size:.6rem}.flow-slide .flow-detail{font-size:.8125rem}:is(#guardian-study,#guardians).flow-ready .exchange{--ph: min(200px, 32vw, var(--flow-phone-size, 120px));grid-column:1;grid-row:3}:is(#guardian-study,#guardians).flow-ready .beats{grid-column:1;grid-row:4;gap:8px}:is(#guardian-study,#guardians).flow-ready[data-flow=captions] .exchange{--ph: min(200px, 32vw, var(--flow-phone-size, 120px));grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}:is(#guardian-study,#guardians).flow-ready[data-flow=captions] .side{gap:10px}:is(#guardian-study,#guardians).flow-ready[data-flow=captions] .beats{gap:8px}.flow-phone-caption h2{font-size:1rem;padding:6px 0}.flow-phone-caption .flow-detail{font-size:.6875rem}.flow-phone-caption .flow-actor{font-size:.5rem}}@media(prefers-reduced-motion:reduce),(max-height:600px)and (max-width:860px){:is(#guardian-study,#guardians).flow-ready .exchange,:is(#guardian-study,#guardians).flow-ready[data-flow=slide] .exchange,:is(#guardian-study,#guardians).flow-ready[data-flow=captions] .exchange{--ph: min(240px, 32vw)}}html.js [data-guardian-flow] .pairing-heading{display:none}#guardians.flow-ready>.pinned{grid-template-rows:auto auto}#guardians.flow-ready .flow-aside{grid-row:1}#guardians.flow-ready .exchange{grid-row:1 / 3}#guardians.flow-ready .beats{grid-row:2}#guardians.flow-ready .flow-step{min-height:44px}@media(max-width:860px){#guardians.flow-ready>.pinned{grid-template-rows:auto auto auto}#guardians.flow-ready .flow-aside{grid-row:1}#guardians.flow-ready .exchange{grid-row:2;--ph: min(230px, 35vw, var(--flow-phone-size, 150px))}#guardians.flow-ready .beats{grid-row:3}}
