.fv-page-guide{--guide-text:#26232e;--guide-muted:#5f5b68;--guide-line:#dfdbe4;--guide-accent:#5a43c3;--guide-surface:#fff;--guide-tint:#eeebf8;color:var(--guide-text);width:min(100%,76rem);margin:clamp(3.5rem,7vw,6rem) auto;container-type:inline-size}.dark .fv-page-guide{--guide-text:#f3eff8;--guide-muted:#bcb3c7;--guide-line:#484052;--guide-accent:#c6b7ff;--guide-surface:#292432;--guide-tint:#352b47}.fv-page-guide :is(h2,h3){color:var(--guide-text);letter-spacing:-.035em;text-wrap:balance;font-weight:650;line-height:1.16}.fv-page-guide :is(p,figcaption){color:var(--guide-muted);line-height:1.65}.fv-guide-heading{background:var(--guide-tint);border-top:2px solid color-mix(in srgb, var(--guide-accent) 48%, transparent);border-radius:1.25rem;padding:clamp(1.65rem,5vw,3.5rem)}.fv-guide-heading h2{letter-spacing:-.055em;max-width:26ch;font-size:clamp(1.85rem,4.4cqi,3.5rem)}.fv-guide-heading p{max-width:64ch;margin-block-start:1rem;font-size:clamp(.95rem,1.7cqi,1.15rem)}.fv-guide-layout{grid-template-columns:minmax(0,1fr);gap:2rem;margin-block-start:clamp(1.25rem,3.5cqi,2.5rem);display:grid}.fv-guide-content{gap:clamp(2.75rem,6cqi,4.75rem);min-width:0;display:grid}.fv-guide-jump{align-self:start}.fv-guide-jump>p{margin-bottom:.6rem;font-size:.8125rem;font-weight:650}.fv-guide-jump ul{flex-wrap:wrap;gap:.45rem;display:flex}.fv-guide-jump a{border:1px solid var(--guide-line);color:var(--guide-text);background:var(--guide-surface);border-radius:.55rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.8125rem;font-weight:550;line-height:1.35;display:flex}.fv-guide-jump svg{width:.8rem;height:.8rem;color:var(--guide-accent);flex:none}.fv-guide-jump a:hover,.fv-page-guide-related a:hover{border-color:var(--guide-accent);color:var(--guide-accent)}.fv-page-guide :is(a,summary,button,[tabindex]):focus-visible{outline:2px solid var(--guide-accent);outline-offset:3px}@container (width>=54rem){.fv-guide-layout{grid-template-columns:minmax(0,1fr) 11rem;column-gap:clamp(2rem,5cqi,4rem)}.fv-guide-jump{border-inline-start:1px solid var(--guide-line);grid-area:1/2;padding-inline-start:.875rem;position:sticky;top:5rem}.fv-guide-jump>p{margin-inline:.65rem}.fv-guide-jump ul{display:grid}.fv-guide-jump a{background:0 0;border-color:#0000}.fv-guide-jump a:hover{background:var(--guide-tint);border-color:#0000}.fv-guide-content{grid-area:1/1}}.fv-guide-section,.fv-page-guide-related{border-top:1px solid var(--guide-line);gap:1.2rem;padding-block-start:1.5rem;scroll-margin-top:5rem;display:grid}.fv-guide-section>h2,.fv-page-guide-related h2{font-size:clamp(1.5rem,3.6cqi,2.45rem)}.fv-guide-section>p{max-width:65ch}.fv-guide-cases{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.625rem 1.75rem;display:grid}.fv-guide-cases article{border-top:2px solid color-mix(in srgb, var(--guide-accent) 40%, var(--guide-line));padding-block:1rem}.fv-guide-section h3{font-size:1.0625rem}.fv-guide-cases p{margin-block-start:.45rem;font-size:.9375rem}.fv-guide-illustrations{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.875rem 1rem;display:grid}.fv-guide-illustrations figure,.fv-page-guide-sample{border:1px solid var(--guide-line);background:var(--guide-surface);border-radius:.9rem;align-content:start;min-width:0;display:grid;overflow:hidden}.fv-guide-illustrations figure:only-child{max-width:36rem}.fv-guide-illustrations img{aspect-ratio:504/334;object-fit:cover;background:var(--guide-tint);width:100%;height:auto;display:block}.fv-page-guide figcaption{padding:.85rem 1rem;font-size:.875rem}.fv-page-guide-sample figcaption a{text-underline-offset:.18em;text-decoration:underline}.fv-guide-body{gap:1rem;display:grid}@container (width>=46rem){.fv-guide-body:has(>:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.fv-guide-section:has(>.fv-guide-illustrations>figure:only-child):has(>.fv-guide-body>.fv-page-guide-example:only-child){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.fv-guide-section>:is(h2,.fv-guide-table){grid-column:1/-1}}.fv-page-guide-example{background:var(--guide-tint);border-radius:.9rem;padding:clamp(1rem,2.8cqi,1.5rem)}.fv-page-guide-example p{white-space:pre-line;max-width:68ch;margin-block-start:.5rem}.fv-page-guide-sample :is(video,img,audio){width:100%;display:block}.fv-page-guide-sample :is(video,img){aspect-ratio:16/9;object-fit:contain;background:#18151f;max-height:26rem}.fv-page-guide-sample audio{width:calc(100% - 2rem);margin:1rem 1rem 0}.fv-guide-steps{counter-reset:guide-step;list-style:none}.fv-guide-steps li{border-bottom:1px solid var(--guide-line);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.875rem;padding-block:.875rem;line-height:1.6;display:grid}.fv-guide-steps li:before{counter-increment:guide-step;content:counter(guide-step);width:1.85rem;height:1.85rem;color:var(--guide-accent);background:var(--guide-tint);font-variant-numeric:tabular-nums;border-radius:.5rem;place-items:center;font-size:.8125rem;font-weight:650;display:grid}.fv-guide-settings{container-type:inline-size}.fv-guide-settings>h2{font-size:1.5rem;line-height:2rem}.fv-guide-specs{border-block:1px solid var(--guide-line);gap:1rem 1.5rem;padding-block:1rem;display:grid}@container (width>=36rem){.fv-guide-settings>h2{font-size:1.875rem;line-height:2.25rem}.fv-guide-specs{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}.fv-guide-specs :is(dt,dd){overflow-wrap:anywhere}.fv-guide-specs dt{color:var(--guide-muted);font-size:.875rem;line-height:1.25rem}.fv-guide-specs dd{text-wrap:pretty;margin:.25rem 0 0;font-size:1rem;font-weight:550;line-height:1.5rem}.fv-guide-table{min-width:0;container-type:inline-size}.fv-guide-settings .fv-guide-specs+.fv-guide-table{margin-block-start:.5rem}.fv-guide-table table{text-align:start;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem;line-height:1.25rem}.fv-guide-table caption{text-align:start;text-wrap:balance;padding-block-end:.75rem;font-size:1.125rem;font-weight:600;line-height:1.75rem}.fv-guide-table thead th,.fv-guide-cell-label{color:var(--guide-muted);font-weight:500}.fv-guide-table :is(th,td){border-block-end:1px solid var(--guide-line);text-align:start;vertical-align:top;overflow-wrap:anywhere;padding-block:.75rem}.fv-guide-table tr>:not(:last-child){padding-inline-end:1rem}.fv-guide-table tbody th{font-weight:600}.fv-guide-table td{color:var(--guide-muted)}.fv-guide-cell-label{display:none}.fv-page-guide .fv-guide-table-note{text-wrap:pretty;max-width:65ch;margin-block-start:.75rem;font-size:.875rem;line-height:1.25rem}@container (width<=38rem){.fv-guide-table table,.fv-guide-table caption,.fv-guide-table tbody{display:block}.fv-guide-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.fv-guide-table tbody tr{border-block-start:1px solid var(--guide-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;padding-block:.75rem;display:grid}.fv-guide-table tbody{border-block-end:1px solid var(--guide-line)}.fv-guide-table tbody tr>:is(th,td){color:var(--guide-text);border:0;padding:0}.fv-guide-table tbody th{grid-column:1/-1;font-size:1rem;line-height:1.5rem}.fv-guide-cell-label{margin-block-end:.25rem;font-size:.75rem;line-height:1rem;display:block}}.fv-guide-question-list details{border-bottom:1px solid var(--guide-line)}.fv-guide-question-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;font-weight:600;line-height:1.4;list-style:none;display:flex}.fv-guide-question-list summary::-webkit-details-marker{display:none}.fv-guide-question-list summary:hover,.fv-guide-question-list details[open] summary{color:var(--guide-accent)}.fv-guide-question-list summary span{border:1px solid var(--guide-line);width:2rem;height:2rem;color:var(--guide-accent);border-radius:50%;flex:none;place-items:center;display:grid}.fv-guide-question-list details[open] summary span{background:var(--guide-tint);border-color:#0000}.fv-guide-question-list details[open] svg{transform:rotate(180deg)}.fv-guide-question-list p{max-width:72ch;padding:0 2.5rem 1.1rem 0}.fv-page-guide-related ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.6rem;display:grid}.fv-page-guide-related a{min-height:100%;color:var(--guide-text);background:var(--guide-surface);border:1px solid var(--guide-line);border-radius:.65rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.9rem 1rem;font-size:.925rem;font-weight:600;display:flex}.fv-page-guide-related svg{color:var(--guide-accent);flex:none}.fv-guide-copy{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.875rem;display:flex}.fv-guide-copy button{border:1px solid var(--guide-line);background:var(--guide-surface);cursor:pointer;border-radius:.5rem;padding:.45rem .7rem}