:root:has(.examples-route){--ex-rail:70rem;--ex-gutter:clamp(1.25rem, 4vw, 2rem);--ex-col-gap:4rem;--ex-section-pad:clamp(4rem, 8vw, 6rem);--ex-line:color-mix(in oklch, var(--border) 88%, var(--accent));--ex-line-strong:color-mix(in oklch, var(--border) 70%, var(--accent));--ex-surface:color-mix(in oklch, var(--background) 94%, var(--secondary));--ex-surface-raised:color-mix(in oklch, var(--background) 88%, var(--secondary))}.examples-route .ex-rail{width:100%;max-width:var(--ex-rail);padding-inline:var(--ex-gutter);margin-inline:auto}.examples-route .ex-section{z-index:2;padding-block:var(--ex-section-pad);position:relative}.examples-route .ex-section+.ex-section{border-top:1px solid var(--ex-line)}@media (prefers-reduced-motion:reduce){.examples-route *,.examples-route :before,.examples-route :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.examples-stories-module__bzZ0uG__storyGrid{align-items:start;gap:clamp(2rem,5vw,3rem);display:grid}.examples-stories-module__bzZ0uG__storyCopy{align-content:start;gap:1rem;min-inline-size:0;display:grid}.examples-stories-module__bzZ0uG__storyEyebrow{color:color-mix(in oklch, var(--accent) 80%, var(--foreground));font-size:var(--public-eyebrow-size);font-weight:var(--public-eyebrow-weight);letter-spacing:var(--public-eyebrow-letter-spacing);text-transform:uppercase;margin:0}.examples-stories-module__bzZ0uG__storyHeading{max-inline-size:18ch;color:var(--foreground);font-family:var(--public-section-title-family);font-size:var(--public-section-title-size);font-weight:var(--public-section-title-weight);line-height:var(--public-section-title-line-height);letter-spacing:var(--public-section-title-letter-spacing);text-wrap:balance;margin:0}.examples-stories-module__bzZ0uG__storyLede{max-inline-size:42ch;color:var(--muted-foreground);font-size:var(--public-section-copy-size);font-weight:var(--public-section-copy-weight);line-height:var(--public-section-copy-line-height);margin:0}.examples-stories-module__bzZ0uG__accordion{border-block-start:1px solid var(--ex-line);margin-block-start:.75rem}.examples-stories-module__bzZ0uG__accordionItem{border-block-end:1px solid var(--ex-line)}.examples-stories-module__bzZ0uG__accordionHeading{font:inherit;margin:0}.examples-stories-module__bzZ0uG__accordionTrigger{min-block-size:2.75rem;inline-size:100%;color:var(--foreground);font-size:var(--public-item-title-size);font-weight:var(--public-item-title-weight);line-height:var(--public-item-title-line-height);text-align:start;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding-block:.9rem;transition:color .16s;display:flex}.examples-stories-module__bzZ0uG__accordionTrigger:hover{color:color-mix(in oklch, var(--accent) 55%, var(--foreground))}.examples-stories-module__bzZ0uG__accordionTrigger:focus-visible{outline:2px solid color-mix(in oklch, var(--accent) 75%, var(--foreground));outline-offset:3px}.examples-stories-module__bzZ0uG__accordionMarker{block-size:.85rem;inline-size:.85rem;color:var(--muted-foreground);flex:none;position:relative}.examples-stories-module__bzZ0uG__accordionMarker:before,.examples-stories-module__bzZ0uG__accordionMarker:after{content:"";background:currentColor;border-radius:999px;block-size:1.5px;inline-size:100%;transition:transform .28s cubic-bezier(.32,.72,0,1);position:absolute;inset-block-start:50%;inset-inline-start:0}.examples-stories-module__bzZ0uG__accordionMarker:after{transform:rotate(90deg)}.examples-stories-module__bzZ0uG__accordionTrigger[aria-expanded=true] .examples-stories-module__bzZ0uG__accordionMarker{color:color-mix(in oklch, var(--accent) 82%, var(--foreground))}.examples-stories-module__bzZ0uG__accordionTrigger[aria-expanded=true] .examples-stories-module__bzZ0uG__accordionMarker:after{transform:rotate(0)}.examples-stories-module__bzZ0uG__accordionPanel{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.32,.72,0,1),visibility .28s;display:grid}.examples-stories-module__bzZ0uG__accordionPanel[data-open=true]{visibility:visible;grid-template-rows:1fr}.examples-stories-module__bzZ0uG__accordionPanelInner{min-block-size:0;overflow:hidden}.examples-stories-module__bzZ0uG__accordionPanel p{min-block-size:4.5rem;max-inline-size:46ch;color:var(--muted-foreground);font-size:var(--public-item-copy-size);font-weight:var(--public-item-copy-weight);line-height:var(--public-item-copy-line-height);opacity:0;margin:0;padding-block-end:1.1rem;transition:opacity .2s}.examples-stories-module__bzZ0uG__accordionPanel[data-open=true] p{opacity:1;transition-delay:90ms}.examples-stories-module__bzZ0uG__storyProductFrame{border:1px solid color-mix(in oklch, var(--border) 82%, var(--accent));border-radius:calc(var(--radius) * 2);background:linear-gradient(180deg, color-mix(in oklch, white 20%, var(--background)), color-mix(in oklch, var(--background) 90%, var(--secondary)));min-block-size:clamp(20rem,38vw,34rem);min-inline-size:0;box-shadow:0 24px 70px color-mix(in oklch, var(--primary) 7%, transparent), inset 0 1px 0 #ffffff47;padding:clamp(.95rem,2vw,1.3rem)}@supports (color:lab(0% 0 0)){.examples-stories-module__bzZ0uG__storyProductFrame{box-shadow:0 24px 70px color-mix(in oklch, var(--primary) 7%, transparent), inset 0 1px 0 lab(100% 0 0/.28)}}.dark .examples-stories-module__bzZ0uG__storyProductFrame{background:linear-gradient(180deg, color-mix(in oklch, var(--card) 92%, var(--background)), color-mix(in oklch, var(--background) 88%, var(--secondary)))}.examples-stories-module__bzZ0uG__storyPanelSwap{min-inline-size:0;animation:.32s cubic-bezier(.32,.72,0,1) both examples-stories-module__bzZ0uG__exPanelIn}@keyframes examples-stories-module__bzZ0uG__exPanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.examples-stories-module__bzZ0uG__panelStack{align-content:start;gap:.85rem;min-inline-size:0;display:grid}.examples-stories-module__bzZ0uG__panelHeading{gap:.25rem;display:grid}.examples-stories-module__bzZ0uG__panelHeading h3{color:var(--foreground);margin:0;font-size:.98rem;font-weight:650;line-height:1.3}.examples-stories-module__bzZ0uG__panelHeading p{color:var(--muted-foreground);margin:0;font-size:.84rem;line-height:1.5}.examples-stories-module__bzZ0uG__panelFootnote{color:var(--muted-foreground);margin:0;font-size:.8rem}.examples-stories-module__bzZ0uG__panelGradeHead{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-inline-size:0;display:flex}.examples-stories-module__bzZ0uG__panelGradeKey{border:1px solid color-mix(in oklch, var(--accent) 35%, var(--ex-line));border-radius:calc(var(--radius) * .8);background:color-mix(in oklch, var(--accent) 10%, transparent);block-size:1.6rem;color:color-mix(in oklch, var(--accent) 84%, var(--foreground));align-items:center;padding-inline:.45rem;font-size:.72rem;font-weight:700;display:inline-flex}.examples-stories-module__bzZ0uG__panelGradeScore{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:650}.examples-stories-module__bzZ0uG__panelGradeFlag{color:color-mix(in oklch, var(--accent) 82%, var(--foreground));white-space:nowrap;align-items:center;gap:.3rem;font-size:.72rem;font-weight:650;display:inline-flex}.examples-stories-module__bzZ0uG__criterionList{gap:.55rem;min-inline-size:0;display:grid}.examples-stories-module__bzZ0uG__criterionEditor{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.75rem;display:flex}.examples-stories-module__bzZ0uG__criterionEditor em{color:color-mix(in oklch, var(--accent) 82%, var(--foreground));font-style:normal;font-weight:650}.examples-stories-module__bzZ0uG__scoreStrip{border:1px solid var(--ex-line);border-radius:calc(var(--radius) * 1.2);background:color-mix(in oklch, var(--card) 88%, var(--background));flex-wrap:wrap;gap:.75rem 2rem;padding:.75rem .9rem;display:flex}.examples-stories-module__bzZ0uG__scoreStrip div{gap:.1rem;display:grid}.examples-stories-module__bzZ0uG__scoreStrip span{color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:650}.examples-stories-module__bzZ0uG__scoreStrip strong{color:var(--foreground);font-family:var(--font-numeral), sans-serif;font-size:1.5rem;line-height:1}.examples-stories-module__bzZ0uG__scoreStripLive strong{color:color-mix(in oklch, var(--accent) 82%, var(--foreground))}.examples-stories-module__bzZ0uG__patternList{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.examples-stories-module__bzZ0uG__patternRow{grid-template-columns:2.5rem minmax(3rem,1fr) auto auto;align-items:center;gap:.7rem;display:grid}.examples-stories-module__bzZ0uG__patternKey{color:var(--foreground);font-size:.8rem;font-weight:700}.examples-stories-module__bzZ0uG__patternBar,.examples-stories-module__bzZ0uG__patternBarFlagged{background:color-mix(in oklch, var(--foreground) 10%, transparent);border-radius:999px;block-size:.45rem;overflow:hidden}.examples-stories-module__bzZ0uG__patternBar>span,.examples-stories-module__bzZ0uG__patternBarFlagged>span{border-radius:999px;block-size:100%;display:block}.examples-stories-module__bzZ0uG__patternBar>span{background:color-mix(in oklch, var(--foreground) 42%, transparent)}.examples-stories-module__bzZ0uG__patternBarFlagged>span{background:var(--accent)}.examples-stories-module__bzZ0uG__patternScore{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:.78rem}.examples-stories-module__bzZ0uG__patternFlag,.examples-stories-module__bzZ0uG__patternClear{white-space:nowrap;align-items:center;gap:.3rem;font-size:.72rem;font-weight:650;display:inline-flex}.examples-stories-module__bzZ0uG__patternFlag{color:color-mix(in oklch, var(--accent) 82%, var(--foreground))}.examples-stories-module__bzZ0uG__patternClear{color:var(--muted-foreground)}.examples-stories-module__bzZ0uG__answerExcerpt{border:1px solid var(--ex-line);border-radius:calc(var(--radius) * 1.2);background:color-mix(in oklch, var(--card) 88%, var(--background));min-inline-size:0;color:var(--foreground);gap:.55rem;padding:.9rem 1rem;display:grid}.examples-stories-module__bzZ0uG__answerExcerpt h4{margin:0;font-size:1.05rem;font-weight:650;line-height:1.3}.examples-stories-module__bzZ0uG__answerExcerpt h5{margin:0;font-size:.88rem;font-weight:750}.examples-stories-module__bzZ0uG__answerExcerpt p{color:var(--muted-foreground);margin:0;font-size:.9rem;line-height:1.6}.examples-stories-module__bzZ0uG__answerExcerpt ul,.examples-stories-module__bzZ0uG__answerExcerpt ol{color:var(--muted-foreground);gap:.5rem;margin:0;padding-inline-start:1.15rem;font-size:.88rem;line-height:1.55;display:grid}.examples-stories-module__bzZ0uG__answerExcerpt strong{color:var(--foreground)}.examples-stories-module__bzZ0uG__queueList{gap:.5rem;min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}.examples-stories-module__bzZ0uG__queueItem{border:1px solid var(--ex-line);border-radius:calc(var(--radius) * 1.2);background:color-mix(in oklch, var(--card) 88%, var(--background));grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem;padding:.7rem .8rem;display:grid}.examples-stories-module__bzZ0uG__queueRank{background:color-mix(in oklch, var(--foreground) 8%, transparent);block-size:1.5rem;inline-size:1.5rem;color:var(--muted-foreground);border-radius:999px;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.examples-stories-module__bzZ0uG__queueBody{gap:.35rem;min-inline-size:0;display:grid}.examples-stories-module__bzZ0uG__queueRecoverable{color:var(--muted-foreground);margin:0;font-size:.78rem}.examples-stories-module__bzZ0uG__feedbackCard{border:1px solid var(--ex-line);border-radius:calc(var(--radius) * 1.2);background:color-mix(in oklch, var(--card) 88%, var(--background));gap:.7rem;min-inline-size:0;padding:.9rem 1rem;display:grid}.examples-stories-module__bzZ0uG__feedbackHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.examples-stories-module__bzZ0uG__feedbackKey{min-inline-size:0;color:var(--foreground);overflow-wrap:anywhere;font-size:.85rem;font-weight:700}.examples-stories-module__bzZ0uG__feedbackScore{color:var(--muted-foreground);align-items:center;gap:.45rem;font-size:.82rem;display:inline-flex}.examples-stories-module__bzZ0uG__feedbackRationale{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0;font-size:.85rem;line-height:1.6}.examples-stories-module__bzZ0uG__feedbackDirty{color:color-mix(in oklch, var(--accent) 82%, var(--foreground));margin:0;font-size:.78rem;font-weight:650}.examples-stories-module__bzZ0uG__heroPreview{border:1px solid var(--hero-line);border-radius:calc(var(--radius) * 2);background:color-mix(in oklch, var(--hero-bg-start) 58%, transparent);inline-size:100%;color:var(--hero-foreground);text-align:start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:.9rem;padding:clamp(1rem,2.5vw,1.35rem);display:grid;box-shadow:inset 0 1px #ffffff1f,0 24px 70px #0000002e;box-shadow:inset 0 1px lab(100% 0 0/.12),0 24px 70px lab(0% 0 0/.18)}.examples-stories-module__bzZ0uG__heroPreviewBar{border-block-end:1px solid var(--hero-line);justify-content:space-between;align-items:center;gap:.75rem;padding-block-end:.85rem;display:flex}.examples-stories-module__bzZ0uG__heroPreviewBar>div{gap:.1rem;min-inline-size:0;display:grid}.examples-stories-module__bzZ0uG__heroPreviewBar strong{color:var(--hero-foreground);font-size:.95rem;font-weight:650}.examples-stories-module__bzZ0uG__heroPreviewStatus{color:var(--hero-foreground);white-space:nowrap;background:#ffffff24;background:lab(100% 0 0/.14);border:1px solid #ffffff4d;border:1px solid lab(100% 0 0/.3);border-color:oklch(100% 5.96046e-8 none/.3) oklch(100% 5.96046e-8 none/.3) oklch(100% 5.96046e-8 none/.3) oklch(100% 5.96046e-8 none/.3);border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:650;display:inline-flex}.examples-stories-module__bzZ0uG__heroPreviewBar span{color:var(--hero-muted);font-size:.78rem}.examples-stories-module__bzZ0uG__heroPreviewBody{align-items:center;gap:1rem;display:grid}.examples-stories-module__bzZ0uG__heroPreviewScore{gap:.15rem;display:grid}.examples-stories-module__bzZ0uG__heroPreviewScore span{color:var(--hero-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:650}.examples-stories-module__bzZ0uG__heroPreviewScore strong{color:var(--hero-foreground);font-family:var(--font-numeral), sans-serif;font-size:clamp(2.4rem,7vw,3.1rem);line-height:1}.examples-stories-module__bzZ0uG__heroPreviewStats{gap:.55rem;margin:0;display:grid}.examples-stories-module__bzZ0uG__heroPreviewStats>div{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.examples-stories-module__bzZ0uG__heroPreviewStats dt{color:var(--hero-muted);font-size:.8rem}.examples-stories-module__bzZ0uG__heroPreviewStats dd{color:var(--hero-foreground);margin:0;font-size:.85rem;font-weight:650}.examples-stories-module__bzZ0uG__heroPreviewQuestions{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.examples-stories-module__bzZ0uG__heroPreviewChip,.examples-stories-module__bzZ0uG__heroPreviewChipFlagged{border:1px solid var(--hero-line);border-radius:999px;align-items:baseline;gap:.3rem;padding:.28rem .5rem;font-size:.72rem;display:inline-flex}.examples-stories-module__bzZ0uG__heroPreviewChip span,.examples-stories-module__bzZ0uG__heroPreviewChipFlagged span{color:var(--hero-muted);font-weight:700}.examples-stories-module__bzZ0uG__heroPreviewChip strong,.examples-stories-module__bzZ0uG__heroPreviewChipFlagged strong{color:var(--hero-foreground);font-variant-numeric:tabular-nums;font-weight:600}.examples-stories-module__bzZ0uG__heroPreviewChipFlagged{border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:color-mix(in oklch, var(--accent) 16%, transparent)}.examples-stories-module__bzZ0uG__heroPreviewCaption{color:var(--hero-copy);margin:0;font-size:.78rem;line-height:1.5}@media (min-width:960px){.examples-stories-module__bzZ0uG__storyGrid{column-gap:var(--ex-col-gap);grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.examples-stories-module__bzZ0uG__storyProductFirst .examples-stories-module__bzZ0uG__storyCopy{order:2}.examples-stories-module__bzZ0uG__storyProductFirst .examples-stories-module__bzZ0uG__storyProductFrame{order:1}.examples-stories-module__bzZ0uG__storyProductFirst .examples-stories-module__bzZ0uG__storyGrid{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}.examples-stories-module__bzZ0uG__heroPreviewBody{grid-template-columns:auto minmax(0,1fr);column-gap:2rem}}@media (max-width:959px){.examples-stories-module__bzZ0uG__storyProductFrame,.examples-stories-module__bzZ0uG__accordionPanel p{min-block-size:0}}@media (max-width:520px){.examples-stories-module__bzZ0uG__patternRow{grid-template-columns:2.25rem minmax(2rem,1fr) auto}.examples-stories-module__bzZ0uG__patternFlag,.examples-stories-module__bzZ0uG__patternClear{grid-column:1/-1;justify-content:flex-end}}