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