:root{--cpi-color-cpi-dark-blue:#0b0544;--cpi-color-cpi-blue:#206fe5;--cpi-color-cpi-bright-blue:#a2c6ff;--cpi-color-cpi-dark-green:#006e39;--cpi-color-cpi-green:#00cf6b;--cpi-color-cpi-bright-green:#5fe894;--cpi-color-cpi-dark-teal:#007478;--cpi-color-cpi-teal:#00d1d8;--cpi-color-cpi-bright-teal:#6ceaea;--cpi-color-cpi-orange:#d47b00;--cpi-color-cpi-yellow:#ffcc3e;--cpi-color-cpi-bright-yellow:#fffb6e;--cpi-color-cpi-dark-gray:#6b6b6b;--cpi-color-cpi-gray:#c2c2c2;--cpi-color-cpi-bright-gray:#ececec;--cpi-color-cpi-black:#000;--cpi-color-cpi-white:#fff;--cpi-color-brand-50:#eef2f9;--cpi-color-brand-100:#dde6f3;--cpi-color-brand-200:#bccce7;--cpi-color-brand-300:#92abd4;--cpi-color-brand-400:#6486bc;--cpi-color-brand-500:#4568a3;--cpi-color-brand-600:#325390;--cpi-color-brand-700:#2a4478;--cpi-color-brand-800:#24395f;--cpi-color-brand-900:#1e2f4c;--cpi-color-ink-900:#090f26;--cpi-color-ink-950:#05091a;--cpi-color-neutral-50:#f6f7f9;--cpi-color-neutral-100:#edf0f4;--cpi-color-neutral-200:#dce1e8;--cpi-color-neutral-300:#c4ccd8;--cpi-color-neutral-500:#69758a;--cpi-color-neutral-600:#526078;--cpi-color-neutral-800:#263349;--cpi-color-white:#fff;--cpi-color-signal:#a2c6ff;--cpi-color-text-default:#0b0544;--cpi-color-text-muted:#526078;--cpi-color-text-inverse:#fff;--cpi-color-surface-default:#fff;--cpi-color-surface-subtle:#f6f7f9;--cpi-color-surface-selected:#eef2f9;--cpi-color-border-default:#dce1e8;--cpi-color-border-control:#69758a;--cpi-color-action-default:#1b5fc4;--cpi-color-action-hover:#0b0544;--cpi-color-action-text:#fff;--cpi-color-focus:#176bb7;--cpi-color-success-text:#16634c;--cpi-color-success-surface:#e8f5ee;--cpi-color-warning-text:#855308;--cpi-color-warning-surface:#fff3d9;--cpi-color-danger-text:#a52b37;--cpi-color-danger-surface:#fff0f1;--cpi-color-info-text:#285589;--cpi-color-info-surface:#eaf2fc;--cpi-space-1:4px;--cpi-space-2:8px;--cpi-space-3:12px;--cpi-space-4:16px;--cpi-space-5:20px;--cpi-space-6:24px;--cpi-space-8:32px;--cpi-space-10:40px;--cpi-space-12:48px;--cpi-space-16:64px;--cpi-space-20:80px;--cpi-space-24:96px;--cpi-radius-control:8px;--cpi-radius-panel:12px;--cpi-radius-feature:20px;--cpi-radius-pill:999px;--cpi-font-family-sans:Lato, Arial, ui-sans-serif, sans-serif;--cpi-font-family-mono:"JetBrains Mono", ui-monospace, monospace;--cpi-font-size-micro:11px;--cpi-font-size-caption:12px;--cpi-font-size-label:14px;--cpi-font-size-body:16px;--cpi-font-size-section:clamp(20px, 19.217px + .217vw, 22px);--cpi-font-size-title:clamp(26px, 23.652px + .652vw, 32px);--cpi-font-size-display:clamp(36px, 28.174px + 2.174vw, 56px);--cpi-font-line-height-micro:1.45;--cpi-font-line-height-caption:1.4;--cpi-font-line-height-label:1.5;--cpi-font-line-height-body:1.5;--cpi-font-line-height-section:1.3;--cpi-font-line-height-title:1.15;--cpi-font-line-height-display:1.02;--cpi-font-letter-spacing-micro:.01em;--cpi-font-letter-spacing-caption:0em;--cpi-font-letter-spacing-label:0em;--cpi-font-letter-spacing-body:0em;--cpi-font-letter-spacing-section:-.01em;--cpi-font-letter-spacing-title:-.02em;--cpi-font-letter-spacing-display:-.035em;--cpi-control-height:44px;--cpi-control-height-compact:36px;--cpi-motion-fast:.14s;--cpi-motion-normal:.2s;--cpi-gradient-aurora:linear-gradient(125deg, #f8fbff 0%, #dde8f5 55%, #a9d7ee 100%);--cpi-gradient-depth:linear-gradient(135deg, #0b0544 0%, #24395f 65%, #206fe5 100%);--cpi-gradient-material:linear-gradient(145deg, #7cc8ee 0%, #206fe5 50%, #0b0544 100%);--cpi-viewport-min:360px;--cpi-viewport-max:1280px}[data-cpi-brand=cpi]{--cpi-color-surface-selected:#eef2f9;--cpi-color-action-default:#1b5fc4;--cpi-color-action-hover:#0b0544}[data-cpi-brand=evergreen]{--cpi-color-action-default:#24634f;--cpi-color-action-hover:#194c3c;--cpi-color-surface-selected:#edf5ef}[data-cpi-brand=plum]{--cpi-color-action-default:#6d255d;--cpi-color-action-hover:#511947;--cpi-color-surface-selected:#f7eff5}@font-face{font-family:Lato;src:url(./lato-regular-latin-DXRmO6t1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(./lato-bold-latin-D0hIvJyG.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(./lato-black-latin-VL-2tOya.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(./jetbrains-mono-latin-Db4Uuiha.woff2)format("woff2");font-weight:400 500;font-style:normal;font-display:swap}.cpi-scope{color:var(--cpi-color-text-default);font-family:var(--cpi-font-family-sans);font-size:var(--cpi-font-size-body);line-height:1.5}.cpi-scope *,.cpi-scope :before,.cpi-scope :after{box-sizing:border-box}.cpi-scope :where(button,input,textarea,select){font:inherit}.cpi-scope :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--cpi-color-focus);outline-offset:3px}.cpi-button{min-height:var(--cpi-density-control-height,var(--cpi-control-height));border-radius:var(--cpi-radius-control);padding:var(--cpi-density-button-padding,10px) 18px;background:var(--cpi-color-action-default);color:var(--cpi-color-action-text);font:600 14px/1.4 var(--cpi-font-family-sans);cursor:pointer;transition:background var(--cpi-motion-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.cpi-button:hover{background:var(--cpi-color-action-hover)}.cpi-button:focus-visible,.cpi-input:focus-visible,.cpi-select:focus-visible,.cpi-checkbox:focus-visible,.cpi-switch:focus-visible{outline:3px solid var(--cpi-color-focus);outline-offset:3px}.cpi-button[data-variant=secondary]{color:var(--cpi-color-text-default);background:var(--cpi-color-surface-default);border-color:var(--cpi-color-border-control)}.cpi-button[data-variant=secondary]:hover{background:var(--cpi-color-surface-subtle)}.cpi-button[data-variant=quiet]{color:var(--cpi-color-action-default);background:0 0}.cpi-button[data-variant=quiet]:hover{background:var(--cpi-color-surface-selected)}.cpi-button[data-variant=danger]{background:var(--cpi-color-danger-text);color:#fff}.cpi-button[data-variant=danger]:hover{background:#84222c}.cpi-button:disabled{cursor:not-allowed;opacity:.55}.cpi-button[aria-busy=true]{cursor:progress}.cpi-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite cpi-spin}@keyframes cpi-spin{to{transform:rotate(360deg)}}.cpi-field{align-content:start;gap:8px;min-width:0;display:grid}.cpi-label{color:var(--cpi-color-text-default);font:600 14px/1.5 var(--cpi-font-family-sans)}.cpi-input,.cpi-select{width:100%;min-width:0;min-height:var(--cpi-control-height);background:var(--cpi-color-surface-default);color:var(--cpi-color-text-default);border:1px solid var(--cpi-color-border-control);border-radius:var(--cpi-radius-control);font:400 16px/1.5 var(--cpi-font-family-sans);padding:10px 12px;display:block}.cpi-input::placeholder{color:var(--cpi-color-text-muted);opacity:1}.cpi-input:disabled,.cpi-select:disabled{background-color:var(--cpi-color-surface-subtle);cursor:not-allowed}.cpi-input[readonly]{background:var(--cpi-color-surface-subtle)}.cpi-input[aria-invalid=true],.cpi-select[aria-invalid=true]{border-color:var(--cpi-color-danger-text)}.cpi-select:where(:not([multiple]):is(:not([size]),[size="0"],[size="1"])){appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 7.5 5 5 5-5' stroke='%23526078' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px 20px;padding-inline-end:44px}.cpi-select:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){background-position:12px}.cpi-hint,.cpi-error{font:400 13px/1.5 var(--cpi-font-family-sans);margin:0}.cpi-hint{color:var(--cpi-color-text-muted)}.cpi-error{color:var(--cpi-color-danger-text)}.cpi-choice{min-height:44px;color:var(--cpi-color-text-default);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:inline-flex}.cpi-checkbox{width:18px;height:18px;accent-color:var(--cpi-color-action-default);flex-shrink:0;margin:0}.cpi-switch{appearance:none;border:1px solid var(--cpi-color-border-control);background:var(--cpi-color-neutral-200);cursor:pointer;border-radius:20px;flex-shrink:0;width:42px;height:24px;margin:0;position:relative}.cpi-switch:after{content:"";border:1px solid var(--cpi-color-border-control);width:16px;height:16px;transition:transform var(--cpi-motion-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.cpi-switch:checked{background:var(--cpi-color-action-default);border-color:var(--cpi-color-action-default)}.cpi-switch:checked:after{border-color:#fff;transform:translate(18px)}.cpi-badge{width:fit-content;font:500 12px/1.4 var(--cpi-font-family-sans);background:var(--cpi-color-surface-subtle);color:var(--cpi-color-text-muted);white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.cpi-badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.cpi-badge[data-tone=success]{background:var(--cpi-color-success-surface);color:var(--cpi-color-success-text)}.cpi-badge[data-tone=warning]{background:var(--cpi-color-warning-surface);color:var(--cpi-color-warning-text)}.cpi-badge[data-tone=danger]{background:var(--cpi-color-danger-surface);color:var(--cpi-color-danger-text)}.cpi-badge[data-tone=info]{background:var(--cpi-color-info-surface);color:var(--cpi-color-info-text)}.cpi-notice{border-radius:var(--cpi-radius-control);color:var(--cpi-color-info-text);background:var(--cpi-color-info-surface);border-inline-start:3px solid;align-items:start;gap:12px;padding:16px;font-size:14px;display:flex}.cpi-notice strong{margin-bottom:3px;font-weight:600;display:block}.cpi-notice p{margin:0}.cpi-notice[data-tone=success]{color:var(--cpi-color-success-text);background:var(--cpi-color-success-surface)}.cpi-notice[data-tone=warning]{color:var(--cpi-color-warning-text);background:var(--cpi-color-warning-surface)}.cpi-notice[data-tone=danger]{color:var(--cpi-color-danger-text);background:var(--cpi-color-danger-surface)}.cpi-surface{border:1px solid var(--cpi-color-border-default);border-radius:var(--cpi-radius-panel);background:var(--cpi-color-surface-default);padding:var(--cpi-space-6)}.cpi-table-region{border:1px solid var(--cpi-color-border-default);border-radius:var(--cpi-radius-panel);position:relative;overflow-x:auto}.cpi-table{border-collapse:collapse;width:100%;color:var(--cpi-color-text-default);font:400 14px/1.5 var(--cpi-font-family-sans);text-align:start}.cpi-table th{text-align:inherit;color:var(--cpi-color-text-muted);background:var(--cpi-color-surface-subtle);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.cpi-table td{padding:var(--cpi-density-row-padding,16px) 16px;border-top:1px solid var(--cpi-color-border-default)}[data-cpi-density=compact]{--cpi-density-control-height:var(--cpi-control-height-compact);--cpi-density-button-padding:7px;--cpi-density-row-padding:8px}[data-cpi-density=comfortable]{--cpi-density-control-height:var(--cpi-control-height);--cpi-density-button-padding:10px;--cpi-density-row-padding:16px}.cpi-tabs{background:var(--cpi-color-surface-subtle);border-radius:10px;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex}.cpi-tab{min-height:40px;color:var(--cpi-color-text-muted);font:500 14px/1.4 var(--cpi-font-family-sans);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 16px}.cpi-tab[aria-selected=true]{color:var(--cpi-color-action-default);background:#fff;box-shadow:0 1px 3px #090f2618}.cpi-disclosure{border:1px solid var(--cpi-color-border-default);border-radius:var(--cpi-radius-control);background:#fff}.cpi-disclosure summary{cursor:pointer;padding:16px;font-size:14px;font-weight:600}.cpi-disclosure>div{color:var(--cpi-color-text-muted);padding:0 16px 16px;font-size:14px}.cpi-dialog{width:min(460px,100% - 32px);color:var(--cpi-color-text-default);border:1px solid var(--cpi-color-border-default);border-radius:var(--cpi-radius-panel);font-family:var(--cpi-font-family-sans);background:#fff;padding:28px;box-shadow:0 24px 80px #090f2633}.cpi-dialog::backdrop{background:#090f2666}.cpi-dialog h2{letter-spacing:-.03em;margin:0 0 12px;font-size:24px;line-height:1.3}.cpi-dialog p{color:var(--cpi-color-text-muted);font-size:14px;line-height:1.65}.cpi-dialog-actions{flex-wrap:wrap;justify-content:end;gap:12px;margin-top:24px;display:flex}.cpi-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (pointer:coarse){[data-cpi-density]{--cpi-density-control-height:max(44px, var(--cpi-control-height))}}@media (prefers-reduced-motion:reduce){.cpi-spinner{animation:none}.cpi-button,.cpi-switch:after{transition:none}}.cpi-textarea{resize:vertical;min-height:120px}.cpi-fieldset{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}.cpi-fieldset>legend{margin-bottom:12px;padding:0;font-size:17px;font-weight:600}.cpi-fieldset:disabled{opacity:.6}.cpi-radio-group{gap:8px}.cpi-radio-group>legend{font-size:14px}.cpi-radio-choice{align-items:flex-start;padding-block:7px}.cpi-radio-choice .cpi-hint{margin-top:3px;display:block}.cpi-radio{accent-color:var(--cpi-color-action-default);flex-shrink:0;width:18px;height:18px;margin:3px 0 0}.cpi-input[type=file]{padding:8px}.cpi-input::file-selector-button{background:var(--cpi-color-surface-selected);color:var(--cpi-color-action-default);font:inherit;cursor:pointer;border:0;border-radius:4px;margin-inline-end:12px;padding:5px 10px}.cpi-form-actions{flex-wrap:wrap;align-items:center;gap:12px;padding-top:8px;display:flex}.cpi-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.cpi-error-summary{border:2px solid var(--cpi-color-danger-text);border-radius:var(--cpi-radius-control);background:var(--cpi-color-danger-surface);color:var(--cpi-color-danger-text);padding:18px}.cpi-error-summary h3{margin:0 0 10px;font-size:17px}.cpi-error-summary ul{margin:0;padding-inline-start:22px}.cpi-error-summary li{padding-block:3px}.cpi-error-summary a{color:inherit;text-underline-offset:3px;font-size:14px;text-decoration:underline}.cpi-overlay{z-index:100;background:#090f266b;position:fixed;inset:0}.cpi-modal{z-index:101;box-sizing:border-box;border:1px solid var(--cpi-color-border-default);border-radius:var(--cpi-radius-panel);background:var(--cpi-color-surface-default);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);padding:26px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #090f2633}.cpi-modal-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.cpi-modal-title{letter-spacing:-.035em;margin:4px 0 12px;font-size:24px;font-weight:650;line-height:1.25}.cpi-modal-close.cpi-button{flex-shrink:0;min-width:44px;height:44px;margin-top:-6px;padding:0;font-size:26px}.cpi-modal-description{color:var(--cpi-color-text-muted);margin:0 0 22px;font-size:14px;line-height:1.65}.cpi-modal-body{min-width:0;font-size:14px}.cpi-drawer{top:0;left:auto;inset-inline-end:0;border-radius:0;flex-direction:column;width:min(460px,100vw);height:100dvh;max-height:100dvh;display:flex;bottom:0;transform:none}.cpi-drawer .cpi-modal-body{flex:1}.cpi-tab-panel{outline-offset:3px;padding-top:18px}.cpi-tab:disabled{opacity:.55;cursor:not-allowed}.cpi-tabs{overflow-x:auto}.cpi-menu{max-height:var(--radix-dropdown-menu-content-available-height);box-sizing:border-box;border:1px solid var(--cpi-color-border-default);border-radius:var(--cpi-radius-control);z-index:110;background:#fff;min-width:210px;max-width:calc(100vw - 24px);padding:6px;overflow-y:auto;box-shadow:0 10px 35px #090f2626}.cpi-menu-item{cursor:default;border-radius:5px;outline:none;padding:12px;font-size:14px}.cpi-menu-item[data-highlighted]{background:var(--cpi-color-surface-selected);color:var(--cpi-color-action-default);outline:2px solid var(--cpi-color-focus);outline-offset:-2px}.cpi-menu-item[data-disabled]{opacity:.5}.cpi-menu-item[data-destructive]{color:var(--cpi-color-danger-text)}.cpi-tooltip{z-index:120;background:var(--cpi-color-ink-900);color:#fff;border-radius:6px;max-width:min(280px,100vw - 24px);padding:10px 14px;font-size:13px;line-height:1.5;box-shadow:0 4px 16px #090f2626}.cpi-tooltip-arrow{fill:var(--cpi-color-ink-900)}.cpi-banner{flex-wrap:wrap;align-items:center}.cpi-banner>div:first-child{flex:1;min-width:180px}.cpi-banner-action{flex-shrink:0}.cpi-banner-close.cpi-button{min-width:44px;color:inherit;margin-inline-start:auto;padding:0;font-size:24px}.cpi-empty-state{text-align:center;border:1px solid var(--cpi-color-border-default);border-radius:var(--cpi-radius-panel);background:var(--cpi-color-surface-default);padding:38px 24px}.cpi-empty-mark{background:var(--cpi-color-surface-selected);width:52px;height:52px;color:var(--cpi-color-action-default);border-radius:14px;place-items:center;margin:0 auto 20px;font-size:28px;display:grid}.cpi-empty-state[data-kind=error] .cpi-empty-mark{background:var(--cpi-color-danger-surface);color:var(--cpi-color-danger-text)}.cpi-empty-state h2,.cpi-empty-state h3{letter-spacing:-.03em;margin:0 0 12px;font-size:22px;line-height:1.3}.cpi-empty-description{color:var(--cpi-color-text-muted);max-width:420px;margin:auto;font-size:14px;line-height:1.7}.cpi-empty-action{margin-top:22px}.cpi-skeleton{background:var(--cpi-color-neutral-100);border-radius:6px;min-height:18px}.cpi-loading-label{color:var(--cpi-color-text-muted);align-items:center;gap:10px;margin:0 0 20px;font-size:14px;display:flex}.cpi-card-preview{aspect-ratio:856/540;width:100%;max-width:470px;margin:0}.cpi-card-preview svg{width:100%;height:auto;font-family:var(--cpi-font-family-sans);border-radius:6%;display:block;box-shadow:0 12px 30px #090f2626}@media (width<=560px){.cpi-form-grid{grid-template-columns:1fr}.cpi-modal{padding:20px}}@media (forced-colors:active){.cpi-switch{background:canvas;border-color:buttontext}.cpi-switch:checked{background:highlight}.cpi-switch:after{background:buttontext}.cpi-switch:checked:after{background:highlighttext}.cpi-skeleton{border:1px solid graytext}.cpi-menu-item[data-highlighted]{outline-color:highlight}}.cpi-native-drawer{border-radius:0;width:min(460px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0;inset:0 0 0 auto;overflow-y:auto}.cpi-radio-choice label{cursor:pointer}.cpi-field-label{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cpi-field-label>span:first-child{overflow-wrap:anywhere;min-width:0}.cpi-field-requirement{color:var(--cpi-color-text-muted);flex-shrink:0;font-size:11px;font-weight:400}.cpi-success{color:var(--cpi-color-success-text);font:400 13px/1.5 var(--cpi-font-family-sans);margin:0}.cpi-input-group{border:1px solid var(--cpi-color-border-control);border-radius:var(--cpi-radius-control);background:var(--cpi-color-surface-default);align-items:center;gap:10px;width:100%;min-width:0;padding-inline:12px;display:flex}.cpi-input-group:focus-within{outline:3px solid var(--cpi-color-focus);outline-offset:3px}.cpi-input-group[data-invalid=true]{border-color:var(--cpi-color-danger-text)}.cpi-input-group[data-disabled=true],.cpi-input-group[data-readonly=true]{background:var(--cpi-color-surface-subtle)}.cpi-input-group[data-disabled=true]{cursor:not-allowed;color:var(--cpi-color-text-muted)}.cpi-input-group-body{flex:1;min-width:0}.cpi-input-group .cpi-group-input{background:0 0;border:0;border-radius:0;min-height:44px;padding-inline:0}.cpi-input-group .cpi-group-input:focus-visible{outline:none}.cpi-input-decoration{color:var(--cpi-color-text-muted);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cpi-input-decoration svg{width:18px;height:18px;display:block}.cpi-input-affix{color:var(--cpi-color-text-muted);flex-shrink:0;font-size:14px}.cpi-input-action{border:0;border-inline-start:1px solid var(--cpi-color-border-default);border-radius:0 calc(var(--cpi-radius-control) - 1px) calc(var(--cpi-radius-control) - 1px) 0;min-width:44px;min-height:44px;color:var(--cpi-color-action-default);font:600 13px/1.4 var(--cpi-font-family-sans);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin-inline-end:-12px;padding:8px 12px;display:inline-flex}.cpi-input-action:hover{background:var(--cpi-color-surface-selected)}.cpi-input-action:disabled{opacity:.5;cursor:not-allowed}.cpi-input-action:focus-visible{outline:2px solid var(--cpi-color-focus);outline-offset:-3px}.cpi-input-group[data-label-placement=inset]{min-height:68px}.cpi-input-group[data-label-placement=inset] .cpi-field-label{padding-top:9px;font-size:11px;line-height:1.4}.cpi-input-group[data-label-placement=inset] .cpi-group-input{min-height:34px;padding-block:2px 8px}.cpi-input-group[data-label-placement=inset] .cpi-input-action{align-self:stretch}[dir=rtl] .cpi-input-action{border-radius:calc(var(--cpi-radius-control) - 1px) 0 0 calc(var(--cpi-radius-control) - 1px)}.cpi-field-examples{gap:36px;width:100%;max-width:860px;margin-inline:auto;display:grid}.cpi-field-example-section{min-width:0}.cpi-field-example-heading{align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.cpi-field-example-heading>span{color:var(--cpi-color-action-default);font:500 12px var(--cpi-font-family-mono)}.cpi-field-example-heading h2{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:600;line-height:1.3}.cpi-field-example-section>p{color:var(--cpi-color-text-muted);max-width:660px;margin:0 0 22px;font-size:14px;line-height:1.7}.cpi-field-example-section+.cpi-field-example-section{border-top:1px solid var(--cpi-color-border-default);padding-top:30px}.cpi-field-example-form{gap:22px;display:grid}.cpi-field-example-form .cpi-notice{margin-top:0}@media (width<=600px){.cpi-field-examples .cpi-form-grid{grid-template-columns:1fr}}@media (forced-colors:active){.cpi-input-group:focus-within{outline-color:highlight}.cpi-input-group[data-invalid=true]{border-style:dashed}.cpi-input-decoration,.cpi-input-affix{color:canvastext}.cpi-select{appearance:auto;background-image:none}}.cpi-scope .capability-evidence{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:0;display:grid}.cpi-scope .capability-evidence>div{flex-direction:column-reverse;gap:4px;display:flex}.cpi-scope .capability-evidence dt{font-size:var(--cpi-font-size-caption);color:var(--cpi-color-text-muted)}.cpi-scope .capability-evidence dd{gap:2px;margin:0;display:grid}.cpi-scope .capability-evidence dd strong{letter-spacing:-.03em;font-size:34px;font-weight:600;line-height:1.1}.cpi-scope .capability-evidence dd small{color:var(--cpi-color-text-muted);font-size:11px}@layer portal{html{scroll-behavior:smooth}body{background:#fff;margin:0}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}.portal{--portal-border:#e4e8ed;--portal-muted:#626e80;min-height:100vh;font-size:14px}.portal h1,.portal h2,.portal h3,.portal p{margin:0}.portal h1,.portal h2,.portal h3{letter-spacing:-.035em;line-height:1.2}.portal h1{font-size:clamp(36px,3.7vw,54px);font-weight:650}.portal h2{font-size:25px;font-weight:630}.portal h3{font-size:17px;font-weight:640}.portal p{line-height:1.7}.portal a{color:inherit;text-decoration:none}.portal code,.mono{font-family:var(--cpi-font-family-mono);font-size:12px}.portal button,.portal input,.portal select{font:inherit}.portal a:focus-visible,.portal button:focus-visible,.portal input:focus-visible,.portal select:focus-visible,.portal summary:focus-visible,.portal pre:focus-visible,[role=region]:focus-visible{outline:3px solid var(--cpi-color-focus);outline-offset:3px}.portal .cpi-button{color:var(--cpi-color-action-text);font-size:13px}.portal .cpi-button[data-variant=secondary],.portal .cpi-button[data-variant=quiet]{color:var(--cpi-color-action-default)}.portal .cpi-button[data-variant=danger]{color:#fff}.portal .cpi-field,.portal .cpi-choice{font-size:14px}.portal .cpi-hint,.portal .cpi-error{font-size:13px}.portal .cpi-notice p{margin-top:4px}.portal .cpi-notice p:empty{display:none}.sidebar{z-index:40;border-right:1px solid var(--portal-border);background:#f8f9fb;flex-direction:column;width:252px;padding:30px 18px 24px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.portal-brand{align-items:center;gap:11px;min-height:49px;padding:1px 6px;display:flex}.portal-brand img{width:66px;height:auto}.portal-brand>span{letter-spacing:-.04em;white-space:nowrap;border-left:1px solid #d9dfe8;padding-left:11px;font-size:17px;font-weight:600}.brand-descriptor{color:#526078;letter-spacing:.045em;margin-top:3px;font-size:10px;font-weight:400;display:block}.system-version{color:#58677f;align-items:center;gap:7px;margin:25px 10px 16px;font-size:11px;display:flex}.system-version .mono{margin-left:auto;font-size:10px}.version-dot{background:#4c83b4;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.nav-group{margin-top:25px}.nav-group>p{letter-spacing:.1em;text-transform:uppercase;color:#526078;margin:0 12px 7px;font-size:10px;font-weight:600}.nav-link{border-radius:7px;align-items:center;gap:11px;min-height:42px;padding:8px 12px;font-size:12px;display:flex;color:#525f74!important}.nav-link:hover{background:#eff2f6}.nav-link.active{background:#e9eef7;font-weight:600;color:#2a4478!important}.nav-count{text-align:center;background:#fff;border:1px solid #dce3ee;border-radius:4px;min-width:20px;margin-left:auto;padding:1px 4px;font-size:10px}.subnav{border-left:1px solid #d5ddeb;margin:4px 0 6px 30px;padding-left:15px;display:grid}.subnav a{color:#626e80;align-items:center;min-height:36px;font-size:12px;display:flex}.subnav a[aria-current=page]{color:var(--cpi-color-cpi-blue);font-weight:650}.sidebar-callout{background:linear-gradient(130deg,#fff,#edf3f9);border:1px solid #dde4ed;border-radius:10px;gap:7px;margin:32px 6px 0;padding:17px 15px;display:grid}.sidebar-callout>svg{color:#526078;margin-bottom:3px}.sidebar-callout strong{font-size:12px}.sidebar-callout>span{color:#617087;font-size:11px}.callout-link{align-items:center;gap:5px;padding-top:5px;display:flex;color:var(--cpi-color-cpi-blue)!important}.portal-main{min-width:0;margin-left:252px}.topbar{border-bottom:1px solid var(--portal-border);align-items:center;gap:25px;min-height:72px;padding:0 44px;display:flex}.breadcrumb{white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.breadcrumb>span,.breadcrumb>svg{color:#526078}.breadcrumb strong{font-weight:500}.search-container{color:#526078;align-items:center;width:240px;margin-left:auto;display:flex;position:relative}.search-container>svg{pointer-events:none;position:absolute;left:12px}.search-container input{color:#263349;background:#f8f9fb;border:1px solid #e9edf2;border-radius:7px;width:100%;height:36px;padding:0 12px 0 35px;font-size:11px}.search-container input::placeholder{color:#526078}.topbar-download{white-space:nowrap;align-items:center;gap:9px;min-height:44px;font-size:11px;display:flex}.search-results{z-index:50;background:#fff;border:1px solid #dae1eb;border-radius:10px;width:340px;max-width:calc(100vw - 40px);padding:8px;position:absolute;top:43px;right:0;box-shadow:0 15px 45px #162d5520}.search-count{color:#65728a;padding:7px 9px;font-size:11px}.search-results a{color:#263349;border-radius:5px;justify-content:space-between;align-items:center;padding:10px;font-size:13px;display:flex}.search-results a:hover{background:#eef2f9}.search-results a small{color:#526078;margin-top:2px;font-size:10px;display:block}.content{outline:none;width:min(100%,1336px);margin:0 auto;padding:46px 48px 0}.eyebrow{color:#4b6b91;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:600}.small-rule{vertical-align:middle;background:currentColor;width:20px;height:1px;margin-right:8px;display:inline-block}.overview-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;min-height:430px;padding:2px 0 27px;display:grid}.hero-copy h1{letter-spacing:-.058em;margin:24px 0 21px;font-size:clamp(37px,3.55vw,55px);font-weight:640;line-height:1.13}.hero-copy h1 span{color:#436497}.hero-copy>p:not(.eyebrow){color:var(--portal-muted);max-width:410px;font-size:15px}.hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:27px;display:flex}.hero-actions .cpi-button{border-radius:7px;gap:10px;padding:0 17px;font-size:12px}.arrow-link{align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:550;display:inline-flex;color:var(--cpi-color-cpi-blue)!important}.arrow-link:hover{text-underline-offset:4px;text-decoration:underline}.hero-caption{color:#526078;align-items:center;gap:7px;margin-top:24px;font-size:10px;display:flex}.hero-specimen{isolation:isolate;align-items:center;min-height:366px;padding:30px 14px 25px;display:flex;position:relative}.hero-specimen:before{content:"";z-index:-2;background:radial-gradient(at 75% 45%,#acd0e56b,#0000 70%),linear-gradient(140deg,#f5f8fc,#e6eef6);border-radius:22px;position:absolute;inset:8px -6px 0}.specimen-orbit{z-index:-1;border:1px solid #adc7db4d;border-radius:50%;width:290px;height:290px;position:absolute;top:18px;right:-4px}.orbit-two{width:210px;height:210px;top:60px;right:38px}.floating-label{color:#4f6782;align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;top:25px;left:27px}.hero-ui{background:#fff;border:1px solid #e2e7ee;border-radius:10px;width:100%;margin-top:27px;position:relative;box-shadow:0 22px 45px #2145681f,0 3px 6px #263e5510}.hero-ui-header{border-bottom:1px solid #edf0f5;align-items:center;gap:9px;padding:17px 17px 13px;display:flex}.mini-mark{background:var(--cpi-color-cpi-blue);color:#fff;border-radius:7px;place-items:center;width:31px;height:31px;font-size:16px;font-weight:650;display:grid}.hero-ui-header strong{font-size:12px;display:block}.hero-ui-header div>span{color:#526078;margin-top:2px;font-size:8px;display:block}.hero-ui-dots{color:#526078;letter-spacing:2px;margin-left:auto}.hero-ui-metrics{align-items:center;gap:28px;padding:18px 19px;display:flex}.hero-ui-metrics strong{letter-spacing:-.06em;font-size:31px;font-weight:550;line-height:1;display:block}.hero-ui-metrics span{color:#526078;margin-top:7px;font-size:9px;display:block}.metric-chart{align-items:flex-end;gap:4px;height:63px;margin-left:auto;display:flex}.metric-chart i{background:linear-gradient(#dbe7f2,#9db8d2);border-radius:2px 2px 0 0;width:9px}.hero-ui-row{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:8px;padding:13px 18px;display:flex}.hero-ui-row strong{font-size:10px;display:block}.hero-ui-row div>span{color:#526078;margin-top:2px;font-size:9px;display:block}.hero-ui-row .cpi-badge{white-space:nowrap;gap:4px;padding:3px 6px;font-size:8px}.hero-ui-footer{color:#526078;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:0 12px 0 17px;font-size:8px;display:flex}.hero-ui-footer a{place-items:center;width:40px;height:40px;display:grid}.floating-palette{background:#fff;border:1px solid #e4e8f0;border-radius:8px;gap:6px;padding:10px;display:flex;position:absolute;bottom:5px;right:0;box-shadow:0 5px 15px #26426315}.floating-palette span{border:1px solid #00000008;border-radius:4px;width:23px;height:23px}.release-strip{border:1px solid var(--portal-border);background:#fbfcfd;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;padding:6px 19px;display:flex}.release-strip>div{color:var(--cpi-color-cpi-blue);align-items:center;gap:11px;font-size:11px;display:flex}.release-strip strong{color:#273449;font-weight:550}.release-strip>div>span>span{color:#526078;margin-left:5px}.section-heading{justify-content:space-between;align-items:baseline;gap:18px;margin:47px 0 21px;display:flex}.section-heading>div{align-items:center;gap:12px;display:flex}.section-heading h2{font-size:22px}.section-index{color:#526078;font-family:var(--cpi-font-family-mono);font-size:10px}.section-heading>p{color:#526078;font-size:11px}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.entry-card{border:1px solid var(--portal-border);border-radius:11px;flex-direction:column;padding:11px 11px 17px;transition:border-color .2s,box-shadow .2s;display:flex}.entry-card:hover,.component-card:hover{border-color:#afc1d8;box-shadow:0 7px 24px #1d386309}.entry-art{background:#f0f3f8;border-radius:6px;height:143px;margin-bottom:20px;position:relative;overflow:hidden}.brand-art{background:#edf2f7;justify-content:center;align-items:center;gap:29px;display:flex}.brand-art>span{letter-spacing:-.07em;color:#253f6b;font-size:66px;font-weight:540}.brand-art>div{grid-template-columns:25px 25px;gap:5px;display:grid;transform:rotate(-9deg)}.brand-art i{background:var(--cpi-color-cpi-dark-blue);border-radius:4px;width:25px;height:32px}.brand-art i:nth-child(2){background:var(--cpi-color-cpi-blue)}.brand-art i:nth-child(3){background:#82b8d7}.brand-art i:nth-child(4){background:#d4e1ee}.components-art{background:#f0f4f2;flex-wrap:wrap;align-content:center;gap:9px;padding:24px 19px;display:flex}.decorative-button{color:#fff;background:var(--cpi-color-cpi-blue);border-radius:5px;align-items:center;gap:7px;padding:9px;font-size:9px;display:inline-flex}.components-art .cpi-badge{align-self:center;padding:4px 7px;font-size:8px}.decorative-input{color:#526078;background:#fff;border:1px solid #d5dee8;border-radius:5px;justify-content:space-between;width:100%;padding:9px 10px;font-size:9px;display:flex}.patterns-art{background:#f3f1f7;padding:19px 26px}.mini-shell{background:#fff;border:1px solid #d8dbe5;border-radius:5px;width:90%;height:83px;display:flex;overflow:hidden}.mini-shell>span{background:#e4e4ee;width:24px}.mini-shell>div{flex:1;padding:14px 9px}.mini-shell i{background:#eff0f5;height:7px;margin-bottom:6px;display:block}.mini-shell i:first-child{background:#b5c4da;width:60%}.mini-journey{background:#fff;border:1px solid #e0dfeb;border-radius:6px;align-items:center;padding:10px;display:flex;position:absolute;bottom:18px;right:14px;box-shadow:0 4px 8px #00000005}.mini-journey span{color:#526078;background:#edf0f7;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.mini-journey span:first-child{background:var(--cpi-color-cpi-blue);color:#fff}.mini-journey i{background:#d8e0ec;width:18px;height:1px}.entry-label{letter-spacing:.06em;color:#526078;text-transform:uppercase;margin:0 9px 7px;font-size:9px}.entry-card h2{margin:0 9px 8px;font-size:17px}.entry-card p{color:#526078;margin:0 9px 16px;font-size:11px}.entry-action{color:#425e87;justify-content:space-between;align-items:center;margin:auto 9px 0;font-size:10px;font-weight:550;display:flex}.foundation-banner{background:var(--cpi-gradient-depth);color:#fff;border-radius:11px;grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;margin-top:34px;padding:31px 33px;display:grid}.foundation-banner .eyebrow{color:#9fbbdc;font-size:9px}.foundation-banner h2{margin:11px 0 10px;font-size:25px}.foundation-banner p:not(.eyebrow){color:#afbdd3;max-width:390px;font-size:12px}.foundation-banner .arrow-link{margin-top:10px;font-size:11px;color:#d7e9f8!important}.delivery-modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.delivery-modes>span{color:#dce5f1;background:#a6c5e80b;border:1px solid #90a7c82f;border-radius:6px;align-items:center;gap:11px;min-height:60px;padding:12px;font-size:11px;display:flex}.delivery-modes svg{color:#88accb;flex-shrink:0}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.component-card{border:1px solid var(--portal-border);border-radius:9px;flex-direction:column;min-width:0;padding:22px;transition:border-color .2s,box-shadow .2s;display:flex}.component-card-top{color:#567298;justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.component-card-top>span{color:#526078;border:1px solid #e8edf3;border-radius:4px;padding:3px 6px;font-size:9px}.component-card h3{margin-bottom:8px}.component-card p{color:#526078;margin-bottom:20px;font-size:12px}.component-card-bottom{color:#526078;border-top:1px solid #eef1f5;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:10px;display:flex}.section-end{text-align:right;margin-top:8px}.principle-row{background:#f8fafc;border-radius:9px;align-items:center;gap:16px;margin-top:27px;padding:24px;display:flex}.principle-row>svg{color:#526078;flex-shrink:0}.principle-row h3{font-size:14px}.principle-row p{color:#526078;margin-top:4px;font-size:11px}.principle-row>.arrow-link{flex-shrink:0;margin-left:auto;font-size:10px}.portal-footer{border-top:1px solid var(--portal-border);color:#526078;align-items:center;gap:25px;margin-top:58px;padding:25px 0 30px;font-size:9px;display:flex}.portal-footer>span>span{color:#526078;margin:0 6px}.portal-footer p{margin-left:auto}.portal-footer a{align-items:center;gap:5px;min-height:32px;display:inline-flex}.page-heading{justify-content:space-between;align-items:flex-start;gap:30px;margin:9px 0 35px;display:flex}.page-heading h1{max-width:860px;margin:19px 0 20px}.page-lead{color:#526078;max-width:710px;font-size:15px}.page-heading>.cpi-badge{flex-shrink:0;margin-top:4px}.collection-count{letter-spacing:-.07em;color:#526078;text-align:right;min-width:110px;font-size:53px;font-weight:500}.collection-count>span{letter-spacing:0;color:#526078;font-size:10px;display:block}.catalog-filter{border:1px solid var(--portal-border);color:#526078;border-radius:8px;align-items:center;gap:11px;margin-bottom:22px;padding:10px 16px;display:flex}.catalog-filter input{color:#263349;background:0 0;border:0;flex:1;min-width:0;height:30px}.catalog-filter>span{white-space:nowrap;font-size:11px}.empty-search{text-align:center;background:#f8fafc;border-radius:8px;padding:35px}.empty-search h2{overflow-wrap:anywhere;font-size:22px}.empty-search p{color:#526078;margin:12px 0 20px}.readiness{background:#f5f8fc;border:1px solid #e4eaf3;border-radius:8px;align-items:center;gap:16px;margin:25px 0;padding:18px;display:flex}.readiness .cpi-badge{flex-shrink:0}.readiness p{color:#526078;font-size:12px}.next-page{border-top:1px solid var(--portal-border);justify-content:space-between;align-items:center;gap:24px;margin-top:50px;padding:24px 0;display:flex;color:var(--cpi-color-cpi-blue)!important}.next-page>span{color:#526078;font-size:10px}.next-page strong{color:var(--cpi-color-cpi-blue);margin-top:6px;font-size:18px;font-weight:550;display:block}.component-meta{border-top:1px solid var(--portal-border);color:#526078;padding:17px 0;font-size:12px}.component-meta strong{color:#344862;margin-right:9px;font-weight:550}.live-example{border:1px solid #dce3ec;border-radius:11px;overflow:hidden}.example-toolbar{background:#f8fafc;border-bottom:1px solid #e4e9f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;display:flex}.format-switch{background:#eaf0f6;border-radius:6px;align-items:center;gap:4px;padding:3px;display:flex}.format-switch button{color:#60728c;cursor:pointer;background:0 0;border:0;border-radius:4px;height:36px;padding:0 13px;font-size:11px}.format-switch button[aria-pressed=true]{color:#24395f;background:#fff;font-weight:550;box-shadow:0 1px 4px #14234110}.theme-controls{flex-wrap:wrap;gap:15px;display:flex}.theme-controls label{color:#526078;align-items:center;gap:7px;font-size:10px;display:flex}.theme-controls select{color:#344863;background:#fff;border:1px solid #d7e0eb;border-radius:5px;max-width:100%;min-height:36px;padding:0 25px 0 9px;font-size:11px}.example-canvas{background:#fff;align-content:center;gap:20px;min-height:280px;padding:38px;display:grid}.example-canvas>div{min-width:0}.native-preview{background:#fff;border:0;width:100%;min-height:120px;display:block}.example-footer{background:#fbfcfd;border-top:1px solid #e4e9f0;justify-content:space-between;align-items:center;gap:15px;padding:6px 20px;display:flex}.preview-label{color:#526078;align-items:center;gap:7px;font-size:10px;display:flex}.preview-label>span{background:#a4b3c6;border-radius:50%;flex-shrink:0;width:5px;height:5px}.text-action{color:#49678e;white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:9px 0;display:inline-flex;font-size:11px!important}.code-block{color:#c5d8ee;background:#101a2c;border:1px solid #293852;border-radius:9px;margin:20px 0;overflow:hidden}.code-toolbar{font-family:var(--cpi-font-family-mono);color:#9fb6d2;background:#162238;border-bottom:1px solid #26334a;justify-content:space-between;align-items:center;gap:12px;padding:7px 16px;font-size:11px;display:flex}.code-toolbar>span{overflow-wrap:anywhere}.copy-button{color:#47617f;cursor:pointer;background:#fff;border:1px solid #dce4ed;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:6px 9px;display:inline-flex;font-size:10px!important}.copy-button:hover{background:#edf2f8}.code-toolbar .copy-button{color:#c8d9ec;background:#24354e;border:1px solid #3d506c}.code-block pre{tab-size:2;max-height:580px;margin:0;padding:23px;font-size:12px;line-height:1.85;overflow:auto}.code-block.compact pre{max-height:350px}.code-block code{font-size:inherit}.documentation-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:44px;margin:41px 0;display:grid}.documentation-grid .section-heading{margin-top:0}.rule-list{gap:17px;margin:20px 0 0;padding:0;list-style:none;display:grid}.rule-list li{color:#5c6b82;align-items:flex-start;gap:10px;font-size:13px;line-height:1.75;display:flex}.rule-list svg{color:#526078;flex-shrink:0;margin-top:4px}.implementation-note{background:#f6f8fb;border:1px solid #e7ebf1;border-radius:9px;padding:25px}.implementation-note h3{margin:9px 0 12px}.implementation-note p{color:#526078;margin-bottom:12px;font-size:12px}.implementation-note .cpi-button{font-size:11px}.implementation-grid{grid-template-columns:1fr 1fr;gap:30px;margin:24px 0;display:grid}.implementation-grid h3{margin-bottom:10px;font-size:16px}.implementation-grid p,.body-copy{color:#526078;font-size:13px;line-height:1.8}.implementation-grid code{font-size:11px}.coverage-note{color:#526078;font-size:12px;margin:18px 0!important}.external-resource{text-underline-offset:3px;color:var(--cpi-color-cpi-blue)!important;text-decoration:underline!important}.external-resource svg{vertical-align:middle;margin-left:4px}.playground-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.playground-toolbar>span{color:#496585;align-items:center;gap:9px;font-size:12px;display:flex}.playground{border:1px solid #dce3ec;border-radius:11px;overflow:hidden}.playground-header{background:var(--cpi-color-surface-selected);border-bottom:1px solid #dce3ec;justify-content:space-between;align-items:center;gap:20px;padding:21px 27px;display:flex}.playground-header>div{align-items:center;gap:12px;display:flex}.workspace-emblem{background:var(--cpi-color-action-default);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:37px;height:37px;font-size:20px;font-weight:600;display:grid}.playground-header strong{font-size:14px;font-weight:550}.playground-header small{color:#526078;margin-top:3px;font-size:10px;font-weight:400;display:block}.playground-body{padding:29px}.playground-title{justify-content:space-between;align-items:center;gap:22px;margin-bottom:26px;display:flex}.playground-title h2{margin-top:8px;font-size:24px}.playground-title p:not(.eyebrow){color:#526078;margin-top:6px;font-size:12px}.playground-title .cpi-button{flex-shrink:0}.playground-grid{grid-template-columns:1.1fr 1fr;gap:35px;margin:30px 0;display:grid}.playground-fields{gap:18px;display:grid}.playground-statuses{border-left:1px solid #e4e9f0;padding-left:28px}.playground-statuses h3{margin-bottom:18px;font-size:15px}.playground-statuses>div{flex-wrap:wrap;gap:8px;margin-bottom:25px;display:flex}.playground-statuses .cpi-notice{font-size:12px;display:block}.theme-principles{grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0;display:grid}.theme-principles p{color:#526078;margin-top:9px;font-size:12px}.brand-stage{border:1px solid var(--portal-border);background-color:#f5f7fa;background-image:linear-gradient(#c8d2df21 1px,#0000 1px),linear-gradient(90deg,#c8d2df21 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;height:325px;padding:21px;display:flex}.stage-caption,.stage-footnote{color:#526078;letter-spacing:.025em;font-size:10px}.logo-clearspace{--brand-mark-width:min(210px,55vw);padding:calc(var(--brand-mark-width) * .207);background:#ffffffba;border:1px dashed #b6c5d8}.logo-clearspace img{width:var(--brand-mark-width);height:auto;display:block}.placement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.placement-card{min-width:0}.placement-preview{border:1px solid #dfe5ed;border-radius:9px;align-items:center;gap:14px;min-height:103px;margin-bottom:19px;padding:20px;display:flex}.placement-preview img{width:56px;height:auto}.placement-preview>span{color:#526078;font-size:10px}.placement-preview small{margin-top:5px;font-size:8px;display:block}.placement-preview .preview-line{background:#dde6f1;width:22px;height:5px;margin-left:auto}.placement-preview.dark{background:var(--cpi-color-cpi-dark-blue);border-color:var(--cpi-color-cpi-dark-blue)}.placement-preview.dark>span{color:#fff}.reverse-placeholder{text-align:center;text-transform:uppercase;letter-spacing:.06em;border:1px dashed #a2c6ff;place-items:center;min-width:67px;min-height:34px;padding:7px;line-height:1.35;display:grid;color:#fff!important;font-size:7px!important}.placement-preview.issuer{background:#f2f6f3}.issuer-emblem{background:#24634f;border-radius:6px;place-items:center;width:31px;height:31px;display:grid;color:#fff!important;font-size:17px!important}.placement-card h3{margin-bottom:9px;font-size:15px}.placement-card p{color:#526078;font-size:12px}.brand-guidance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 36px;display:grid}.brand-guidance-grid article{border:1px solid var(--portal-border);border-radius:9px;min-width:0;padding:21px}.brand-guidance-grid h3{margin:18px 0 9px;font-size:15px}.brand-guidance-grid p{color:#526078;font-size:12px}.palette-strip{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin:30px 0;display:grid}.palette-strip>div>div{border:1px solid var(--portal-border);border-radius:7px;height:89px}.palette-strip span{text-transform:capitalize;margin-top:10px;font-size:11px;display:block}.palette-strip code{color:#526078;font-size:9px}.role-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.role-card{border:1px solid #e4e9f0;border-radius:9px;flex-wrap:wrap;align-items:flex-start;gap:14px;padding:20px;display:flex}.role-swatch{border:1px solid #0000000a;border-radius:7px;flex-shrink:0;width:33px;height:33px}.role-card h3{font-size:14px}.role-card p{color:#526078;margin:6px 0;font-size:11px}.role-card code{color:#526078;overflow-wrap:anywhere;font-size:10px}.role-card>.copy-button{margin-left:auto}.semantic-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:26px 0 10px;display:grid}.semantic-strip>div>span:last-child{color:#526078;margin-top:10px;font-size:10px;display:block}.gradient-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.gradient-card{border:1px solid var(--portal-border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.gradient-preview{color:#fff;flex-direction:column;justify-content:space-between;height:200px;padding:25px;display:flex}.gradient-preview.light{color:#24395f}.gradient-preview>span{background:color-mix(in srgb, var(--cpi-color-cpi-dark-blue) 85%, transparent);color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;align-self:flex-start;padding:5px 8px;font-size:10px}.gradient-preview strong{letter-spacing:-.05em;max-width:180px;text-shadow:0 1px 20px color-mix(in srgb, var(--cpi-color-cpi-dark-blue) 19%, transparent);font-size:28px;font-weight:550;line-height:1.1}.gradient-preview.light strong{text-shadow:none}.gradient-card>div:last-child{flex-direction:column;flex:1;align-items:flex-start;padding:20px;display:flex}.gradient-card h3{text-transform:capitalize;font-size:16px}.gradient-card p{color:#526078;margin:10px 0 17px;font-size:11px}.gradient-card .copy-button{margin-top:auto}.token-table{max-height:560px}.token-table table{min-width:730px}.token-table th{z-index:1;background:#f5f7fa;position:sticky;top:0}.token-table td{vertical-align:middle;font-size:10px}.token-table td:first-child>code{font-size:11px}.token-table small{color:#526078;margin-top:6px;font-size:9px;display:block}.token-value{align-items:center;gap:9px;max-width:220px;display:flex}.token-value code{overflow-wrap:anywhere;font-size:10px}.token-value i{border:1px solid #00000014;border-radius:4px;flex-shrink:0;width:18px;height:18px}.token-table .copy-button{min-width:34px;padding:8px;font-size:0!important}.token-table .copy-button span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.type-specimen{border:1px solid #e0e7f0;border-radius:11px;grid-template-columns:1.4fr 1fr;display:grid;overflow:hidden}.type-specimen>div{background:#f2f5fa;padding:34px}.type-specimen strong{letter-spacing:-.08em;color:var(--cpi-color-cpi-blue);margin:18px 0 15px;font-size:132px;font-weight:500;line-height:1.15;display:block}.type-specimen h2{font-size:22px}.type-specimen p{color:#526078;margin-top:10px;font-size:13px}.type-specimen .mono-specimen{color:#fff;font-family:var(--cpi-font-family-mono);background:#12203a}.mono-specimen .eyebrow{color:#8eaacb}.mono-specimen strong{color:#c4d9ef;margin-top:27px;margin-bottom:26px;font-size:115px}.mono-specimen h2{letter-spacing:-.03em;font-size:18px}.mono-specimen p{color:#8fa6c3;font-size:12px}.type-ramp>div{border-top:1px solid #e3e9f0;grid-template-columns:140px 1fr;align-items:center;gap:20px;padding:24px 0;display:grid}.type-ramp>div:last-child{border-bottom:1px solid #e3e9f0}.type-ramp>div>div{flex-direction:column;gap:5px;display:flex}.type-ramp code{color:#4c6586;font-size:11px}.type-ramp span{color:#526078;font-size:10px}.type-ramp p{letter-spacing:-.04em;overflow-wrap:anywhere;font-weight:500;line-height:1.2}.space-scale{gap:14px;margin-top:27px;display:grid}.space-scale>div{align-items:center;gap:15px;display:flex}.space-scale code{color:#526078;width:35px;font-size:10px}.space-scale span{background:#a5bdd8;border-radius:2px;height:14px;display:block}.space-scale small{color:#526078;font-size:10px}.radius-examples{flex-wrap:wrap;gap:18px;margin:22px 0;display:flex}.radius-examples>div{gap:10px;display:grid}.radius-examples span{background:#e4edf7;border:1px solid #aec3db;width:62px;height:62px}.radius-examples code{color:#526078;font-size:9px}.density-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.density-grid>section{border:1px solid #e1e8f0;border-radius:9px;min-width:0;overflow:hidden}.density-grid>section>div:first-child{border-bottom:1px solid #e6ebf2;align-items:center;gap:12px;padding:17px;display:flex}.density-grid h3{text-transform:capitalize;font-size:13px}.density-grid .cpi-badge{font-size:9px}.density-demo{gap:19px;padding:19px;display:grid}.density-demo>.cpi-button{justify-self:start}.density-demo .cpi-table{min-width:280px;font-size:11px}.pattern-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:25px;display:grid}.pattern-selector button{text-align:left;cursor:pointer;color:#526078;background:#fff;border:1px solid #e0e6ee;border-radius:8px;padding:20px}.pattern-selector button[aria-pressed=true]{color:var(--cpi-color-cpi-blue);background:#eef3f9;border-color:#8da9cc}.pattern-selector span{font-size:16px;font-weight:550;display:block}.pattern-selector small{margin-top:7px;font-size:10px;display:block}.pattern-preview{background:#f5f8fc;border:1px solid #dfe6ef;border-radius:11px;grid-template-columns:1fr 1.2fr;align-items:center;gap:35px;margin-bottom:17px;padding:33px;display:grid}.pattern-preview-copy h2{margin:16px 0;font-size:29px}.pattern-preview-copy>p{color:#526078;font-size:12px}.pattern-example{background:#fff;border:1px solid #dce4ef;border-radius:10px;min-width:0;padding:28px;box-shadow:0 10px 30px #1e44640b}.pattern-example h3{margin:15px 0;font-size:23px}.pattern-example p{color:#526078;font-size:12px}.express-example>.cpi-button{margin:22px 0}.example-evidence{color:#526078;border-top:1px solid #e3e9f1;padding-top:14px;font-size:10px;display:block}.manage-example>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.manage-request{border-block:1px solid #e6eaf1;justify-content:space-between;align-items:center;gap:12px;margin:24px 0;padding:20px 0;display:flex}.manage-request strong{font-size:12px;display:block}.manage-request small{color:#526078;margin-top:5px;font-size:10px;display:block}.guided-example .step-label{margin:14px 0 24px;font-size:11px}.guided-example form{gap:24px;display:grid}.guided-example form>.cpi-button{justify-self:start}.button-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.pattern-express{background:var(--cpi-gradient-aurora)}.pattern-guided{background:#f3f6f3}.download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.download-card{border:1px solid #dfe6ef;border-radius:10px;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.download-card-top{color:#526078;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:28px;display:flex}.download-card-top span{color:#526078;font-size:9px}.download-card h2{font-size:19px}.download-card p{color:#526078;margin:12px 0 25px;font-size:12px}.download-card .cpi-button{margin-top:auto;font-size:11px}.integrity-row{color:#526078;flex-wrap:wrap;align-items:center;gap:15px;margin:22px 0;font-size:11px;display:flex}.integrity-row a{text-underline-offset:3px;min-height:32px;color:var(--cpi-color-cpi-blue);align-items:center;text-decoration:underline;display:inline-flex}.adoption-statement{background:var(--cpi-gradient-depth);color:#fff;border-radius:11px;padding:35px}.adoption-statement .eyebrow{color:#a3b9d3}.adoption-statement h2{max-width:580px;margin:15px 0;font-size:31px}.adoption-statement p{color:#a4b6cf;max-width:620px;font-size:13px}.roadmap{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;display:grid}.roadmap article{border:1px solid #dfe7f1;border-radius:10px;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.roadmap h3{margin:20px 0 12px;font-size:19px}.roadmap p{color:#526078;margin-bottom:23px;font-size:12px}.roadmap article>span:last-child{color:#526078;border-top:1px solid #e5ebf3;width:100%;margin-top:auto;padding-top:13px;font-size:10px}.roadmap .cpi-badge{font-size:10px}.acceptance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.acceptance-grid article{border-top:1px solid #dfe7f1;padding-top:19px}.acceptance-grid h3{margin:13px 0 9px;font-size:16px}.acceptance-grid p{color:#526078;font-size:12px}.estate-table table{min-width:650px}.estate-table .cpi-table{font-size:12px}.estate-table td:first-child{width:24%;font-weight:550}.estate-table td{vertical-align:top}.release-notes{border:1px solid #e0e7f0;border-radius:10px;padding:28px}.release-notes>.arrow-link{margin-top:16px}.not-found{padding:60px 0}.not-found h1{margin:20px 0}.not-found p{margin-bottom:25px}.mobile-menu,.sidebar-scrim{display:none}.skip-link{z-index:100;border:2px solid var(--cpi-color-cpi-blue);background:#fff;border-radius:6px;padding:14px 20px;position:fixed;top:8px;left:270px;transform:translateY(-150%)}.skip-link:focus{transform:none}@media (width>=1600px){.overview-hero{min-height:470px}.hero-specimen{min-height:400px;padding:35px 35px 25px}.hero-ui-header{padding:22px}.hero-ui-row{padding:16px 22px}.hero-ui-metrics{padding:24px}.hero-ui-metrics span,.hero-ui-row div>span{font-size:10px}.hero-ui-row strong{font-size:12px}.floating-palette{right:12px}.hero-copy h1{font-size:58px}}@media (width<=1250px){.sidebar{width:230px;padding-inline:13px}.portal-main{margin-left:230px}.content{padding:33px 30px 0}.topbar{gap:20px;padding-inline:30px}.breadcrumb>span,.breadcrumb>svg{display:none}.search-container{width:220px}.hero-actions{gap:8px}.hero-copy h1{font-size:39px}.hero-specimen{padding:25px 8px}.hero-ui-metrics{gap:19px}.metric-chart{gap:3px}.metric-chart i{width:6px}.hero-copy>p:not(.eyebrow){font-size:13px}.hero-caption{line-height:1.6}.release-strip>div>span>span{margin:2px 0 0;display:block}.section-heading h2{font-size:20px}.entry-art{height:125px}.brand-art{gap:17px}.brand-art>span{font-size:57px}.components-art{gap:6px;padding:15px 10px}.components-art .cpi-badge{font-size:7px}.decorative-button{font-size:8px}.entry-card h2{font-size:16px}.entry-card p{font-size:11px}.foundation-banner{gap:20px;padding:27px}.foundation-banner h2{font-size:22px}.delivery-modes{gap:7px}.delivery-modes>span{gap:7px;padding:10px;font-size:10px}.principle-row{flex-wrap:wrap}.principle-row>.arrow-link{margin-left:39px}.component-card{padding:18px}.gradient-preview{padding:19px}.pattern-preview{grid-template-columns:1fr}.pattern-preview-copy{max-width:580px}.pattern-selector{gap:8px}.pattern-selector button{padding:15px}.pattern-selector small{font-size:9px}.role-card{padding:17px}.placement-preview{gap:10px;padding:14px}.placement-preview>span{font-size:9px}}@media (width<=980px){.overview-hero{grid-template-columns:1fr;gap:15px;padding-bottom:0}.hero-copy{max-width:630px}.hero-copy h1{font-size:50px}.hero-specimen{width:100%;max-width:600px;min-height:365px;margin:10px auto 0;padding-inline:38px}.hero-copy>p:not(.eyebrow){max-width:520px;font-size:14px}.hero-actions{gap:24px}.hero-caption{margin-top:15px}.floating-label{left:39px}.floating-palette{right:12px}.hero-ui-metrics{gap:32px}.metric-chart{gap:5px}.metric-chart i{width:11px}.hero-ui-row .cpi-badge{font-size:10px}.hero-ui-row strong{font-size:12px}.hero-ui-header strong{font-size:14px}.hero-ui-header div>span,.hero-ui-metrics span{font-size:10px}.section-heading{flex-direction:column;align-items:flex-start;gap:7px}.entry-grid,.component-grid,.download-grid,.roadmap,.acceptance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-grid>.entry-card:last-child{grid-column:1/-1}.entry-grid>.entry-card:last-child .entry-art{width:100%;max-width:300px}.entry-grid>.entry-card:last-child{grid-template-columns:.9fr 1fr;column-gap:20px;display:grid}.entry-grid>.entry-card:last-child .entry-art{grid-row:1/5;height:160px;margin-bottom:0}.entry-grid>.entry-card:last-child .entry-label{margin-top:13px}.entry-grid>.entry-card:last-child .entry-action{align-self:end}.overview-components>.component-card:last-child{display:none}.foundation-banner{grid-template-columns:1fr;gap:17px}.delivery-modes{grid-template-columns:repeat(4,1fr)}.delivery-modes>span{flex-direction:column;align-items:flex-start}.documentation-grid{grid-template-columns:1fr;gap:24px}.implementation-note{padding:22px}.example-canvas{padding:28px}.theme-controls{gap:10px}.theme-controls label{flex-direction:column;align-items:flex-start;gap:4px}.example-toolbar{gap:12px}.playground-grid{grid-template-columns:1fr}.playground-statuses{border-top:1px solid #e4e9f0;border-left:0;padding:25px 0 0}.theme-principles{gap:20px}.placement-grid,.gradient-grid{grid-template-columns:1fr}.placement-card{grid-template-columns:1fr 1fr;gap:0 23px;display:grid}.placement-preview{grid-row:1/3;margin-bottom:0}.placement-card h3{align-self:end}.gradient-card{grid-template-columns:1fr 1fr;display:grid}.gradient-preview{height:210px}.palette-strip{grid-template-columns:repeat(5,1fr);gap:18px 9px}.palette-strip>div>div{height:75px}.role-grid{grid-template-columns:1fr}.role-card .copy-button{align-self:center}.semantic-strip{grid-template-columns:1fr 1fr;gap:22px}.type-ramp>div{grid-template-columns:90px 1fr}.type-ramp p{font-size:min(9vw, var(--cpi-font-size-display))}.density-grid{grid-template-columns:1fr}.pattern-selector{grid-template-columns:1fr 1fr}.pattern-selector small{font-size:10px}.portal-footer{flex-wrap:wrap;gap:5px 20px}.portal-footer p{margin-left:0}.portal-footer a{margin-left:auto}}@media (width<=760px){.sidebar{width:270px;padding-top:23px;display:none;inset:65px auto 0 0;box-shadow:15px 0 40px #152f4420}.sidebar.is-open{display:flex}.portal-main{margin-left:0}.topbar{z-index:41;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffef;gap:14px;min-height:65px;padding:0 20px;position:sticky;top:0}.icon-button{width:36px;height:44px;color:var(--cpi-color-cpi-blue);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;display:grid}.breadcrumb{display:none}.search-container{width:100%}.search-container input{height:38px;font-size:12px}.topbar-download{font-size:0}.topbar-download svg{width:19px;height:19px}.sidebar-scrim{z-index:35;background:#101b302a;border:0;display:block;position:fixed;inset:65px 0 0}.content{padding:31px 24px 0}.skip-link{left:15px}.hero-copy h1{font-size:clamp(38px,7.5vw,53px)}.hero-copy>p:not(.eyebrow){font-size:15px}.overview-hero{gap:22px}.hero-specimen{min-height:355px}.page-heading h1{font-size:clamp(35px,6.2vw,48px)}.page-lead{font-size:14px}.page-heading{gap:15px}.page-heading>.cpi-badge{font-size:10px}.collection-count{min-width:70px;font-size:40px}.collection-count>span{font-size:8px}.brand-stage{height:280px}.type-ramp>div{grid-template-columns:90px 1fr}.portal-footer{font-size:10px}.example-canvas{padding:25px}.playground-header{padding:20px}.playground-body{padding:22px}.playground-title{flex-direction:column;align-items:flex-start}.playground-header>.cpi-badge{display:none}.pattern-preview,.pattern-example{padding:25px}.pattern-preview-copy h2{font-size:27px}.cpi-scope .copy-button,.format-switch button,.theme-controls select,.text-action{min-height:44px}.nav-link{min-height:44px;font-size:13px}.subnav a{min-height:40px}.search-results{top:47px}.download-card h2{font-size:18px}}@media (width<=480px){.content{padding-inline:20px}.hero-copy h1{font-size:38px}.hero-copy .eyebrow{font-size:8px}.hero-actions{gap:8px 18px}.hero-actions .cpi-button{font-size:11px}.hero-caption{font-size:9px}.hero-specimen{min-height:340px;padding:30px 8px 22px}.hero-specimen:before{inset:0 -4px}.floating-label{font-size:9px;top:17px;left:18px}.floating-palette{padding:7px;bottom:0}.floating-palette span{width:20px;height:20px}.hero-ui-metrics{gap:22px;padding:17px}.hero-ui-metrics strong{font-size:29px}.hero-ui-metrics span{font-size:9px}.metric-chart{gap:3px}.metric-chart i{width:7px}.hero-ui-header strong{font-size:12px}.hero-ui-header div>span,.hero-ui-row .cpi-badge{font-size:8px}.hero-ui-row strong{font-size:10px}.release-strip{flex-direction:column;align-items:flex-start;gap:0;padding:15px 17px 6px}.release-strip>div{align-items:flex-start}.release-strip>div>svg{flex-shrink:0;margin-top:2px}.release-strip>div>span>span{font-size:10px}.release-strip>.arrow-link{margin-left:30px;font-size:11px}.section-heading{margin-top:37px}.section-heading h2{font-size:20px}.entry-grid,.component-grid,.download-grid,.roadmap,.acceptance-grid{grid-template-columns:1fr}.entry-grid>.entry-card:last-child{grid-column:auto;display:flex}.entry-grid>.entry-card:last-child .entry-art{max-width:none;height:155px;margin-bottom:20px}.entry-grid>.entry-card:last-child .entry-label{margin-top:0}.entry-grid>.entry-card:last-child .entry-action{align-self:stretch}.entry-art{height:155px}.entry-card{padding:12px 12px 20px}.entry-card h2{font-size:20px}.entry-card p{font-size:13px}.entry-label,.entry-action{font-size:11px}.brand-art>span{font-size:78px}.brand-art>div{grid-template-columns:35px 35px}.brand-art i{width:35px;height:41px}.components-art{gap:9px;padding:25px 30px}.decorative-button{padding:11px;font-size:11px}.components-art .cpi-badge,.decorative-input{font-size:10px}.mini-shell{width:85%;height:109px}.mini-shell>span{width:42px}.mini-shell>div{padding:21px 15px}.mini-shell i{height:10px;margin-bottom:9px}.mini-journey{bottom:23px;right:27px}.mini-journey span{width:25px;height:25px;font-size:10px}.foundation-banner{padding:26px}.delivery-modes{grid-template-columns:1fr 1fr}.delivery-modes>span{flex-direction:row;align-items:center}.foundation-banner h2{font-size:25px}.component-card{padding:23px}.component-card p{font-size:13px}.principle-row{gap:12px;padding:20px}.principle-row>div{flex:1}.principle-row p{font-size:12px}.principle-row>.arrow-link{margin-left:35px;font-size:11px}.principle-row h3{font-size:15px}.page-heading{flex-direction:column}.page-heading h1{font-size:36px}.collection-count{display:none}.readiness{flex-direction:column;align-items:flex-start;gap:10px}.theme-controls{gap:14px;width:100%}.theme-controls label{flex:1}.theme-controls select{width:100%}.example-toolbar{padding:16px}.example-canvas{padding:22px 18px}.example-footer{flex-wrap:wrap;gap:3px;padding:13px 17px 5px}.example-footer>.preview-label{font-size:9px}.documentation-grid{gap:20px;margin-top:32px}.implementation-grid{grid-template-columns:1fr;gap:25px}.code-toolbar{padding:8px 12px;font-size:10px}.code-block pre{padding:18px;font-size:11px}.playground-header{padding:17px}.playground-header strong{font-size:12px}.playground-header small{font-size:9px}.playground-body{padding:19px}.playground-title h2{font-size:23px}.theme-principles{grid-template-columns:1fr;gap:18px}.theme-principles p{margin-top:5px}.placement-card{grid-template-columns:1fr}.placement-preview{grid-row:auto;min-height:110px;margin-bottom:17px;padding:25px}.placement-preview>span{font-size:12px}.placement-preview small{font-size:10px}.placement-card h3{font-size:16px}.placement-card p{font-size:13px}.placement-grid{gap:28px}.palette-strip{gap:16px 6px}.palette-strip code{font-size:8px}.palette-strip>div>div{height:65px}.role-card{gap:10px;padding:17px 14px}.role-swatch{width:27px;height:27px}.role-card>div:nth-child(2){max-width:calc(100% - 38px)}.role-card>.copy-button{margin-left:37px}.semantic-strip .cpi-badge{font-size:11px}.gradient-card{grid-template-columns:1fr}.gradient-preview{height:230px;padding:25px}.gradient-preview strong{font-size:35px}.gradient-card p{font-size:12px}.type-specimen{grid-template-columns:1fr}.type-specimen>div{padding:28px}.type-specimen strong{font-size:112px}.type-specimen .mono-specimen strong{margin-block:15px;font-size:94px}.type-ramp>div{grid-template-columns:1fr;gap:14px}.type-ramp>div>div{flex-direction:row;align-items:center;gap:12px}.type-ramp p{font-size:min(12vw,56px)}.density-demo{padding:14px}.density-grid>section>div:first-child{flex-wrap:wrap}.pattern-selector{gap:9px}.pattern-selector button{padding:15px 13px}.pattern-selector small{line-height:1.5}.pattern-preview{gap:24px;padding:23px 16px}.pattern-preview-copy h2{font-size:28px}.pattern-example{padding:20px 17px}.manage-example>div:first-child{flex-wrap:wrap;gap:9px}.manage-request{flex-direction:column;align-items:flex-start;gap:13px}.pattern-example .cpi-button{font-size:11px}.guided-example .eyebrow{font-size:9px}.adoption-statement{padding:28px}.adoption-statement h2{font-size:28px}.roadmap h3{font-size:22px}.roadmap p{font-size:13px}.acceptance-grid{gap:24px}.acceptance-grid p{font-size:13px}.download-card{padding:25px}.download-card h2{font-size:22px}.download-card p{font-size:13px}.portal-footer{flex-direction:column;align-items:flex-start;gap:7px;margin-top:35px;padding-top:23px}.portal-footer a{margin-left:0}.next-page strong{font-size:17px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal *,.portal :before,.portal :after{transition:none!important;animation:none!important}}@media (width<=980px){.brand-guidance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.brand-guidance-grid{grid-template-columns:1fr;gap:14px}.brand-guidance-grid article{padding:20px}}.coverage-table a,.quality-check a{color:var(--cpi-color-action-default)}.coverage-totals{grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0;display:grid}.coverage-totals>div{border:1px solid var(--cpi-color-border-default);background:#fff;border-radius:16px;gap:10px;padding:24px;display:grid}.coverage-totals strong{letter-spacing:-.04em;font-size:36px}.coverage-totals span{color:var(--cpi-color-text-muted);font-size:13px}.coverage-table table{min-width:760px}.coverage-table td{vertical-align:top;white-space:normal;line-height:1.65}.coverage-table .cpi-badge{margin-top:8px}.coverage-table th{white-space:nowrap}.coverage-table .cpi-hint{max-width:260px}.quality-check{border:1px solid var(--cpi-color-border-default);background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;padding:24px;display:flex}.quality-check>div:first-child{flex:320px}.quality-check p{color:var(--cpi-color-text-muted);margin:6px 0 0;font-size:13px;line-height:1.7}.quality-result{flex-basis:100%;font-size:14px}.quality-result:empty{display:none}.quality-check ul{width:100%;font-size:14px;line-height:1.8}@media (width<=700px){.coverage-totals{grid-template-columns:repeat(2,1fr)}.coverage-totals>div{padding:18px}}.example-source{border-top:1px solid #e4e9f0}.example-source .code-block{border:0;border-radius:0;margin:0}.example-source .code-block+.code-block{border-top:1px solid #26334a}.example-meta{color:#526078;background:#fbfcfd;border-top:1px solid #e4e9f0;flex-wrap:wrap;align-items:start;gap:10px 26px;padding:16px 20px;font-size:12px;line-height:1.65;display:flex}.example-meta span{flex:190px}.example-meta strong{letter-spacing:.06em;text-transform:uppercase;color:#344862;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.example-meta a{color:var(--cpi-color-action-default);flex-shrink:0;align-self:center;font-size:11px}@media (width<=480px){.example-meta{gap:13px;padding:14px 17px}.example-meta span{flex-basis:100%}}.expression-legend{border-block:1px solid var(--portal-border);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 24px;margin:26px 0 30px;padding:18px 0;display:grid}.expression-legend span{color:#526078;gap:3px;font-size:12px;display:grid}.expression-legend strong{color:#24395f;font-size:13px}.example-canvas:has(>.cpi-capability-split){padding:44px}@media (width<=760px){.cpi-capability-split{grid-template-columns:1fr!important}}.showcase-page{--showcase-muted:var(--cpi-color-text-muted);--showcase-border:var(--cpi-color-border-default)}.showcase-page .showcase-eyebrow{letter-spacing:.13em;color:var(--showcase-muted);text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:700;line-height:1.5;display:flex}.showcase-eyebrow>span{background:var(--cpi-color-action-default);width:22px;height:2px;display:inline-block}.showcase-intro{grid-template-columns:minmax(0,1fr) 225px;align-items:center;gap:36px;padding:8px 0 48px;display:grid}.showcase-intro h1{letter-spacing:-.05em;margin:22px 0;font-size:clamp(38px,4.2vw,60px);font-weight:900;line-height:1.06}.showcase-intro h1 span,.showcase-theme-heading h1 span{color:var(--cpi-color-action-default)}.showcase-intro>div>p:not(.showcase-eyebrow){color:var(--showcase-muted);font-size:16px;line-height:1.75}.showcase-intro-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px;display:flex}.showcase-text-link{align-items:center;gap:9px;min-height:44px;font-size:13px;font-weight:700;display:inline-flex;color:var(--cpi-color-action-default)!important}.showcase-text-link:hover{text-decoration:underline}.showcase-intro-note{border-left:1px solid var(--showcase-border);padding:0 0 0 28px}.showcase-note-number{font:500 14px var(--cpi-font-family-mono);color:var(--cpi-color-action-default);margin-bottom:22px;display:block}.showcase-intro-note strong{letter-spacing:-.025em;margin-bottom:13px;font-size:21px;line-height:1.4;display:block}.showcase-intro-note>p{font-size:12px!important}.showcase-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.showcase-section-heading h2{margin-top:9px;font-size:27px;font-weight:700}.showcase-section-heading>span{color:var(--showcase-muted);font-size:12px}.showcase-featured{border-top:1px solid var(--showcase-border);margin-bottom:60px;padding-top:32px}.showcase-screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.showcase-screen-card{min-width:0;display:block}.showcase-screen-stage{border:1px solid var(--showcase-border);background:linear-gradient(130deg,#edf3ff,#dce7f6);border-radius:12px;height:220px;padding:28px 15px 0;position:relative;overflow:hidden}.showcase-stage-1{background:linear-gradient(135deg,#edf4ee,#d2e4da)}.showcase-stage-2{background:linear-gradient(135deg,#f7edf3,#e6d9e5)}.showcase-screen-stage>.showcase-thumbnail{background:#fff;border:1px solid #0b054412;border-radius:5px 5px 0 0;height:230px;box-shadow:0 13px 22px #0b05441c}.showcase-screen-tag{color:var(--cpi-color-text-default);letter-spacing:.035em;background:#fff;border:1px solid #0b05441a;border-radius:5px;padding:5px 10px;font-size:10px;font-weight:700;position:absolute;bottom:13px;left:14px;box-shadow:0 2px 8px #0b05440d}.showcase-screen-caption{justify-content:space-between;align-items:start;gap:12px;padding:17px 2px 0;display:flex}.showcase-screen-caption h3{font-size:16px;font-weight:700}.showcase-screen-caption p{color:var(--showcase-muted);margin-top:7px;font-size:12px}.showcase-screen-caption>svg{color:var(--cpi-color-action-default);flex-shrink:0;margin-top:1px}.showcase-thumbnail{pointer-events:none;background:var(--cpi-color-surface-subtle);width:100%;position:relative;overflow:hidden}.showcase-thumbnail iframe{pointer-events:none;border:0;display:block;position:absolute;top:0;left:0}.showcase-placeholder{height:180px;color:var(--showcase-muted);place-items:center;font-size:12px;display:grid}.showcase-filter-bar{border-block:1px solid var(--showcase-border);align-items:center;gap:20px;padding:19px 0;display:flex}.showcase-search{flex:1;max-width:390px;position:relative}.showcase-search svg{color:var(--showcase-muted);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.showcase-search input{border:1px solid var(--cpi-color-border-control);width:100%;min-height:44px;color:var(--cpi-color-text-default);background:#fff;border-radius:7px;padding:10px 14px 10px 40px;font-size:14px}.showcase-category{color:var(--showcase-muted);align-items:center;gap:10px;font-size:12px;display:flex}.showcase-category select{border:1px solid var(--cpi-color-border-control);min-height:44px;color:var(--cpi-color-text-default);background:#fff;border-radius:7px;padding:8px 32px 8px 12px}.showcase-result-count{color:var(--showcase-muted);white-space:nowrap;margin-left:auto;font-size:12px}.showcase-group{padding:31px 0 8px}.showcase-group-title{align-items:baseline;gap:12px;margin:0 0 16px;display:flex}.showcase-group-title h3{font-size:14px;font-weight:700}.showcase-group-title>span{color:var(--showcase-muted);font-size:11px}.showcase-block-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.showcase-block-card{border:1px solid var(--showcase-border);border-radius:10px;flex-direction:column;min-width:0;transition:box-shadow .16s,border-color .16s;display:flex;overflow:hidden}.showcase-block-card:hover{border-color:var(--cpi-color-action-default);box-shadow:0 6px 18px #0b05440c}.showcase-block-art{background:var(--cpi-color-surface-subtle);border-bottom:1px solid var(--showcase-border);height:188px;position:relative;overflow:hidden}.showcase-block-art .showcase-thumbnail{height:100%}.showcase-hover-label{background:var(--cpi-color-cpi-dark-blue);color:#fff;opacity:0;border-radius:5px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex;position:absolute;bottom:10px;right:10px}.showcase-block-card:is(:hover,:focus-visible) .showcase-hover-label{opacity:1}.showcase-block-caption{flex-direction:column;flex:1;padding:19px;display:flex}.showcase-block-caption h4{margin:0;font-size:15px;font-weight:700;line-height:1.4}.showcase-block-caption p{color:var(--showcase-muted);margin:7px 0 18px;font-size:12px;line-height:1.65}.showcase-block-caption>span{color:var(--showcase-muted);justify-content:space-between;align-items:center;margin-top:auto;font-size:11px;display:flex}.showcase-block-caption>span svg{color:var(--cpi-color-action-default)}.showcase-system-story{border:1px solid var(--showcase-border);background:#f8fafc;border-radius:15px;grid-template-columns:1fr 1.1fr;align-items:center;gap:35px;margin-top:58px;padding:34px;display:grid}.showcase-system-story h2{margin:14px 0;font-size:29px;font-weight:700}.showcase-system-story p:not(.showcase-eyebrow){color:var(--showcase-muted);margin-bottom:13px;font-size:14px}.showcase-story-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.showcase-theme-tile{border:1px solid var(--showcase-border);background:#fff;border-radius:9px;padding:13px;display:block}.showcase-theme-tile strong{margin:14px 0 4px;font-size:13px;display:block}.showcase-theme-tile small{color:var(--showcase-muted);font-size:11px;line-height:1.6;display:block}.showcase-swatch-strip{border-radius:5px;height:50px;display:flex;overflow:hidden}.showcase-swatch-strip i{background:#0b0544;flex:1}.showcase-swatch-strip i:nth-child(2){background:#206fe5}.showcase-swatch-strip i:nth-child(3){background:#a2c6ff}.showcase-theme-evergreen .showcase-swatch-strip i:first-child{background:#194c3c}.showcase-theme-evergreen .showcase-swatch-strip i:nth-child(2){background:#24634f}.showcase-theme-evergreen .showcase-swatch-strip i:nth-child(3){background:#c1daca}.showcase-theme-plum .showcase-swatch-strip i:first-child{background:#511947}.showcase-theme-plum .showcase-swatch-strip i:nth-child(2){background:#6d255d}.showcase-theme-plum .showcase-swatch-strip i:nth-child(3){background:#d5b9cd}.showcase-react-links{margin-top:50px}.showcase-react-links>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.showcase-react-links a{border-block:1px solid var(--showcase-border);padding:17px 0;position:relative}.showcase-react-links a>span{color:var(--showcase-muted);margin-bottom:8px;font-size:11px;display:block}.showcase-react-links a strong{padding-right:20px;font-size:14px;display:block}.showcase-react-links a svg{color:var(--cpi-color-action-default);position:absolute;bottom:19px;right:0}.showcase-release-note{color:var(--showcase-muted);font-size:12px;margin-top:26px!important}.showcase-loading,.showcase-no-results{text-align:center;color:var(--showcase-muted);padding:48px 25px}.showcase-loading button,.showcase-no-results button{margin-top:20px}.showcase-no-results p{margin-top:8px}.showcase-back{align-items:center;min-height:44px;font-size:13px;display:inline-flex;color:var(--cpi-color-action-default)!important}.showcase-detail-heading{margin:22px 0 30px}.showcase-detail-heading h1{margin:14px 0;font-size:42px}.showcase-detail-heading>p:not(.showcase-eyebrow){color:var(--showcase-muted);font-size:16px}.showcase-detail-heading>span{color:var(--showcase-muted);margin-top:20px;font-size:13px;display:block}.showcase-detail-heading>span strong{color:var(--cpi-color-text-default);margin-right:8px}.showcase-demo-box{border:1px solid var(--showcase-border);border-radius:12px;overflow:hidden}.showcase-preview-toolbar{border-bottom:1px solid var(--showcase-border);background:#fff;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 20px;display:flex}.showcase-device-switch{border:1px solid var(--showcase-border);border-radius:7px;gap:3px;padding:3px;display:flex}.showcase-device-switch button{color:var(--showcase-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;min-height:36px;padding:8px 10px;display:flex;font-size:11px!important}.showcase-device-switch button[aria-pressed=true]{color:var(--cpi-color-action-default);background:var(--cpi-color-surface-selected)}.showcase-preview-toolbar .theme-controls{margin-left:auto}.showcase-present-button{min-height:44px;color:var(--cpi-color-action-default);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:flex;font-size:12px!important}.showcase-preview-stage{background:#e9edf2;overflow-x:auto}.showcase-frame{background:#fff;width:100%;margin:0 auto}.showcase-frame iframe{background:#fff;border:0;width:100%;display:block}.showcase-stage-mobile{padding:28px 12px}.showcase-frame-mobile{border:1px solid #c8cfda;border-radius:17px;width:min(100%,390px);overflow:hidden;box-shadow:0 12px 28px #0b054414}.showcase-preview-footer{border-top:1px solid var(--showcase-border);background:#fafbfd;justify-content:space-between;align-items:center;gap:18px;padding:12px 20px;display:flex}.showcase-preview-footer>p{color:var(--showcase-muted);align-items:center;gap:7px;font-size:11px;display:flex}.showcase-preview-footer>p>span{background:#73899c;border-radius:50%;width:5px;height:5px}.showcase-preview-footer>div{align-items:center;gap:18px;display:flex}.showcase-preview-footer :is(button,a){color:var(--cpi-color-action-default);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:3px 0;display:inline-flex;font-size:12px!important}.showcase-source-tabs{gap:10px;padding:14px 20px 0;display:flex}.showcase-source-tabs button{border:1px solid var(--showcase-border);min-height:40px;color:var(--showcase-muted);cursor:pointer;background:#fff;border-radius:6px;padding:7px 14px;font-size:12px!important}.showcase-source-tabs button[aria-pressed=true]{background:var(--cpi-color-surface-selected);color:var(--cpi-color-action-default);border-color:var(--cpi-color-action-default)}#block-source .code-block{margin:14px 20px}.showcase-source-note{color:var(--showcase-muted);padding:0 20px 20px;font-size:12px}.showcase-fact-strip{border-top:1px solid var(--showcase-border);color:var(--showcase-muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:18px 20px;font-size:12px;display:grid}.showcase-fact-strip strong{color:var(--cpi-color-text-default);margin-bottom:4px;font-size:11px;display:block}.showcase-behavior{padding-top:35px}.showcase-behavior h2{margin-bottom:17px;font-size:23px}.showcase-behavior>p:not(.showcase-ownership){color:var(--showcase-muted);align-items:start;gap:13px;font-size:14px;display:flex}.showcase-behavior>p svg{color:var(--cpi-color-action-default);flex-shrink:0;margin-top:3px}.showcase-ownership{color:var(--showcase-muted);font-size:12px;margin-top:20px!important}.showcase-next{border-top:1px solid var(--showcase-border);justify-content:space-between;gap:22px;margin-top:35px;padding-top:22px;display:flex}.showcase-next a{min-height:44px;color:var(--cpi-color-action-default);align-items:center;gap:10px;font-size:13px;font-weight:700;display:inline-flex}:is(.portal:has(.showcase-presenting)>.sidebar,.portal:has(.showcase-presenting) .topbar,.portal:has(.showcase-presenting) .portal-footer){display:none}.portal:has(.showcase-presenting) .portal-main{margin-left:0}.portal:has(.showcase-presenting) .content{max-width:1500px;padding:20px}.showcase-presenting .showcase-preview-toolbar{z-index:2;position:sticky;top:0}.showcase-presenting .showcase-demo-box{overflow:visible}.showcase-presentation-label{border-bottom:1px solid var(--showcase-border);background:#fff;justify-content:space-between;gap:20px;padding:14px 20px;font-size:14px;display:flex}.showcase-presentation-label>span{color:var(--showcase-muted);font-size:12px}.showcase-theme-heading{max-width:820px;margin-bottom:35px}.showcase-theme-heading h1{margin:18px 0 22px;font-size:clamp(35px,3.8vw,52px);font-weight:900;line-height:1.13}.showcase-theme-heading>p:last-child{color:var(--showcase-muted);max-width:690px;font-size:16px}.showcase-theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.showcase-theme-option{border:1px solid var(--showcase-border);color:var(--cpi-color-text-default);cursor:pointer;text-align:left;background:#fff;border-radius:10px;align-items:center;gap:16px;padding:18px;display:flex;position:relative}.showcase-theme-option[aria-pressed=true]{outline:2px solid var(--cpi-color-action-default);outline-offset:2px}.showcase-theme-option .showcase-swatch-strip{flex-shrink:0;width:58px;height:47px}.showcase-theme-option strong{font-size:14px;display:block}.showcase-theme-option small{color:var(--showcase-muted);margin-top:4px;font-size:11px;display:block}.showcase-theme-check{color:var(--cpi-color-action-default);flex-shrink:0;width:17px;margin-left:auto}.showcase-theme-context{border-bottom:1px solid var(--showcase-border);justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;padding:25px 0;display:flex}.showcase-theme-context p{color:var(--showcase-muted);font-size:13px}.showcase-theme-screens{gap:45px;display:grid}.showcase-theme-screen-heading{align-items:center;gap:20px;margin-bottom:20px;display:flex}.showcase-theme-screen-heading>span{border:1px solid var(--showcase-border);width:47px;height:47px;color:var(--showcase-muted);font:12px var(--cpi-font-family-mono);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.showcase-theme-screen-heading h2{margin:5px 0;font-size:25px}.showcase-theme-screen-heading>div>p:last-child{color:var(--showcase-muted);font-size:13px}.showcase-theme-screen-heading>a{flex-shrink:0;margin-left:auto}.showcase-theme-screen-art{border:1px solid var(--showcase-border);background:linear-gradient(135deg,#f3f5f8,#e5eaf1);border-radius:14px;height:485px;padding:28px 28px 0;overflow:hidden}.showcase-theme-screen-art .showcase-thumbnail{border:1px solid #0b05441c;border-radius:8px 8px 0 0;height:830px;box-shadow:0 12px 30px #0b054419}.showcase-platform-story{border:1px solid var(--showcase-border);border-radius:14px;grid-template-columns:1fr 1.2fr;gap:45px;margin-top:45px;padding:34px;display:grid}.showcase-platform-story h2{margin:20px 0 15px;font-size:28px}.showcase-platform-story p{color:var(--showcase-muted);font-size:14px}.showcase-platform-story>div>svg{color:var(--cpi-color-action-default)}.showcase-platform-story ul{margin:0;padding:0;list-style:none}.showcase-platform-story li{padding:0 0 20px}.showcase-platform-story li+li{border-top:1px solid var(--showcase-border);padding-top:20px}.showcase-platform-story li strong{margin-bottom:7px;font-size:14px;display:block}.showcase-platform-story li span{color:var(--showcase-muted);font-size:13px;line-height:1.6;display:block}@media (width>=1650px){.showcase-block-art{height:215px}.showcase-screen-stage{height:245px}}@media (width<=1150px){.showcase-intro{grid-template-columns:1fr}.showcase-intro-note{display:none}.showcase-screen-grid{gap:15px}.showcase-screen-stage{height:165px;padding:20px 10px 0}.showcase-block-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.showcase-system-story{grid-template-columns:1fr;gap:24px}.showcase-theme-options{gap:13px}.showcase-theme-option{flex-direction:column;align-items:start;gap:12px}.showcase-theme-check{position:absolute;top:17px;right:13px}.showcase-theme-context{flex-wrap:wrap}.showcase-preview-toolbar .theme-controls{margin-left:0}.showcase-present-button{margin-left:auto}.showcase-preview-footer{flex-wrap:wrap}.showcase-theme-screen-art{height:380px}.showcase-platform-story{grid-template-columns:1fr;gap:30px}}@media (width<=720px){.showcase-intro{padding-bottom:35px}.showcase-intro h1{font-size:39px}.showcase-intro>div>p:not(.showcase-eyebrow){font-size:14px}.showcase-intro-actions{gap:14px}.showcase-screen-grid{grid-template-columns:1fr;gap:26px}.showcase-screen-stage{height:230px;padding:25px 18px 0}.showcase-screen-stage>.showcase-thumbnail{height:400px}.showcase-featured{margin-bottom:40px}.showcase-section-heading{flex-direction:column;align-items:start;gap:12px}.showcase-section-heading h2{font-size:25px}.showcase-filter-bar{flex-wrap:wrap;gap:15px}.showcase-search{flex-basis:100%;max-width:none}.showcase-category{flex:1}.showcase-category select{width:100%;min-width:0;padding-right:12px}.showcase-block-grid{grid-template-columns:1fr}.showcase-block-art{height:220px}.showcase-block-caption p{font-size:13px}.showcase-system-story{padding:25px}.showcase-story-swatches{gap:9px}.showcase-theme-tile{padding:9px}.showcase-theme-tile strong{font-size:12px}.showcase-react-links>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-detail-heading h1{font-size:34px}.showcase-preview-toolbar{gap:12px;padding:12px}.showcase-device-switch button span{display:none}.showcase-device-switch button{min-height:40px;padding:8px 12px}.showcase-preview-toolbar .theme-controls{order:3;justify-content:space-between;width:100%}.showcase-present-button{min-height:44px}.showcase-preview-footer{padding:14px}.showcase-preview-footer>div{flex-wrap:wrap;gap:14px}.showcase-fact-strip{grid-template-columns:1fr;gap:15px}.showcase-next{flex-wrap:wrap}.showcase-theme-options{grid-template-columns:1fr}.showcase-theme-option{flex-direction:row;align-items:center;gap:16px}.showcase-theme-check{position:static}.showcase-theme-screen-heading{flex-wrap:wrap;gap:14px}.showcase-theme-screen-heading>div{flex:1}.showcase-theme-screen-heading>a{margin:0 0 0 60px}.showcase-theme-screen-art{height:235px;padding:18px 12px 0}.showcase-platform-story{padding:24px}.showcase-presentation-label{flex-direction:column;gap:7px}.portal:has(.showcase-presenting) .content{padding:10px}}@media (prefers-reduced-motion:reduce){.showcase-block-card{transition:none}}.tour-intro{margin-bottom:var(--cpi-space-8);max-width:850px}.tour-intro h1{font-size:var(--cpi-font-size-display);font-weight:900;line-height:var(--cpi-font-line-height-display);letter-spacing:var(--cpi-font-letter-spacing-display);margin:var(--cpi-space-5) 0}.tour-intro h1 span{color:var(--cpi-color-action-default)}.tour-intro>p:not(.showcase-eyebrow){font-size:var(--cpi-font-size-body);color:var(--cpi-color-text-muted);max-width:70ch}.tour-intro-meta{gap:var(--cpi-space-5);margin-top:var(--cpi-space-6);font-size:var(--cpi-font-size-caption);color:var(--cpi-color-text-muted);flex-wrap:wrap;display:flex}.tour-controls{gap:var(--cpi-space-3);padding:var(--cpi-space-3) 0;border-top:1px solid var(--cpi-color-border-default);flex-wrap:wrap;justify-content:space-between;display:flex}.tour-stops{gap:var(--cpi-space-2);flex-wrap:wrap;display:flex}.tour-stops button,.tour-present,.tour-stage-footer button,.tour-window-bar button{justify-content:center;align-items:center;gap:var(--cpi-space-2);min-height:44px;padding:var(--cpi-space-2) var(--cpi-space-3);color:var(--cpi-color-text-muted);font-size:var(--cpi-font-size-caption);cursor:pointer;border-radius:var(--cpi-radius-control);background:0 0;border:0;display:inline-flex}.tour-stops button span{font-weight:700}.tour-stops button[aria-pressed=true]{color:var(--cpi-color-action-default);background:var(--cpi-color-surface-selected)}.tour-present{color:var(--cpi-color-action-default)}.tour-stage{border:1px solid var(--cpi-color-border-default);border-radius:var(--cpi-radius-panel);overflow:hidden}.tour-stage-heading{padding:var(--cpi-space-6);align-items:center;gap:var(--cpi-space-6);justify-content:space-between;display:flex}.tour-stage-heading :is(h1,h2){font-size:var(--cpi-font-size-title);margin:var(--cpi-space-3) 0;font-weight:900}.tour-stage-heading>div>p:last-child{color:var(--cpi-color-text-muted);max-width:65ch;font-size:var(--cpi-font-size-label)}.tour-stage-heading>a{font-size:var(--cpi-font-size-caption);flex-shrink:0}.tour-demo-layout{border-block:1px solid var(--cpi-color-border-default);grid-template-columns:minmax(0,1fr) 245px;display:grid}.tour-window{min-width:0}.tour-window-bar{align-items:center;gap:var(--cpi-space-3);border-bottom:1px solid var(--cpi-color-border-default);padding:0 var(--cpi-space-4);background:var(--cpi-color-surface-subtle);min-height:44px;font-size:var(--cpi-font-size-caption);display:flex}.tour-window-bar>span{color:var(--cpi-color-border-default)}.tour-window-bar strong{font-weight:400}.tour-window-bar button{color:var(--cpi-color-action-default);margin-left:auto}.tour-viewport{background:var(--cpi-color-surface-default);height:720px;overflow:auto}.tour-viewport>iframe{border:0;width:100%;height:100%;display:block}.tour-notes{border-left:1px solid var(--cpi-color-border-default);background:var(--cpi-color-surface-subtle);padding:var(--cpi-space-5)}.tour-notes :is(h2,h3){font-size:var(--cpi-font-size-section);line-height:var(--cpi-font-line-height-section);margin:var(--cpi-space-4) 0 var(--cpi-space-6)}.tour-notes ul{margin:0;padding:0;list-style:none}.tour-notes li{gap:var(--cpi-space-2);font-size:var(--cpi-font-size-label);color:var(--cpi-color-text-muted);margin-bottom:var(--cpi-space-4);display:flex}.tour-notes li svg{margin-top:var(--cpi-space-1);color:var(--cpi-color-action-default);flex-shrink:0}.tour-provenance{border-top:1px solid var(--cpi-color-border-default);margin-top:var(--cpi-space-6);padding-top:var(--cpi-space-5);font-size:var(--cpi-font-size-caption)}.tour-provenance p{margin-top:var(--cpi-space-2);color:var(--cpi-color-text-muted)}.tour-stage-footer{padding:var(--cpi-space-3);justify-content:space-between;align-items:center;gap:var(--cpi-space-3);display:flex}.tour-stage-footer p{font-size:var(--cpi-font-size-caption);color:var(--cpi-color-text-muted)}.tour-stage-footer button{color:var(--cpi-color-action-default)}.tour-stage-footer button:disabled{opacity:.45;cursor:default}.tour-boundary{font-size:var(--cpi-font-size-caption);color:var(--cpi-color-text-muted);margin-top:var(--cpi-space-4)}.tour-pilot{gap:var(--cpi-space-8);margin-top:var(--cpi-space-10);border-top:1px solid var(--cpi-color-border-default);padding-top:var(--cpi-space-8);grid-template-columns:1fr 1fr;display:grid}.tour-pilot h2{font-size:var(--cpi-font-size-title);margin:var(--cpi-space-4) 0}.tour-pilot p,.tour-pilot li{color:var(--cpi-color-text-muted);font-size:var(--cpi-font-size-label)}.tour-pilot ul{padding-left:var(--cpi-space-5);margin:var(--cpi-space-4) 0}.tour-pilot li{margin-bottom:var(--cpi-space-3)}.tour-page.showcase-presenting .tour-controls{z-index:3;background:var(--cpi-color-surface-default);position:sticky;top:0}.tour-page.showcase-presenting .tour-viewport{height:760px}@media (width<=1150px){.tour-demo-layout,.tour-page.showcase-presenting .tour-demo-layout{grid-template-columns:1fr}.tour-notes{border-left:0;border-top:1px solid var(--cpi-color-border-default)}.tour-notes ul{gap:var(--cpi-space-4);grid-template-columns:repeat(3,1fr);display:grid}.tour-notes h3{margin-bottom:var(--cpi-space-4)}.tour-provenance{margin-top:var(--cpi-space-3)}.tour-stage-heading{align-items:start}.tour-stage-heading>a{white-space:normal}}@media (width<=650px){.tour-stage-heading{padding:var(--cpi-space-4);flex-direction:column}.tour-stops{grid-template-columns:1fr 1fr;width:100%;display:grid}.tour-stops button{justify-content:start}.tour-notes ul,.tour-pilot{grid-template-columns:1fr}.tour-stage-footer{flex-wrap:wrap}.tour-stage-footer p{text-align:center;order:-1;width:100%}.tour-window-bar>span{display:none}.tour-window-bar{padding:0 var(--cpi-space-2)}.tour-viewport{height:650px}}.tour-page.showcase-presenting .tour-demo-layout{grid-template-columns:1fr}.tour-page.showcase-presenting .tour-notes{border-left:0;border-top:1px solid var(--cpi-color-border-default)}.tour-page.showcase-presenting .tour-notes ul{gap:var(--cpi-space-4);grid-template-columns:repeat(3,1fr);display:grid}.tour-page.showcase-presenting .tour-viewport{height:75vh;min-height:480px}@media (width<=650px){.tour-page.showcase-presenting .tour-notes ul{grid-template-columns:1fr}}}.portal .changelog-intro,.portal .changelog-entry{max-width:74ch}.portal .changelog-entry{border-top:1px solid var(--portal-border);padding:34px 0}.portal .changelog-entry:first-of-type{border-top:0;padding-top:10px}.portal .changelog-heading{flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-bottom:2px;display:flex}.portal .changelog-heading h2{font-size:var(--cpi-font-size-section);letter-spacing:-.03em;margin:0}.portal .changelog-date{font-size:var(--cpi-font-size-caption);color:var(--cpi-color-text-muted)}.portal .changelog-kind{font-size:var(--cpi-font-size-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--cpi-color-text-default);margin:30px 0 12px;font-weight:600}.portal .changelog-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.portal .changelog-list li{font-size:var(--cpi-font-size-label);color:var(--cpi-color-text-muted);padding-left:20px;line-height:1.65;position:relative}.portal .changelog-list li:before{content:"";background:var(--cpi-color-border-control);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:3px}.portal .changelog-intro p,.portal .changelog-entry>p{font-size:var(--cpi-font-size-label);color:var(--cpi-color-text-muted);margin:0 0 12px;line-height:1.7}.portal .changelog-entry code,.portal .changelog-intro code{font-size:var(--cpi-font-size-caption);background:var(--cpi-color-surface-selected);border-radius:4px;padding:1px 3px}.portal .changelog-entry a,.portal .changelog-intro a{color:var(--cpi-color-action-default);text-underline-offset:3px;text-decoration:underline}