.preview-page{flex:1 0 auto;width:min(var(--grid-container),100%);margin-inline:auto;box-sizing:border-box;padding-block:var(--space-6);font-family:var(--wp-font-latin)}.preview-page table,.preview-page th,.preview-page td,.preview-page input,.preview-page select,.preview-page textarea{font-family:inherit}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header-text{flex:1}.page-title{margin:0 0 var(--space-1);font-family:inherit;font-size:var(--wp-text-xl);font-weight:var(--wp-bold);line-height:32px;letter-spacing:-.02em;color:var(--wp-txt-primary)}.page-meta{margin:var(--space-2) 0 var(--space-6);font-size:var(--wp-text-sm);line-height:22px;color:var(--wp-txt-secondary)}.page-header-text .page-meta{margin-bottom:0}.section{background:var(--wp-bg-surface);border:1px solid var(--wp-line-inactive);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.section-title{margin:0 0 var(--space-4);font-family:inherit;font-size:var(--wp-text-xs);font-weight:var(--wp-semi-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--wp-txt-primary)}.section-note{margin:var(--space-4) 0 0;font-size:var(--wp-text-sm);line-height:1.6;color:var(--wp-txt-secondary)}.example-list{display:flex;flex-direction:column;gap:var(--space-5)}.example-item{display:flex;flex-direction:column;gap:var(--space-2)}.example-item__label{font-family:inherit;font-size:var(--wp-text-xs);font-weight:var(--wp-semi-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--wp-txt-primary)}.example-item__desc{margin:0 0 var(--space-1);font-size:var(--wp-text-sm);line-height:1.6;color:var(--wp-txt-secondary)}.example-item__demo{width:100vw;max-width:1440px;--grid-container: 1136px;--grid-columns: 12;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box;padding-bottom:calc(var(--space-8) + 16px);overflow:hidden;background-color:var(--wp-bg-secondary);background-image:radial-gradient(var(--wp-line-inactive) 1px,transparent 1px);background-size:16px 16px;border:1px solid var(--wp-line-inactive);border-radius:var(--radius-md)}.example-item__demo--boxed{padding:var(--space-6)}.example-item__demo--flush{padding-bottom:0}.example-item__demo--pad{width:auto;max-width:none;left:0;transform:none;margin-inline:calc(-2 * var(--space-6));padding:var(--space-6)}.example-item__demo--inset.example-item__demo--inset{margin-inline:calc(-1 * var(--space-6));border-inline:0;border-radius:0}.frame{position:relative;margin-inline:auto;max-width:100%;background:var(--wp-bg-secondary)}.frame--1024{width:1024px;--grid-container: 944px;--grid-columns: 12}.frame--736{width:736px;--grid-container: 704px;--grid-columns: 8}.frame--393{width:393px;--grid-container: calc(100% - 2 * var(--grid-mobile-margin));--grid-columns: 4}.frame--scroll{width:100%;height:320px;overflow-y:auto;--grid-container: 1136px;--grid-columns: 12}.frame__scroll-body{width:min(var(--grid-container),100%);margin-inline:auto;box-sizing:border-box;padding-block:var(--space-6);font-size:var(--wp-text-sm);line-height:20px;color:var(--wp-txt-secondary)}.frame__filler{height:420px;margin-top:var(--space-4);border-radius:var(--radius-lg);background:var(--wp-bg-tertiary)}.frame__label{position:sticky;top:0;z-index:20;display:block;padding:2px var(--space-2);background:var(--wp-bg-inverse);color:var(--wp-txt-inverse);font-size:var(--wp-text-xs);line-height:16px;font-weight:var(--wp-semi-bold)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.spec{width:100%;min-width:640px;border-collapse:collapse;table-layout:fixed}.spec--4col th:nth-child(1){width:20%}.spec--4col th:nth-child(2){width:37%}.spec--4col th:nth-child(3){width:33%}.spec--4col th:nth-child(4){width:10%}.spec thead th{text-align:left;padding:var(--space-2) var(--space-4);color:var(--wp-txt-secondary);font-size:var(--wp-text-xs);line-height:20px;font-weight:var(--wp-regular);background:var(--wp-bg-secondary);border-bottom:1px solid var(--wp-line-inactive);white-space:nowrap}.spec tbody td{padding:var(--space-3) var(--space-4);color:var(--wp-txt-primary);font-size:var(--wp-text-sm);line-height:22px;vertical-align:top}.spec tbody tr>td{border-top:1px solid var(--wp-line-inactive)}.spec tbody tr:first-child>td{border-top:0}.spec tbody td:first-child{font-size:var(--wp-text-title-small-size);line-height:var(--wp-text-title-small-lh);font-weight:var(--wp-semi-bold)}.spec tbody td:not(:last-child),.spec thead th:not(:last-child){border-right:1px solid var(--wp-line-inactive)}.spec tbody td:first-child,.spec thead th:first-child{padding-left:var(--space-6)}.spec tbody td:last-child,.spec thead th:last-child{padding-right:var(--space-6)}.spec--action-last thead th:last-child,.spec--action-last tbody td:last-child{text-align:right}.spec a{color:var(--wp-txt-primary);text-decoration:underline;text-underline-offset:2px}.spec a:hover{color:var(--wp-txt-active-secondary)}.spec code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--wp-text-xs)}.cell-muted{color:var(--wp-txt-secondary)}.table-card{background:var(--wp-bg-surface);border:1px solid var(--wp-line-inactive);border-radius:var(--radius-xl);overflow:hidden;overflow-x:auto}.table-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--wp-line-inactive)}.table-card__title{margin:0;padding:0;font-size:var(--wp-text-lg);line-height:28px;font-weight:var(--wp-bold);color:var(--wp-txt-primary)}.table-card__count{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--wp-bg-tertiary);color:var(--wp-txt-secondary);font-size:var(--wp-text-xs);line-height:18px;font-weight:var(--wp-semi-bold)}.spec tbody td:last-child>button{display:inline-flex}.wp-sg-item>span:has(>svg){display:flex;align-items:center;justify-content:center}.section-table{border:1px solid var(--wp-line-inactive);border-radius:var(--radius-md);overflow:hidden;overflow-x:auto}