.cms-page-form__header .eyebrow a{color:inherit;text-decoration:none}.cms-page-form__header .eyebrow a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.cms-page-form{margin-top:.25rem}.cms-page-form__panel{overflow:hidden}.cms-page-form__panel-head{display:flex;border:0;flex-direction:column;gap:.25rem;margin:0 0 1rem;padding:0}.cms-page-form__panel-head h2{letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700;line-height:1.25}.cms-page-form__panel-head .muted{font-size:var(--grq-text-md);max-width:42rem;margin:0;line-height:1.45}.cms-page-form__eyebrow{font-size:var(--grq-text-xxs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;font-weight:750}.cms-page-form__panel .panel__head{display:none}.cms-page-form__panel .form-grid{gap:.95rem}.cms-page-form__panel--canvas{background:linear-gradient(125deg,color-mix(in srgb,var(--primary)8%,var(--surface))0%,var(--surface)52%);border-color:color-mix(in srgb,var(--primary)28%,var(--border))}.cms-page-form__canvas-cta{display:flex;border-radius:calc(var(--radius) + 2px);border:1px dashed color-mix(in srgb,var(--primary)40%,var(--border));background:color-mix(in srgb,var(--surface)70%,transparent);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.85rem 1rem;padding:.95rem 1rem}.cms-page-form__canvas-copy{display:flex;flex-direction:column;flex:14rem;gap:.2rem;min-width:0}.cms-page-form__canvas-copy strong{font-size:var(--grq-text-base);font-weight:700}.cms-page-form__canvas-copy .muted{font-size:var(--grq-text-sm);line-height:1.4}.cms-page-form__publish{position:sticky;top:4.5rem}.cms-page-form__status-strip{display:flex;border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2,var(--surface))70%,var(--surface));flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.5rem .75rem;margin:0 0 1rem;padding:.7rem .8rem}.cms-page-form__status-pill{display:inline-flex;font-size:var(--grq-text-sm);align-items: center;gap:.4rem;font-weight:700}.cms-page-form__status-dot{background:var(--text-muted);border-radius:999px;width:.55rem;height:.55rem}.cms-page-form__status-pill.is-info .cms-page-form__status-dot{background:var(--info,#2f6fed)}.cms-page-form__status-pill.is-ok .cms-page-form__status-dot{background:var(--success,#1f9d55)}.cms-page-form__status-pill.is-muted .cms-page-form__status-dot{background:var(--text-muted)}.cms-page-form__status-meta code{font-size:var(--grq-text-sm)}.cms-page-form__aside-actions{display:flex;border-top:1px solid var(--border);flex-wrap:wrap;gap:.45rem;margin-top:1.1rem;padding-top:1rem}.cms-page-form__aside-actions .btn--primary{flex:auto}@media (max-width:900px){.cms-page-form__publish{position:static}}.cms-pages-table .table__title .muted{display:inline-flex;flex-wrap:wrap;align-items: center;gap:.45rem}.cms-pages-table__name{color:var(--text);text-decoration:none;font-weight:650}.cms-pages-table__name:hover{color:var(--primary,#17375a);text-decoration:underline;text-underline-offset:2px}.cms-pages-table .badge{font-size:.68rem;font-weight:600}.cms-block-list{display:flex;flex-direction:column;gap:10px;padding:4px 0 8px}.cms-block-card{display:grid;grid-template-columns:40px minmax(0,1fr)auto;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface)88%,var(--surface-2));align-items: start;gap:14px;padding:14px 16px}.cms-block-card__index{display:grid;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border-soft);font-size:var(--grq-text-md);color:var(--text-muted);place-content: center;width:40px;height:40px;font-weight:700}.cms-block-card__body{display:flex;flex-direction:column;gap:6px;min-width:0}.cms-block-card__meta{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.cms-block-card__preview{font-size:var(--grq-text-base);color:var(--text);line-height:1.45}.cms-block-card__preview p{color:var(--text-muted);margin:0}.cms-block-card__heading{display:block;margin-bottom:2px;font-size:1.05rem;font-weight:650}.cms-block-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.cms-block-card__actions form{display:inline;margin:0}.cms-block-form__fields{display:grid;border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-2);gap:12px;margin-top:4px;padding:14px}.cms-block-form__fields.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:840px){.cms-block-card{grid-template-columns:36px minmax(0,1fr)}.cms-block-card__actions{grid-column:1/-1;justify-content:flex-start}}.cms-preview-body{color:var(--text);background:#121417;min-height:100vh;margin:0}.cms-preview-chrome{position:sticky;z-index:40;display:flex;color:#f4f6f8;background:#1b1e23;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.75rem 1rem;padding:.65rem 1rem;top:0}.cms-preview-chrome__left,.cms-preview-chrome__right,.cms-preview-chrome__devices{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem}.cms-preview-chrome__title{font-weight:650;font-size:var(--grq-text-base)}.cms-preview-device{display:inline-grid;color:#9aa3ad;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items: center;width:2rem;height:2rem}.cms-preview-device:hover,.cms-preview-device.is-active{color:#fff;background:#ffffff1f}.cms-preview-banner{display:flex;color:#fff;font-size:var(--grq-text-md);background:#1d4ed8;flex-wrap:wrap;align-items: center;gap:.5rem 1rem;padding:.65rem 1rem}.cms-preview-banner a{color:#fff;margin-inline-start:auto;font-weight:650}.cms-preview-stage{display:grid;place-items: start center;padding:1.25rem 1rem 2.5rem}.cms-preview-frame{color:#111;overflow-x:clip;overflow-y:visible;background:#fff;border-radius:14px;width:min(100%,1100px);transition:width .2s;box-shadow:0 18px 50px #00000059}.cms-preview-frame.is-tablet{width:min(100%,820px)}.cms-preview-frame.is-mobile{width:min(100%,390px)}.cms-preview-page{padding:2rem 1.5rem 2.75rem}.cms-preview-page--landing .cms-preview-page__head{color:#fff;background:linear-gradient(135deg,#0b57d0,#17375a);margin:-2rem -1.5rem 1.75rem;padding:1.5rem 1.5rem 1.65rem}.cms-preview-page__eyebrow{font-size:var(--grq-text-sm);letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin:0 0 .35rem}.cms-preview-page__head h1{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15}.cms-preview-page__lead{opacity:.9;max-width:42rem;margin:.75rem 0 0}.cms-preview-page__body{display:flex;flex-direction:column;gap:1.15rem}.cms-preview-block{min-width:0}.cms-preview-block h1,.cms-preview-block h2,.cms-preview-block h3{color:#111827;margin:0;line-height:1.2}.cms-preview-block h1{font-size:clamp(1.55rem,2.6vw,2.1rem)}.cms-preview-block h2{font-size:clamp(1.25rem,2vw,1.55rem)}.cms-preview-block h3{font-size:1.05rem}.cms-preview-block .prose-cms{color:#4b5563;line-height:1.55;font-size:var(--grq-text-control);max-width:65ch}.cms-preview-block .prose-cms>:first-child{margin-top:0}.cms-preview-block .prose-cms>:last-child{margin-bottom:0}.cms-preview-figure{margin:0}.cms-preview-figure img,.cms-preview-block img{display:block;object-fit:cover;border-radius:12px;width:100%;max-width:100%;height:auto}.cms-preview-figure figcaption{font-size:var(--grq-text-md);color:#6b7280;margin-top:.45rem}.cms-preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.cms-preview-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.cms-preview-gallery__item{aspect-ratio:4/3;overflow:hidden;background:#eef1f4;border-radius:10px;margin:0}.cms-preview-gallery__item img{object-fit:cover;display:block;border-radius:0;width:100%;height:100%;transform:none!important}.cms-preview-divider{border:0;border-top:1px solid #e5e7eb;margin:.35rem 0}.cms-preview-section-break{display:flex;align-items: center;gap:.75rem;margin:.85rem 0 .15rem}.cms-preview-section-break:before,.cms-preview-section-break:after{content:"";background:#e5e7eb;flex:auto;height:1px}.cms-preview-section-break__label{font-size:var(--grq-text-xs);letter-spacing:.06em;text-transform:uppercase;color:#9ca3af;flex:none;font-weight:700}.cms-preview-block--section{margin-top:.65rem}.cms-preview-quote{background:#f1f3f5;border-left:3px solid #17375a;margin:0;padding:.85rem 1rem}.cms-preview-quote p{color:#1f2937;margin:0;font-size:1.05rem;line-height:1.45}.cms-preview-quote footer{display:flex;font-size:var(--grq-text-md);color:#6b7280;flex-wrap:wrap;gap:.35rem .65rem;margin-top:.55rem}.cms-preview-products{background:#f9fafb;border:1px dashed #d1d5db;border-radius:10px;padding:.85rem 1rem}.cms-preview-products__title{font-size:var(--grq-text-sm);letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin:0 0 .25rem;font-weight:700}.cms-preview-products .muted{word-break:break-word;margin:0}.cms-preview-cta{margin:0}.cms-preview-spacer--sm{height:.75rem}.cms-preview-spacer--md{height:1.5rem}.cms-preview-spacer--lg{height:2.5rem}.cms-preview-spacer--xl{height:3.5rem}.cms-preview-divider-wrap{display:grid;gap:.35rem;margin:.75rem 0}.cms-preview-divider-label{font-size:var(--grq-text-sm);letter-spacing:.04em;text-transform:uppercase;color:#6b7280;font-weight:600}.cms-builder__preset{display:grid;border-bottom:1px solid #e5e7eb;gap:.35rem;margin-bottom:.85rem;padding-bottom:.85rem}.cms-builder__preset-label{font-size:var(--grq-text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#6b7280);margin:.65rem 0 .35rem;font-weight:650}.cms-builder__preset-grid{display:flex;flex-wrap:wrap;gap:.35rem}.cms-builder-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem}.cms-builder-gallery img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.cms-builder-quote{border-left:3px solid var(--primary,#17375a);background:color-mix(in srgb,var(--primary,#17375a)6%,transparent);margin:0;padding:.85rem 1rem}.cms-builder-quote p{margin:0;font-size:1.05rem;line-height:1.45}.cms-builder-quote footer{display:flex;font-size:var(--grq-text-base);flex-wrap:wrap;gap:.35rem .75rem;margin-top:.65rem}.cms-builder-video iframe{aspect-ratio:16/9;background:#0f172a;border:0;border-radius:8px;width:100%}.cms-builder-spacer{display:grid;border:1px dashed var(--border,#d7dce2);color:var(--text-muted,#6b7280);font-size:var(--grq-text-sm);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;place-items: center}.cms-builder-spacer--sm{min-height:1.5rem}.cms-builder-spacer--md{min-height:3rem}.cms-builder-spacer--lg{min-height:5rem}.cms-builder-block.is-spacing-tight{padding-block-start:.35rem;padding-block-end:.35rem}.cms-builder-block.is-spacing-normal{padding-block-start:.75rem;padding-block-end:.75rem}.cms-builder-block.is-spacing-loose{padding-block-start:1.35rem;padding-block-end:1.35rem}.cms-builder-block.is-align-start{text-align:start}.cms-builder-block.is-align-center{text-align:center}.cms-builder-block.is-align-end{text-align:end}.cms-builder-page__body.is-free-canvas{position:relative;min-height:920px}.cms-builder-block.is-free{position:absolute;cursor:grab;background:0 0;max-width:100%}.cms-builder-block.is-free-dragging,.cms-builder-block.is-free:active{cursor:grabbing}.cms-builder-free-badge{position:absolute;z-index:2;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--primary,#17375a);pointer-events:none;border-radius:999px;padding:.15rem .4rem;font-size:.65rem;font-weight:700;top:.35rem;right:.35rem}.cms-builder-resize{position:absolute;z-index:3;border:2px solid var(--primary,#17375a);cursor:nwse-resize;background:#fff;border-radius:3px;width:14px;height:14px;padding:0;bottom:.2rem;right:.2rem}.cms-builder-figure{overflow:hidden;max-width:100%;margin:0}.cms-builder-figure img{display:block;width:100%;height:100%}.cms-builder-figure.is-w-25{width:25%}.cms-builder-figure.is-w-33{width:33%}.cms-builder-figure.is-w-50{width:50%}.cms-builder-figure.is-w-66{width:66%}.cms-builder-figure.is-w-75{width:75%}.cms-builder-figure.is-w-100,.cms-builder-figure.is-w-auto{width:100%}.cms-builder-figure.is-h-sm{height:120px}.cms-builder-figure.is-h-md{height:220px}.cms-builder-figure.is-h-lg{height:320px}.cms-builder-figure.is-h-xl{height:420px}.cms-builder-figure.is-h-square{aspect-ratio:1;height:auto}.cms-builder-figure.is-h-auto,.cms-builder-figure.is-h-auto img{height:auto}.cms-builder-figure.is-fit-cover img{object-fit:cover}.cms-builder-figure.is-fit-contain img{object-fit:contain}.cms-builder-figure.is-fit-fill img{object-fit:fill}.cms-builder-figure.is-shape-rect{border-radius:0}.cms-builder-figure.is-shape-rounded{border-radius:12px}.cms-builder-figure.is-shape-soft{border-radius:24px}.cms-builder-figure.is-shape-circle,.cms-builder-figure.is-shape-pill{border-radius:999px}.cms-builder-figure.is-shadow-soft{box-shadow:0 8px 24px #0000001f}.cms-builder-figure.is-shadow-strong{box-shadow:0 16px 40px #00000038}.cms-builder-block.is-align-center .cms-builder-figure{margin-inline-start:auto;margin-inline-end:auto}.cms-builder-block.is-align-end .cms-builder-figure{margin-inline-start:auto}.cms-prop-panel{display:flex;flex-direction:column;gap:0}.cms-prop{border-bottom:1px solid var(--border-soft,#e8ebf0);padding:.65rem 0 .75rem}.cms-prop:last-of-type{border-bottom:0}.cms-prop__title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted,#6b7280);margin:0 0 .45rem;font-size:.68rem;font-weight:700}.cms-prop__row{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.35fr);align-items: center;gap:.4rem;min-height:2rem;margin-bottom:.28rem}.cms-prop__label{color:var(--text,#1b202b);font-size:.8rem}.cms-prop__muted{color:var(--text-muted,#6b7280);text-align:right;font-size:.8rem}.cms-prop__control{border:1px solid var(--border,#d7dce2);background:var(--surface,#fff);color:var(--text,#1b202b);border-radius:6px;width:100%;min-height:1.85rem;padding:.2rem .45rem;font-size:.8rem}.cms-prop__control--num{text-align:right;max-width:4.5rem}.cms-prop__inline{display:flex;justify-content:flex-end;align-items: center;gap:.35rem}.cms-prop__unit{color:var(--text-muted,#6b7280);font-size:.72rem}.cms-prop__range{accent-color:var(--primary,#17375a);flex:1;min-width:0}.cms-prop__align{display:flex;border-bottom:1px solid var(--border-soft,#e8ebf0);gap:.25rem;margin-bottom:.55rem;padding-bottom:.55rem}.cms-prop__align-btn{border:1px solid var(--border,#d7dce2);background:var(--surface,#fff);color:var(--text-muted,#6b7280);cursor:pointer;border-radius:6px;flex:1;min-height:2rem;font-size:.72rem}.cms-prop__align-btn.is-active{border-color:var(--primary,#17375a);color:var(--primary,#17375a);background:color-mix(in srgb,var(--primary,#17375a)10%,#fff)}.cms-prop__toggle{display:inline-flex;border:1px solid var(--border,#d7dce2);overflow:hidden;border-radius:6px}.cms-prop__toggle-btn{color:var(--text-muted,#6b7280);font-size:var(--grq-text-sm);cursor:pointer;background:0 0;border:0;min-width:2.6rem;min-height:1.75rem;padding:0 .55rem}.cms-prop__toggle-btn.is-active{background:var(--primary,#17375a);color:#fff}.cms-prop__color{display:flex;align-items: center;gap:.35rem;min-width:0}.cms-prop__swatch{position:relative;border:1px solid var(--border,#d7dce2);overflow:hidden;cursor:pointer;border-radius:5px;flex:0 0 1.55rem;width:1.55rem;height:1.55rem}.cms-prop__swatch input[type=color]{position:absolute;cursor:pointer;border:0;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;inset:-4px}.cms-prop__add{border:1px dashed var(--border,#d7dce2);color:var(--text-muted,#6b7280);font-size:var(--grq-text-sm);cursor:pointer;background:0 0;border-radius:6px;justify-self:end;min-height:1.75rem;padding:0 .55rem}.cms-prop__add:hover{border-color:var(--primary,#17375a);color:var(--primary,#17375a)}.cms-builder-block.is-invisible{opacity:.35;outline:1px dashed var(--border,#d7dce2)}.cms-builder-block.is-bg-paper{background-color:#f5f6f8}.cms-builder-block.is-bg-surface{background-color:#fff}.cms-builder-block.is-bg-ink{color:#f5f6f8;background-color:#1b202b}.cms-builder-block.is-bg-brand{color:#f5f6f8;background-color:#17375a}.cms-builder-block.is-bg-brand-soft{background-color:#eef3f9}.cms-builder-block.is-text-ink{color:#1b202b}.cms-builder-block.is-text-muted{color:#6f798c}.cms-builder-block.is-text-brand{color:#17375a}.cms-builder-block.is-text-paper{color:#f5f6f8}.cms-builder-block.is-font-sans,.cms-builder-block.is-font-display{font-family:Archivo,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.cms-builder-block.is-font-serif{font-family:Georgia,Times New Roman,serif}.cms-builder-block.is-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cms-builder-block.is-fsize-sm{font-size:var(--grq-text-base)}.cms-builder-block.is-fsize-md{font-size:1rem}.cms-builder-block.is-fsize-lg{font-size:1.125rem}.cms-builder-block.is-fsize-xl{font-size:1.35rem}.cms-builder-block.is-fsize-2xl{font-size:1.75rem}.cms-builder-block.is-fsize-3xl{font-size:2.15rem}.cms-builder-block.is-fw-normal{font-weight:400}.cms-builder-block.is-fw-medium{font-weight:500}.cms-builder-block.is-fw-semibold{font-weight:600}.cms-builder-block.is-fw-bold{font-weight:700}.cms-builder-block.is-box-shadow-soft{box-shadow:0 8px 24px #0000001f}.cms-builder-block.is-box-shadow-strong{box-shadow:0 16px 40px #00000038}.cms-builder__canvas-edit-hint{display:flex;border:1px dashed var(--border,#d7dce2);background:color-mix(in srgb,var(--surface-2,#f3f4f6)70%,transparent);border-radius:8px;flex-direction:column;gap:.55rem;padding:.75rem .85rem}.cms-builder__canvas-edit-hint .muted{margin:0;font-size:.8rem;line-height:1.4}.cms-builder__wysiwyg-field{display:flex;flex-direction:column;gap:.35rem}.cms-builder__wysiwyg .g-editor--builder{border:1px solid var(--border,#d7dce2);overflow:hidden;background:var(--surface,#fff);border-radius:8px}.cms-builder__wysiwyg .g-editor--builder .g-editor__bar{flex-wrap:wrap;gap:.25rem;padding:.35rem}.cms-builder__wysiwyg .g-editor--builder .g-editor__tools{flex-wrap:wrap;gap:.2rem}.cms-builder__wysiwyg .g-editor--builder .g-editor__select--ff,.cms-builder__wysiwyg .g-editor--builder .g-editor__select--fw{max-width:5.5rem}.cms-builder__wysiwyg .g-editor--builder .g-editor__body{min-height:8rem}.cms-builder__wysiwyg .g-editor--builder .g-editor__surface,.cms-builder__wysiwyg .g-editor--builder .g-editor__content{font-size:var(--grq-text-base);min-height:7.5rem}.cms-builder__wysiwyg .g-editor--builder .g-editor__html{min-height:7.5rem;font-size:.8rem}.cms-builder-picker__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:auto;align-items: start;gap:0 .45rem;max-height:320px;padding:.65rem .2rem 1.4rem}.cms-builder-picker__item{position:relative;z-index:1;aspect-ratio:1;overflow:hidden;cursor:pointer;transform-origin:center top;background:#eef1f4;border:2px solid #0000;border-radius:10px;margin-top:-58%;padding:0;transition:transform .18s,box-shadow .18s,border-color .15s,z-index}.cms-builder-picker__item:nth-child(-n+3){margin-top:0}.cms-builder-picker__item img{object-fit:cover;display:block;pointer-events:none;width:100%;height:100%}.cms-builder-picker__item:hover{z-index:30;border-color:color-mix(in srgb,var(--primary,#17375a)55%,transparent);box-shadow:0 14px 28px #00000038,0 0 0 2px color-mix(in srgb,var(--primary,#17375a)18%,transparent);transform:translateY(-42%)scale(1.06)}.cms-builder-picker__item:focus-visible{z-index:30;border-color:color-mix(in srgb,var(--primary,#17375a)55%,transparent);box-shadow:0 14px 28px #00000038,0 0 0 2px color-mix(in srgb,var(--primary,#17375a)18%,transparent);transform:translateY(-42%)scale(1.06)}.cms-builder-picker__item.is-selected{border-color:var(--primary,#17375a);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#17375a)25%,transparent)}.cms-builder-picker__item.is-selected:hover{border-color:var(--primary,#17375a)}.cms-builder-picker__item.is-selected:focus-visible{border-color:var(--primary,#17375a)}.cms-builder-picker__check{position:absolute;background:var(--primary,#17375a);color:#fff;display:grid;border-radius:999px;place-items: center;width:1.25rem;height:1.25rem;font-size:.7rem;font-weight:700;top:.25rem;right:.25rem;box-shadow:0 2px 6px #00000040}.cms-builder-picker__selected{display:grid;gap:.5rem;margin-bottom:.65rem}.cms-builder-picker__chip{display:grid;grid-template-columns:56px 1fr;border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);border-radius:8px;align-items: center;gap:.5rem;padding:.35rem}.cms-builder-picker__chip img{object-fit:cover;border-radius:6px;width:56px;height:56px}.cms-builder-picker__chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.cms-builder-picker__chip-tools{grid-column:2;display:flex;gap:.25rem}.cms-builder-picker__chip--single{grid-template-columns:1fr auto;position:relative}.cms-builder-picker__chip--single img{width:100%;height:120px}.cms-builder-picker__chip--single .btn{position:absolute;top:.4rem;right:.4rem}.cms-builder__empty-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.cms-preview-raw{overflow:auto;font-size:var(--grq-text-sm);background:#f3f5f7;border-radius:8px;margin:0;padding:.75rem}@media (max-width:720px){.cms-preview-columns{grid-template-columns:1fr}}.cms-builder{display:flex;overflow:hidden;flex-direction:column;flex:1 1 0;gap:.85rem;min-height:0;padding-bottom:0}.page:has(>.cms-builder){overflow:hidden}.cms-builder__header{flex-shrink:0}.cms-builder__header .actions{align-items: center}.cms-builder__devices{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2,var(--surface));gap:.25rem;padding:.2rem}.cms-builder__device{display:inline-grid;border-radius:calc(var(--radius) - 2px);color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items: center;width:2rem;height:2rem}.cms-builder__device:hover,.cms-builder__device.is-active{background:color-mix(in srgb,var(--primary)14%,transparent);color:var(--primary)}.cms-builder__status{font-size:var(--grq-text-sm);color:var(--ok,#15803d)}.cms-builder__workspace{display:grid;grid-template-columns:minmax(240px,300px)minmax(0,1fr)minmax(280px,340px);overflow:hidden;flex:1 1 0;align-items:stretch;gap:.85rem;min-height:0}.cms-builder__rail,.cms-builder__inspector,.cms-builder__stage{display:flex;flex-direction:column;height:100%;min-height:0;max-height:100%}.cms-builder__rail,.cms-builder__inspector{overflow:hidden;position:sticky;top:0}.cms-builder__stage{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.cms-builder__tabs{display:flex;border-bottom:1px solid var(--border-soft,var(--border));flex-wrap:wrap;flex-shrink:0;gap:.15rem;padding:.55rem .65rem 0}.cms-builder__tabs .design-tab{font-size:var(--grq-text-sm);padding:.45rem .55rem}.cms-builder__rail-body{overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;flex:1 1 0;gap:.65rem;min-height:0;padding:.85rem}.cms-builder__layers,.cms-builder__docs,.cms-builder__vars-list ul{list-style:none;display:flex;flex-direction:column;gap:4px;margin:0;padding:0}.cms-builder__layers li.is-drop-target .cms-builder__layer{border-color:color-mix(in srgb,var(--primary)55%,var(--border));background:color-mix(in srgb,var(--primary)10%,var(--surface))}.cms-builder__layer{display:grid;grid-template-columns:14px 28px minmax(0,1fr);text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;cursor:grab;align-items: start;gap:8px;width:100%;padding:.5rem .55rem}.cms-builder__layer:active{cursor:grabbing}.cms-builder__layer:hover,.cms-builder__layer.is-active{border-color:color-mix(in srgb,var(--primary)45%,var(--border));background:color-mix(in srgb,var(--primary)8%,var(--surface))}.cms-builder__layer-handle{color:var(--text-muted);font-size:var(--grq-text-xs);padding-top:6px;line-height:1.2}.cms-builder__layer-index{display:grid;border-radius:calc(var(--radius) - 2px);background:var(--surface-2,color-mix(in srgb,var(--surface)80%,var(--border)));border:1px solid var(--border-soft,var(--border));font-size:var(--grq-text-sm);color:var(--text-muted);place-content: center;width:28px;height:28px;font-weight:700}.cms-builder__layer-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.cms-builder__layer-type{font-size:var(--grq-text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.cms-builder__layer-label{font-size:var(--grq-text-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.cms-builder__layer-tools{display:flex;flex-wrap:wrap;gap:.35rem}.cms-builder__add-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.cms-builder__add-card{display:flex;text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:inherit;cursor:grab;flex-direction:column;align-items: flex-start;gap:.25rem;padding:.65rem .7rem}.cms-builder__add-card:hover{border-color:color-mix(in srgb,var(--primary)45%,var(--border));background:color-mix(in srgb,var(--primary)8%,var(--surface))}.cms-builder__add-card code{font-size:var(--grq-text-xxs);color:var(--text-muted)}.cms-builder__var-kinds{display:flex;flex-wrap:wrap;gap:.3rem}.cms-builder__panel-lead{font-size:var(--grq-text-sm);color:var(--text-muted);margin:0 0 .75rem;line-height:1.45}.cms-builder__vars-intro{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-start;gap:.35rem .75rem;margin-bottom:.65rem}.cms-builder__vars-intro .cms-builder__panel-lead{flex:12rem;margin:0}.cms-builder__vars-count{font-size:var(--grq-text-xxs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:color-mix(in srgb,var(--surface-2,var(--surface))85%,var(--border));border:1px solid var(--border);border-radius:999px;flex:none;padding:.2rem .45rem;font-weight:700}.cms-builder__vars-toolbar{display:flex;position:sticky;z-index:2;background:linear-gradient(to bottom,var(--surface)70%,color-mix(in srgb,var(--surface)0%,transparent));flex-direction:column;gap:.55rem;margin-bottom:.75rem;padding-bottom:.35rem;top:0}.cms-builder__vars-search{width:100%}.cms-builder__var-chip{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font:inherit;font-size:var(--grq-text-xs);cursor:pointer;border-radius:999px;padding:.38rem .55rem;transition:border-color .12s,background .12s,color .12s;font-weight:600;line-height:1}.cms-builder__var-chip:hover{border-color:color-mix(in srgb,var(--primary)40%,var(--border));color:inherit}.cms-builder__var-chip.is-active{border-color:color-mix(in srgb,var(--primary)55%,var(--border));background:color-mix(in srgb,var(--primary)12%,var(--surface));color:var(--primary)}.cms-builder__vars-group{margin:0 0 .85rem}.cms-builder__vars-group h3{display:flex;font-size:var(--grq-text-xxs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);justify-content:space-between;align-items: center;gap:.5rem;margin:0 0 .4rem;padding:0 .1rem;font-weight:700}.cms-builder__vars-group-n{font-variant-numeric:tabular-nums;opacity:.8}.cms-builder__vars-group ul{list-style:none;display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0}.cms-builder__var{display:grid;grid-template-columns:1.6rem minmax(0,1fr);text-align:left;border-radius:calc(var(--radius) + 2px);border:1px solid color-mix(in srgb,var(--border)80%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary)4%,var(--surface))0%,var(--surface)48%);color:inherit;cursor:pointer;align-items: start;gap:.55rem;width:100%;padding:.55rem .6rem;transition:border-color .14s,transform .14s,box-shadow .14s}.cms-builder__var:hover{border-color:color-mix(in srgb,var(--primary)45%,var(--border));box-shadow:0 6px 16px color-mix(in srgb,var(--ink,#111)6%,transparent);transform:translateY(-1px)}.cms-builder__var-body{display:flex;flex-direction:column;gap:.12rem;min-width:0}.cms-builder__var code{font-size:var(--grq-text-xs);color:var(--primary);word-break:break-all;font-weight:600}.cms-builder__var-label{font-size:var(--grq-text-md);font-weight:650;line-height:1.25}.cms-builder__var-desc{font-size:var(--grq-text-xs);color:var(--text-muted);line-height:1.35}.cms-builder__var-swatch,.cms-builder__var-icon{border:1px solid var(--border);border-radius:6px;width:1.35rem;height:1.35rem;margin-top:1px}.cms-builder__var-icon{display:grid;font-size:var(--grq-text-xxs);color:var(--text-muted);background:color-mix(in srgb,var(--surface-2,var(--surface))80%,transparent);place-items: center;font-weight:800}.cms-builder__var.is-color .cms-builder__var-swatch{box-shadow:inset 0 0 0 1px #ffffff59}.cms-builder__vars-empty{text-align:center;padding:1rem .25rem}.cms-builder__templates{display:flex;flex-direction:column;gap:1.1rem}.cms-builder__tpl-section{display:flex;flex-direction:column;gap:.55rem}.cms-builder__tpl-head h3{font-size:var(--grq-text-sm);letter-spacing:.02em;margin:0;font-weight:750}.cms-builder__tpl-head p{font-size:var(--grq-text-xs);color:var(--text-muted);margin:.2rem 0 0;line-height:1.4}.cms-builder__tpl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.cms-builder__tpl-card{display:flex;text-align:left;border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:var(--surface);color:inherit;cursor:pointer;flex-direction:column;align-items: flex-start;gap:.2rem;padding:.65rem .7rem;transition:border-color .14s,background .14s,transform .14s}.cms-builder__tpl-card:hover{border-color:color-mix(in srgb,var(--primary)45%,var(--border));background:color-mix(in srgb,var(--primary)7%,var(--surface));transform:translateY(-1px)}.cms-builder__tpl-card-title{font-size:var(--grq-text-md);font-weight:700}.cms-builder__tpl-card-desc{font-size:var(--grq-text-xs);color:var(--text-muted);line-height:1.3}.cms-builder__tpl-hero{display:flex;text-align:left;border-radius:calc(var(--radius) + 2px);border:1px dashed color-mix(in srgb,var(--primary)45%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--primary)10%,var(--surface)),var(--surface)55%);color:inherit;cursor:pointer;font:inherit;flex-direction:column;align-items: flex-start;gap:.15rem;width:100%;padding:.85rem .9rem;font-weight:700}.cms-builder__tpl-hero:hover{border-style:solid}.cms-builder__tpl-save{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items: center;gap:.4rem}.cms-builder__partials{list-style:none;display:flex;flex-direction:column;gap:.45rem;margin:0;padding:0}.cms-builder__partial{display:flex;border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2,var(--surface))55%,var(--surface));flex-direction:column;gap:.45rem;padding:.65rem .7rem}.cms-builder__partial-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.cms-builder__partial-meta strong{font-size:var(--grq-text-md)}.cms-builder__partial-meta .muted{font-size:var(--grq-text-xs)}.cms-builder__partial-actions{display:flex;flex-wrap:wrap;gap:.35rem}.cms-builder__media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:.15rem .1rem .5rem}.cms-builder__media-card{display:flex;color:inherit;cursor:pointer;text-align:left;position:relative;z-index:1;background:0 0;border:0;flex-direction:column;gap:.25rem;padding:0}.cms-builder__media-card img{aspect-ratio:1;object-fit:cover;border-radius:calc(var(--radius) - 2px);background:var(--surface-2,var(--surface));border:1px solid var(--border);transform-origin:center center;width:100%;transition:transform .16s,box-shadow .16s,border-color .16s}.cms-builder__media-card:hover{z-index:5}.cms-builder__media-card:hover img{border-color:color-mix(in srgb,var(--primary,#17375a)45%,var(--border));transform:scale(1.12);box-shadow:0 8px 20px #0000002e}.cms-builder__media-card span{font-size:var(--grq-text-xxs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-builder__doc{display:flex;text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:inherit;cursor:pointer;flex-direction:column;gap:2px;width:100%;padding:.55rem .6rem}.cms-builder__doc:hover{border-color:color-mix(in srgb,var(--primary)45%,var(--border))}.cms-builder__fields{display:flex;flex-direction:column;gap:.75rem}.cms-builder__fields .field,.cms-builder__rail-body .field{display:flex;flex-direction:column;gap:.35rem}.cms-builder__fields .field__label,.cms-builder__rail-body .field__label{font-size:var(--grq-text-sm);color:var(--text-muted)}.cms-builder__stage{background:linear-gradient(to right,color-mix(in srgb,var(--border)45%,transparent)1px,transparent 1px)0 0/24px 24px,linear-gradient(to bottom,color-mix(in srgb,var(--border)45%,transparent)1px,transparent 1px)0 0/24px 24px,color-mix(in srgb,var(--surface-2,var(--surface))88%,var(--border));padding:1rem}.cms-builder__frame{background:var(--surface,#fff);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);overflow:visible;flex:none;width:min(100%,1080px);margin:0 auto;transition:width .2s;box-shadow:0 10px 30px #00000014}.cms-builder__frame.is-tablet{width:min(100%,820px)}.cms-builder__frame.is-mobile{width:min(100%,390px)}.cms-builder-page{padding:2rem 1.5rem 2.5rem}.cms-builder-page--landing .cms-builder-page__head{background:linear-gradient(135deg,var(--brand-site-primary,#17375a),color-mix(in srgb,var(--brand-site-primary,#17375a)70%,#000));color:#fff;margin:-2rem -1.5rem 1.5rem;padding:1.5rem}.cms-builder-page__eyebrow{font-size:var(--grq-text-sm);letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin:0 0 .35rem}.cms-builder-page__head h1{margin:0;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15}.cms-builder-page__body{display:flex;flex-direction:column;gap:.85rem}.cms-builder-block{position:relative;border-radius:var(--radius);cursor:grab;border:1px dashed #0000;padding:.75rem .85rem;transition:border-color .15s,background .15s,opacity .12s}.cms-builder-block:active{cursor:grabbing}.cms-builder-block:hover{border-color:var(--border);background:0 0}.cms-builder-block.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary)22%,transparent);background:0 0;border-style:solid}.cms-builder-block.is-drop-target{border-color:color-mix(in srgb,var(--primary)60%,var(--border));border-style:solid}.cms-builder-block.is-dragging{opacity:.45}.cms-builder-block__plain{white-space:pre-wrap;margin:0;line-height:1.45}.cms-builder-block__rich{white-space:pre-wrap;cursor:text;margin:0;line-height:1.5}.cms-builder-block__rich.is-editing,.cms-builder-heading.is-editing,.cms-builder-quote .is-editing,.btn.is-editing{outline:2px solid color-mix(in srgb,var(--primary,#17375a)45%,transparent);outline-offset:2px;cursor:text;border-radius:4px;min-height:1.2em}.cms-builder-heading{cursor:text}.cms-builder-canvas-editor{position:relative;z-index:4;margin:.15rem 0 .35rem}.cms-builder-canvas-editor .g-editor--canvas{border:1px solid color-mix(in srgb,var(--primary,#17375a)35%,var(--border,#d7dce2));background:var(--surface,#fff);overflow:hidden;border-radius:10px;box-shadow:0 10px 28px #0000001f}.cms-builder-canvas-editor .g-editor--canvas .g-editor__bar{position:sticky;z-index:2;background:color-mix(in srgb,var(--surface,#fff)92%,var(--surface-2,#f3f4f6));border-bottom:1px solid var(--border-soft,var(--border));flex-wrap:wrap;gap:.25rem;padding:.4rem .5rem;top:0}.cms-builder-canvas-editor .g-editor--canvas .g-editor__tools{flex-wrap:wrap;gap:.2rem}.cms-builder-canvas-editor .g-editor--canvas .g-editor__body{min-height:5.5rem}.cms-builder-canvas-editor .g-editor--canvas .g-editor__surface,.cms-builder-canvas-editor .g-editor--canvas .g-editor__content{min-height:5rem;padding:.65rem .85rem;font-size:.95rem;line-height:1.55}.cms-builder-canvas-editor .g-editor--canvas .g-editor__html{min-height:5rem;font-size:.85rem}.cms-builder-block__heading{min-height:1.2em}.cms-builder-heading{color:var(--text,#0f172a);font-family:var(--gereq-font-sans,inherit);letter-spacing:-.02em;margin:0;line-height:1.2}.cms-menu-item-edit{display:inline-block;margin-right:.35rem}.cms-menu-item-edit>summary{cursor:pointer;list-style:none}.cms-menu-item-edit[open]{display:block;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,8px);background:var(--surface,#fff);margin:.5rem 0;padding:.75rem}.cms-builder-heading--1{font-size:clamp(1.6rem,3.2vw,2.35rem);font-weight:700}.cms-builder-heading--2{font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:650}.cms-builder-heading--3{font-size:1.1rem;font-weight:600}.cms-builder-block img{display:block;border-radius:calc(var(--radius) - 2px);max-width:100%;height:auto}.cms-builder-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:1200px){.cms-builder__workspace{grid-template-columns:minmax(220px,260px)minmax(0,1fr)}.cms-builder__inspector{display:none}}@media (max-width:860px){.cms-builder__workspace{grid-template-columns:1fr;overflow:auto}.cms-builder__rail,.cms-builder__inspector,.cms-builder__stage{position:static;max-height:none}.cms-builder__rail{max-height:38vh}.cms-builder-columns{grid-template-columns:1fr}}

/* color-mix-fix */
/**
 * Soft semantic fills — appended AFTER Tailwind/LightningCSS minify.
 *
 * LightningCSS breaks `color-mix(..., var(--x) N%, var(--y))` into solid
 * `var(--x)` fallbacks inside incomplete `@supports` blocks. This file is
 * concatenated raw onto the built CSS so soft tints stay soft.
 */

.badge--ok {
    background: color-mix(in srgb, var(--success, #4ade80) 16%, var(--surface));
    border-color: color-mix(in srgb, var(--success, #4ade80) 36%, var(--border));
    color: color-mix(in srgb, var(--success, #4ade80) 72%, var(--text));
}
.badge--warn {
    background: color-mix(in srgb, var(--warning, #fbbf24) 16%, var(--surface));
    border-color: color-mix(in srgb, var(--warning, #fbbf24) 36%, var(--border));
    color: color-mix(in srgb, var(--warning, #fbbf24) 72%, var(--text));
}
.badge--danger {
    background: color-mix(in srgb, var(--danger, #f87171) 14%, var(--surface));
    border-color: color-mix(in srgb, var(--danger, #f87171) 34%, var(--border));
    color: color-mix(in srgb, var(--danger, #f87171) 78%, var(--text));
}
.badge--muted {
    background: color-mix(in srgb, var(--text-muted) 10%, var(--surface));
}
.badge--info {
    background: color-mix(in srgb, #38bdf8 16%, var(--surface));
    border-color: color-mix(in srgb, #38bdf8 34%, var(--border));
    color: color-mix(in srgb, #38bdf8 68%, var(--text));
}
.badge--signal {
    background: color-mix(in srgb, var(--primary) 78%, var(--surface));
}

.status-chip--tone-success {
    border-color: color-mix(in srgb, var(--success) 36%, var(--border));
    background: color-mix(in srgb, var(--success) 10%, var(--surface));
}
.status-chip--tone-warn,
.status-chip--tone-warning {
    border-color: color-mix(in srgb, var(--warning, #f59e0b) 38%, var(--border));
    background: color-mix(in srgb, var(--warning, #f59e0b) 10%, var(--surface));
}
.status-chip--tone-danger {
    border-color: color-mix(in srgb, var(--danger, #ef4444) 34%, var(--border));
    background: color-mix(in srgb, var(--danger, #ef4444) 10%, var(--surface));
    color: color-mix(in srgb, var(--danger, #ef4444) 72%, var(--text));
}
.status-chip--tone-info {
    border-color: color-mix(in srgb, var(--info, #3b82f6) 34%, var(--border));
    background: color-mix(in srgb, var(--info, #3b82f6) 10%, var(--surface));
}
.status-chip--tone-indigo {
    border-color: color-mix(in srgb, #6366f1 36%, var(--border));
    background: color-mix(in srgb, #6366f1 10%, var(--surface));
}

.table .badge--ok,
.table .badge--warn,
.table .badge--danger,
.table .badge--info,
.table .badge--muted {
    color: color-mix(in srgb, var(--primary) 40%, var(--text));
    border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
    background: color-mix(in srgb, var(--primary) 16%, var(--surface));
}

.table .badge--ok {
    border-color: color-mix(in srgb, var(--success) 42%, var(--border));
    background: color-mix(in srgb, var(--success) 12%, var(--surface));
}
.table .badge--warn {
    border-color: color-mix(in srgb, var(--warning) 42%, var(--border));
    background: color-mix(in srgb, var(--warning) 12%, var(--surface));
}
.table .badge--danger {
    border-color: color-mix(in srgb, var(--danger) 38%, var(--border));
    background: var(--danger-bg, color-mix(in srgb, var(--danger) 10%, var(--surface)));
}

.bulk-bar {
    border: 1px solid color-mix(in srgb, var(--primary) 32%, var(--border));
    background: color-mix(in srgb, var(--primary) 10%, var(--surface));
}

/* Row actions: surface + tinted icon (no color-mix fills — LightningCSS solidifies them) */
.table__action-btn--primary,
.table__action-btns > form > button.table__action-btn--primary,
.table__action-btns > a.table__action-btn--primary,
.table__action-btn--success,
.table__action-btns > form > button.table__action-btn--success,
.table__action-btns > a.table__action-btn--success,
.table__action-btn--warn,
.table__action-btns > form > button.table__action-btn--warn,
.table__action-btns > a.table__action-btn--warn,
.table__action-btn--danger,
.table__action-btns > form > button.table__action-btn--danger,
.table__action-btns > a.table__action-btn--danger,
.table__action-btns > .table__action-form > button {
    background: var(--surface) !important;
    border-color: var(--border) !important;
}
.table__action-btn--primary,
.table__action-btns > form > button.table__action-btn--primary,
.table__action-btns > a.table__action-btn--primary {
    color: var(--primary) !important;
}
.table__action-btn--success,
.table__action-btns > form > button.table__action-btn--success,
.table__action-btns > a.table__action-btn--success {
    color: var(--success) !important;
}
.table__action-btn--warn,
.table__action-btns > form > button.table__action-btn--warn,
.table__action-btns > a.table__action-btn--warn {
    color: var(--warning) !important;
}
.table__action-btn--danger,
.table__action-btns > form > button.table__action-btn--danger,
.table__action-btns > a.table__action-btn--danger,
.table__action-btns > .table__action-form > button {
    color: var(--danger) !important;
}

.btn--soft {
    --btn-bg: color-mix(in srgb, var(--primary) 28%, var(--surface));
    --btn-hover-bg: color-mix(in srgb, var(--primary) 40%, var(--surface));
    --btn-active-bg: color-mix(in srgb, var(--primary) 48%, var(--surface));
}
.btn--success {
    --btn-bg: color-mix(in srgb, var(--success) 16%, var(--surface));
    --btn-fg: color-mix(in srgb, var(--success) 82%, var(--text));
    --btn-border: color-mix(in srgb, var(--success) 38%, var(--border));
    --btn-hover-bg: color-mix(in srgb, var(--success) 24%, var(--surface));
    --btn-hover-fg: color-mix(in srgb, var(--success) 82%, var(--text));
    --btn-hover-border: color-mix(in srgb, var(--success) 48%, var(--border));
}
.btn--warning {
    --btn-bg: color-mix(in srgb, var(--warning) 16%, var(--surface));
    --btn-fg: color-mix(in srgb, var(--warning) 82%, var(--text));
    --btn-border: color-mix(in srgb, var(--warning) 40%, var(--border));
    --btn-hover-bg: color-mix(in srgb, var(--warning) 24%, var(--surface));
    --btn-hover-fg: color-mix(in srgb, var(--warning) 82%, var(--text));
    --btn-hover-border: color-mix(in srgb, var(--warning) 50%, var(--border));
}
.btn--primary:hover {
    --btn-hover-bg: color-mix(in srgb, var(--primary) 88%, #fff);
    --btn-hover-border: color-mix(in srgb, var(--primary) 88%, #fff);
    --btn-active-bg: color-mix(in srgb, var(--primary) 82%, var(--text));
    --btn-shadow: 0 1px 0 color-mix(in srgb, var(--text) 6%, transparent);
}
.btn--danger:hover {
    --btn-hover-bg: color-mix(in srgb, var(--danger) 88%, #fff);
    --btn-hover-border: color-mix(in srgb, var(--danger) 88%, #fff);
    --btn-active-bg: color-mix(in srgb, var(--danger) 82%, #000);
}
.btn--danger-outline {
    --btn-border: color-mix(in srgb, var(--danger) 45%, var(--border));
    --btn-hover-bg: var(--danger-bg, color-mix(in srgb, var(--danger) 10%, var(--surface)));
}

.customer-edit__tab.is-active,
.design-tabs [aria-selected="true"] {
    border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
    background: color-mix(in srgb, var(--primary) 10%, var(--surface));
}
.customer-edit__tab--ok.is-active {
    border-color: color-mix(in srgb, var(--success) 45%, var(--border));
    background: color-mix(in srgb, var(--success) 10%, var(--surface));
}
.customer-edit__tab--warn.is-active {
    border-color: color-mix(in srgb, var(--warning) 45%, var(--border));
    background: color-mix(in srgb, var(--warning) 10%, var(--surface));
}
.customer-edit__hero {
    background:
        radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--accent, var(--primary)) 10%, transparent), transparent 55%),
        var(--surface);
}