.oni-band.feat-hero{z-index:2;padding-block:0}.feat-hero__screen{box-sizing:border-box;min-height:calc(100svh - var(--oni-head-h));padding-bottom:var(--oni-space-3);grid-template-rows:auto minmax(0,1fr);display:grid}.feat-hero__copy{justify-items:center;gap:var(--oni-lockup-gap);padding-block:var(--oni-space-5);text-align:center;display:grid}.feat-crumbs{color:var(--oni-ink-soft);font-size:var(--oni-text-small)}.feat-hero__lead{text-wrap:balance;max-width:38em}.feat-hero__caption{text-align:center;margin-block:0}.feat-hero--window .feat-hero__screen{min-height:0}@media (max-width:959.98px){.feat-hero__screen{min-height:0}.oni-band.feat-hero .dprint__frame{height:100cqw}}@media (min-width:960px){.feat-hero__screen{padding-bottom:var(--oni-space-5)}.feat-hero__copy{padding-top:var(--oni-space-7);padding-bottom:var(--oni-space-6)}}.feat-body{gap:var(--oni-lockup-after);display:grid}.feat-panel{grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}@media (min-width:960px){.feat-panel--3{--oni-panel-span:4;grid-template-columns:repeat(2, var(--oni-panel-track)) minmax(0, 1fr)}.feat-panel--2{--oni-panel-span:6;grid-template-columns:var(--oni-panel-track) minmax(0, 1fr)}}.feat-cell{gap:var(--oni-space-5);grid-template-rows:auto 1fr;display:grid}.feat-cell__piece{min-height:var(--oni-space-9);align-items:flex-end;display:flex}@media (max-width:959.98px){.feat-cell__piece{min-height:0}}.feat-cell__piece>:not(.feat-keys){width:100%}.feat-cell__text{color:var(--oni-ink-soft);margin:0}.feat-cell__text kbd{font-family:inherit;font-size:inherit}.feat-keys{gap:var(--oni-space-2);display:flex}.feat-chrome{-webkit-user-select:none;user-select:none}.feat-figure,.feat-pair__side{margin:0}.feat-figure__frame{box-sizing:border-box;border:1px solid var(--oni-rule);border-radius:var(--oni-radius-panel);padding:var(--oni-cell-pad);overflow:clip}.feat-figure__frame--flush{padding:0}.feat-figure__frame--flush img{width:100%;height:auto;display:block}.feat-caption{max-width:var(--oni-lockup-max);margin:var(--oni-caption-gap) 0 0}.feat-pair{gap:var(--oni-lockup-after) var(--oni-col-gap);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:960px){.feat-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.feat-pair__frame{aspect-ratio:var(--feat-pair-ratio,3 / 2);padding:0}.feat-pair__frame img{object-fit:cover;width:100%;height:100%;display:block}.feat-chart svg{width:100%;height:auto;color:var(--oni-ink-soft);font-family:var(--oni-font-text);font-variant-numeric:tabular-nums;background:0 0;font-size:13px;display:block;overflow:visible}.feat-chart__narrow{display:none}@media (max-width:959.98px){.feat-chart__wide{display:none}.feat-chart__narrow{display:block}.feat-chart svg{font-size:12px}}.c-di-rail path,.c-di-rail line{stroke:var(--oni-rule-strong);stroke-width:1.5px}.c-di-link path,.c-di-link line{stroke:var(--oni-rule);stroke-width:1px}.c-di-dot circle{fill:var(--oni-ink);stroke:var(--oni-paper);stroke-width:1.5px}.c-di-label text{fill:var(--oni-ink);font-weight:var(--oni-weight-medium)}.c-di-end text{fill:var(--oni-ink-faint)}.c-di-note text{fill:var(--oni-ink-soft)}.feat-prose{gap:var(--oni-space-6) var(--oni-col-gap);display:grid}.feat-prose__item{gap:var(--oni-space-2);align-content:start;max-width:38rem;scroll-margin-top:5rem;display:grid}.feat-prose__item>.oni-text+.oni-text{margin-top:var(--oni-space-1)}.feat-prose__title{margin:0}@media (min-width:960px){.feat-prose{grid-template-columns:repeat(2,minmax(0,1fr))}.feat-prose--single{grid-template-columns:minmax(0,1fr)}}.feat-rows .feat-more__body>.oni-text,.feat-more__figure{max-width:38rem}.feat-more__summary{justify-content:space-between;align-items:center;gap:var(--oni-space-4);min-height:var(--oni-row-h);padding-block:var(--oni-space-3);box-sizing:border-box;cursor:pointer;list-style:none;display:flex}.feat-more__summary::-webkit-details-marker{display:none}.feat-more__summary:focus-visible{outline:var(--oni-focus-width) solid var(--oni-focus);outline-offset:var(--oni-focus-offset);border-radius:var(--oni-focus-radius)}.feat-more__title{margin:0}.feat-more__chevron{width:14px;height:14px;color:var(--oni-ink-soft);flex:none}.feat-more[open]>.feat-more__summary .feat-more__chevron{transform:rotate(180deg)}.oni-motion .feat-more__chevron{transition:transform var(--oni-duration-state) var(--oni-ease-standard)}.feat-more__body{gap:var(--oni-space-4);padding-bottom:var(--oni-space-6);display:grid}.feat-table{border-collapse:collapse;max-width:100%;font-size:var(--oni-text-small);line-height:var(--oni-leading-small);font-variant-numeric:tabular-nums;display:block;overflow-x:auto}.feat-table th,.feat-table td{padding:var(--oni-space-2) var(--oni-space-4) var(--oni-space-2) 0;border-bottom:1px solid var(--oni-rule);text-align:start;vertical-align:top;font-weight:var(--oni-weight-regular)}.feat-table thead th{color:var(--oni-ink-soft);font-weight:var(--oni-weight-medium)}.feat-table tbody th{color:var(--oni-ink)}.feat-next__list{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}@media (max-width:599.98px){.feat-next__list--long{grid-template-columns:minmax(0,1fr)}}@media (min-width:960px){.feat-next__list{--oni-panel-span:3;grid-template-columns:repeat(3, var(--oni-panel-track)) minmax(0, 1fr)}}.feat-next__list>.oni-panel__cell{padding:0}.feat-next__link{align-content:start;gap:var(--oni-space-1);box-sizing:border-box;height:100%;padding:var(--oni-cell-pad);color:var(--oni-ink);text-decoration:none;display:grid}.feat-next__link .oni-heading{font-size:var(--oni-text-lead)}.feat-next__link:hover{background:var(--oni-paper-alt)}.feat-next__link:focus-visible{outline:var(--oni-focus-width) solid var(--oni-focus);outline-offset:calc(-1 * var(--oni-focus-width))}.oni-motion .feat-next__link{transition:background-color var(--oni-duration-state) var(--oni-ease-standard)}.feat-window-note{margin:var(--oni-space-2) 0 0;color:#ffffff8c;font-size:11px;line-height:1.4}.feat-list{gap:var(--oni-space-2);max-width:38rem;margin:0;padding-left:1.1em;display:grid}.feat-list>li{margin:0}.feat-list__link{color:inherit;text-underline-offset:3px;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px}:is(.feat-list__link:hover,.feat-list__link:focus-visible){text-decoration-color:currentColor}.feat-list__link:focus-visible{outline:var(--oni-focus-width) solid var(--oni-focus);outline-offset:var(--oni-focus-offset);border-radius:var(--oni-focus-radius)}