.cfx-atlas,.cfx-guide,.cfx-wide{width:min(100% - 2*var(--cfx-gutter),var(--cfx-max));margin-inline:auto}.cfx-atlas{padding-block:clamp(56px,7vw,96px) 0;scroll-margin-top:72px}.cfx-atlas__head{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:14px clamp(24px,4vw,56px);align-items:end}.cfx-atlas__head h2{font-size:clamp(1.75rem,1.1rem + 1.9vw,2.625rem)}.cfx-atlas__head p{max-width:70ch;color:var(--cfx-ink-2)}.cfx-atlas__index{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;padding-top:16px;border-top:1px solid var(--cfx-line)}.cfx-atlas__index a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--cfx-line);border-radius:10px;background:var(--cfx-card);color:var(--cfx-ink);font-size:.9063rem;font-weight:620;text-decoration:none}.cfx-atlas__index a:hover{border-color:color-mix(in srgb,var(--key) 60%,var(--cfx-line))}.cfx-atlas__group{padding-top:clamp(40px,5vw,64px);scroll-margin-top:72px}.cfx-atlas__group-title{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-top:12px;border-top:2px solid var(--cfx-ink);font-size:1.25rem;font-weight:740}.cfx-atlas__group-title .cfx-key{width:12px;height:12px}.cfx-atlas__group-title .cfx-count{margin-left:2px;font-size:.8125rem}.cfx-atlas__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:24px;margin:0;padding:0;list-style:none}.cfx-family{position:relative;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid var(--cfx-line);border-radius:var(--cfx-r-lg);background:var(--cfx-card)}.cfx-family__plate{position:relative;display:grid;place-items:center;margin:0;padding:12px;aspect-ratio:4/3;border-top:3px solid var(--key);border-bottom:1px solid var(--cfx-line);background:repeating-linear-gradient(to right,var(--cfx-grid) 0 1px,transparent 1px 24px),repeating-linear-gradient(to bottom,var(--cfx-grid) 0 1px,transparent 1px 24px),var(--cfx-page)}.cfx-family__plate>a{position:absolute;inset:12px;display:block;border-radius:6px}.cfx-family__plate>a:hover{outline:1px solid var(--cfx-line-strong);outline-offset:2px}.cfx-family__plate img{width:100%;height:100%;object-fit:contain}.cfx-family__text{padding:14px 18px 4px}.cfx-family__text h4{font-size:1.0625rem;font-weight:720;font-stretch:108%}.cfx-family__text p{margin-top:4px;color:var(--cfx-ink-2);font-size:.9063rem;line-height:1.45}.cfx-family__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 12px 10px}.cfx-family__source>summary{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:var(--cfx-ink-2);font-size:.875rem;font-weight:620;list-style:none;cursor:pointer}.cfx-family__source>summary::-webkit-details-marker{display:none}.cfx-family__source>summary:hover{border-color:var(--cfx-line);color:var(--cfx-ink)}.cfx-family__source[open]>summary{border-color:var(--key);background:color-mix(in srgb,var(--key) 10%,var(--cfx-card));color:var(--cfx-ink)}.cfx-family__source .cfx-codeblock{position:absolute;top:0;left:0;right:0;z-index:2;aspect-ratio:4/3}.cfx-family__source .cfx-codeblock{border-width:0 0 1px;border-radius:0}.cfx-family__source .cfx-codeblock__bar{border-radius:0}.cfx-family__source .cfx-codeblock pre{font-size:.75rem}.cfx-family__edit{padding:8px 6px;color:var(--cfx-accent);font-size:.875rem;font-weight:620;text-decoration:none}.cfx-family__edit:hover{text-decoration:underline}.cfx-atlas__group--recognised .cfx-atlas__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.cfx-family--pending .cfx-family__plate{aspect-ratio:16/5}.cfx-family--pending{border-style:dashed;border-color:var(--cfx-line-strong);background:transparent}.cfx-family--pending .cfx-family__plate{border-top:0;border-bottom:1px dashed var(--cfx-line-strong);background:repeating-linear-gradient(-45deg,var(--cfx-grid-strong) 0 1px,transparent 1px 10px),transparent}.cfx-family--pending .cfx-family__plate code{padding:6px 10px;border:1px dashed var(--cfx-line-strong);border-radius:6px;background:var(--cfx-page);color:var(--cfx-ink-2);font-size:.875rem}.cfx-family__reason{padding-bottom:14px;color:var(--cfx-ink-3)!important;font-family:var(--cfx-mono);font-size:.75rem!important}.cfx-family__reason span{display:block;margin-bottom:2px;color:var(--cfx-focus);font-family:var(--cfx-font);font-size:.75rem;font-weight:680}.cfx-atlas__reference{max-width:80ch;margin-top:20px;color:var(--cfx-ink-3);font-size:.875rem}.cfx-guide{padding-block:clamp(64px,8vw,104px) 0}.cfx-guide__head{max-width:760px;margin-bottom:8px}.cfx-guide__head h2{font-size:clamp(1.75rem,1.1rem + 1.9vw,2.625rem)}.cfx-guide__head p{margin-top:12px;color:var(--cfx-ink-2)}.cfx-guide__head code{font-size:.9em}.cfx-steps{counter-reset:cfx-step}.cfx-steps__intro{margin-bottom:8px}.cfx-step{padding-block:28px;border-top:1px solid var(--cfx-line);counter-increment:cfx-step}.cfx-step:first-of-type{border-top:0}.cfx-step__body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(24px,4vw,56px);align-items:start;max-width:none}.cfx-step__body>*{grid-column:1}.cfx-steps .cfx-step__body>:is(pre,.cfx-codeblock,.cfx-figure){grid-column:2;grid-row:1/span 24;margin:0}.cfx-step__body:not(:has(>:is(pre,.cfx-codeblock,.cfx-figure))){grid-template-columns:minmax(0,72ch)}.cfx-steps .cfx-step__body>h2{margin-top:0;padding-top:0;border-top:0;font-size:1.375rem}.cfx-steps .cfx-step__body>h2::before{content:counter(cfx-step,decimal-leading-zero);position:static;display:block;width:auto;height:auto;margin-bottom:8px;background:none;color:var(--cfx-accent);font-family:var(--cfx-mono);font-size:.8125rem;font-weight:600;letter-spacing:0}.cfx-figure{margin:2em 0}.cfx-figure__plate{display:grid;place-items:center;padding:clamp(10px,2vw,20px);overflow:hidden;border:1px solid var(--cfx-line);border-radius:var(--cfx-r-lg);background:repeating-linear-gradient(to right,var(--cfx-grid) 0 1px,transparent 1px 32px),repeating-linear-gradient(to bottom,var(--cfx-grid) 0 1px,transparent 1px 32px),var(--cfx-card-alt)}.cfx-figure__plate img{display:block;width:100%;height:auto;border:0;border-radius:0;background:none}.cfx-figure__open{position:relative;width:100%;border-radius:6px;cursor:zoom-in}.cfx-figure__open::after{content:"Full size";position:absolute;right:8px;bottom:8px;padding:3px 9px;border:1px solid var(--cfx-line-strong);border-radius:6px;background:var(--cfx-card);color:var(--cfx-ink);font-size:.75rem;font-weight:640;opacity:0;transition:opacity .15s ease}.cfx-figure__open:is(:hover,:focus-visible)::after{opacity:1}.cfx-figure figcaption{display:flex;gap:10px;margin-top:10px;color:var(--cfx-ink-3);font-size:.875rem;line-height:1.45}.cfx-figure figcaption::before{content:"";flex:none;width:2px;margin-block:3px;background:var(--cfx-accent)}.cfx-figure--strip .cfx-figure__plate{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cfx-figure--strip .cfx-figure__plate img{border:1px solid var(--cfx-line);border-radius:6px}@media(max-width:900px){.cfx-atlas__head{grid-template-columns:minmax(0,1fr)}.cfx-step__body,.cfx-step__body:not(:has(>:is(pre,.cfx-codeblock,.cfx-figure))){grid-template-columns:minmax(0,1fr)}.cfx-steps .cfx-step__body>:is(pre,.cfx-codeblock,.cfx-figure){grid-column:1;grid-row:auto;margin-top:1.2em}}@media(max-width:560px){.cfx-figure--strip .cfx-figure__plate{grid-template-columns:minmax(0,1fr)}.cfx-atlas__index a{min-height:36px;padding:0 10px;font-size:.8438rem}}.cfx-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0}.cfx-tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px;border:1px solid var(--cfx-line);border-radius:7px;background:var(--cfx-card);color:var(--cfx-ink-2);font-size:.8125rem;font-weight:600}.cfx-tag .cfx-key{width:8px;height:8px}.cfx-tag--link{color:var(--cfx-accent);text-decoration:none}.cfx-tag--link:hover{border-color:var(--cfx-accent)}.cfx-masthead__tags{margin-top:18px}.cfx-exmosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.cfx-exmosaic a{display:block;text-decoration:none;box-shadow:0 24px 50px -30px rgba(0,0,0,.9)}.cfx-exmosaic a:hover{border-color:rgba(255,255,255,.3)}.cfx-exmosaic__bar{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#0c0f13;color:#8d96a2;font-family:var(--cfx-mono);font-size:.6875rem}.cfx-exmosaic__bar::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--cfx-glow)}.cfx-exmosaic img{aspect-ratio:16/10;padding:6px;object-fit:contain}.cfx-examples{padding-top:clamp(48px,6vw,80px)}.cfx-exgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}.cfx-excard__link{display:grid;height:100%;overflow:hidden;border:1px solid var(--cfx-line);border-radius:var(--cfx-r-lg);background:var(--cfx-card);color:inherit;text-decoration:none}.cfx-excard__link:hover{border-color:var(--cfx-ink-3)}.cfx-excard__link:hover .cfx-excard__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.cfx-excard__plate{display:block;position:relative;aspect-ratio:16/9;border-top:3px solid var(--key);border-bottom:1px solid var(--cfx-line);background:repeating-linear-gradient(to right,var(--cfx-grid) 0 1px,transparent 1px 32px),repeating-linear-gradient(to bottom,var(--cfx-grid) 0 1px,transparent 1px 32px),var(--cfx-page)}.cfx-excard__plate img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain}.cfx-excard__body{display:grid;gap:8px;padding:18px 22px 22px}.cfx-excard__title{color:var(--cfx-ink);font-size:clamp(1.25rem,1.05rem + .5vw,1.5rem);font-weight:760;font-stretch:112%;letter-spacing:-.015em;line-height:1.15}.cfx-excard__outcome{color:var(--cfx-ink-2)}.cfx-excard__formats{margin-top:4px;padding-top:10px;border-top:1px solid var(--cfx-line);color:var(--cfx-ink-3);font-family:var(--cfx-mono);font-size:.75rem;font-variant-numeric:tabular-nums}.cfx-examples__more{margin-top:32px;color:var(--cfx-ink-2)}.cfx-showcase{padding-top:clamp(32px,4vw,48px)}.cfx-showcase__frame{margin:0}.cfx-showcase__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 12px 10px 16px;border:1px solid var(--cfx-line);border-bottom:0;border-radius:var(--cfx-r-lg) var(--cfx-r-lg) 0 0;background:var(--cfx-card-alt)}.cfx-showcase__name{flex:1;color:var(--cfx-ink-2);font-family:var(--cfx-mono);font-size:.8125rem}.cfx-showcase__name::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:2px;background:var(--cfx-accent)}.cfx-showcase__links{display:flex;flex-wrap:wrap;gap:6px}.cfx-showcase__links a{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid var(--cfx-line);border-radius:8px;background:var(--cfx-card);color:var(--cfx-ink);font-size:.875rem;font-weight:620;text-decoration:none}.cfx-showcase__links a:hover{border-color:var(--cfx-ink-3)}.cfx-showcase__plate{display:grid;place-items:center;padding:clamp(12px,3vw,40px);border:1px solid var(--cfx-line);border-radius:0 0 var(--cfx-r-lg) var(--cfx-r-lg);background:repeating-linear-gradient(to right,var(--cfx-grid) 0 1px,transparent 1px 32px),repeating-linear-gradient(to bottom,var(--cfx-grid) 0 1px,transparent 1px 32px),var(--cfx-page)}.cfx-showcase__plate img{display:block;width:100%;max-width:1180px;height:auto}.cfx-showcase__iframe{display:block;width:100%;height:min(680px,80vh);border:1px solid var(--cfx-line);border-radius:0 0 var(--cfx-r-lg) var(--cfx-r-lg);background:var(--cfx-card)}.cfx-showcase figcaption{margin-top:10px;color:var(--cfx-ink-3);font-size:.875rem}.cfx-example-steps{padding-top:clamp(40px,5vw,64px)}.cfx-example-steps .cfx-steps__intro{max-width:72ch;padding-bottom:12px;font-size:var(--cfx-t-lede)}.cfx-next{padding-top:clamp(48px,6vw,80px)}.cfx-next h2{padding-top:12px;border-top:2px solid var(--cfx-ink);font-size:1.25rem}.cfx-next__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 0;padding:0;list-style:none}.cfx-next__card{display:grid;align-content:start;gap:6px;height:100%;padding:10px 10px 14px;border:1px solid var(--cfx-line);border-radius:var(--cfx-r);background:var(--cfx-card);color:inherit;text-decoration:none}.cfx-next__card:hover{border-color:var(--cfx-ink-3)}.cfx-next__thumb{display:block;margin-bottom:6px;aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:var(--cfx-page)}.cfx-next__thumb img{width:100%;height:100%;object-fit:contain}.cfx-next__title{display:flex;align-items:center;gap:8px;color:var(--cfx-ink);font-weight:680}.cfx-next__outcome{color:var(--cfx-ink-2);font-size:.875rem;line-height:1.45}.cfx-next__card--plain{align-content:end;background:var(--cfx-card-alt)}@media(max-width:900px){.cfx-exgrid{grid-template-columns:minmax(0,1fr)}.cfx-next__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.cfx-next__grid{grid-template-columns:minmax(0,1fr)}}.cfx-docmap{padding-top:clamp(56px,7vw,88px)}.cfx-docmap__head{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:12px clamp(24px,4vw,56px);align-items:end;margin-bottom:24px}.cfx-docmap__head h2{font-size:clamp(1.75rem,1.1rem + 1.9vw,2.625rem)}.cfx-docmap__head p{color:var(--cfx-ink-2)}.cfx-docmap__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}.cfx-docmap__card{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;border:1px solid var(--cfx-line);border-radius:var(--cfx-r-lg);background:var(--cfx-card);color:inherit;text-decoration:none}.cfx-docmap__card:hover{border-color:var(--cfx-ink-3)}.cfx-docmap__card:hover .cfx-docmap__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.cfx-docmap__plate{display:grid;gap:8px;aspect-ratio:16/10;padding:12px;border-top:3px solid var(--key);border-bottom:1px solid var(--cfx-line);background:repeating-linear-gradient(to right,var(--cfx-grid) 0 1px,transparent 1px 24px),repeating-linear-gradient(to bottom,var(--cfx-grid) 0 1px,transparent 1px 24px),var(--cfx-page)}.cfx-docmap__plate--2{grid-template-columns:repeat(2,minmax(0,1fr))}.cfx-docmap__plate--4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.cfx-docmap__cell{position:relative;min-height:0}.cfx-docmap__cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cfx-docmap__body{display:grid;align-content:start;gap:6px;padding:16px 18px 20px}.cfx-docmap__num{color:var(--cfx-ink-3);font-family:var(--cfx-mono);font-size:.75rem;font-variant-numeric:tabular-nums}.cfx-docmap__title{display:flex;align-items:center;gap:9px;color:var(--cfx-ink);font-size:1.1875rem;font-weight:740;font-stretch:108%}.cfx-docmap__title .cfx-key{width:10px;height:10px}.cfx-docmap__summary{color:var(--cfx-ink-2);font-size:.9375rem;line-height:1.5}.cfx-docmap__more{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:start;padding-top:clamp(48px,6vw,72px)}.cfx-docmap__refs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.cfx-docmap__refs a{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;height:100%;padding:8px;border:1px solid var(--cfx-line);border-radius:var(--cfx-r);background:var(--cfx-card);color:inherit;text-decoration:none}.cfx-docmap__refs a:hover{border-color:var(--cfx-ink-3)}.cfx-docmap__refthumb{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:var(--cfx-page)}.cfx-docmap__refthumb img{width:100%;height:100%;object-fit:contain}.cfx-docmap__refs strong{display:block;color:var(--cfx-ink);font-weight:680}.cfx-docmap__refs a span span{color:var(--cfx-ink-2);font-size:.8125rem}.cfx-prose table.cfx-surface-table td{vertical-align:middle}.cfx-prose td.cfx-surface-cell{width:184px;padding-right:4px}.cfx-surface-cell__plate{display:block;position:relative;width:172px;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--cfx-line);border-radius:7px;background:var(--cfx-page)}.cfx-surface-cell__plate img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);border:0;border-radius:0;background:none;object-fit:contain}.cfx-figure--frame .cfx-figure__plate{padding:0}.cfx-figure--frame iframe{display:block;width:100%;height:520px;border:0;background:var(--cfx-card)}@media(max-width:1000px){.cfx-docmap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cfx-docmap__more,.cfx-docmap__head{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.cfx-docmap__grid,.cfx-docmap__refs{grid-template-columns:minmax(0,1fr)}.cfx-prose td.cfx-surface-cell{width:96px}.cfx-surface-cell__plate{width:88px}}