/* UI-only layer. The sphere renderer, routes, shader and original styles stay intact. */
:root { --ux-muted: #aaaab3; --ux-link: #b4acff; --ux-action: #d91846; --ux-border: #70707d; --ux-header-height: 64px; --ux-header-offset: calc(var(--ux-header-height) + 24px); --ux-section-top: var(--ux-header-offset); }
html[data-theme="light"] { --ux-muted: #5e5a66; --ux-link: #5243ad; --ux-action: #c8113d; --ux-border: #87818f; }
:where(a,button,input,textarea,select,summary):focus-visible { outline: 2px solid var(--ux-link); outline-offset: 4px; }
main:focus { outline: none; }
.ux-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 16px; padding: 14px 20px; border-radius: 10px; color: var(--frost); background: var(--surface); transform: translateY(-180%); }
.skip-link:focus { transform: none; }
/* Compact chrome only; the fixed sphere canvas and desktop hero geometry are unchanged. */
.site-header { height: var(--ux-header-height); }
.dle-page { padding-top: var(--ux-header-height); }
.site-header::before { inset: 0; background: var(--header-solid); -webkit-mask-image: none; mask-image: none; border-bottom: 1px solid var(--line); }
.primary-link { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; font-size: 12px; background: var(--ux-action); }
.theme-toggle,.menu-toggle { min-width: 44px; min-height: 44px; }
.header-note { color: var(--ash); font-size: 14px; }
section[id]:not(.showcase), .product-body :is(h2,h3), #product-details { scroll-margin-top: var(--ux-header-offset); }
.mobile-menu { overflow-y: auto; padding-top: calc(var(--ux-header-height) + 32px); }
.mobile-menu > nav { flex-shrink: 0; }
.mobile-menu > nav > a { font-size: clamp(42px,6.2vw,82px); line-height: 1.08; }
.mobile-menu > nav > a:focus-visible { outline: 2px solid var(--ux-link); outline-offset: 8px; }
.manifesto,.services,.project-brief,.process,.contact { padding-top: var(--ux-section-top); }
.section-index,.showcase-count,.steps li > span { color: var(--ux-muted); font-size: 12px; }
.hero-bottom p { font-size: clamp(16px,1.32vw,19px); line-height: 1.5; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin-top: 22px; }
.ux-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 20px; padding: 12px 21px; border: 1px solid transparent; border-radius: 999px; color: #fff; background: var(--ux-action); font-size: 14px; font-weight: 600; line-height: 1.4; transition: filter .2s; }
.ux-button:hover { color: #fff; filter: brightness(1.12); }
.ux-text-link { display: inline-flex; min-height: 44px; align-items: center; gap: 10px; color: var(--frost); font-size: 14px; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--ux-border); }
.ux-text-link:hover { color: var(--ux-link); }
.showcase-description { font-size: 14px; line-height: 1.5; }
.showcase-description > a { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; }
.showcase-pagination { right: clamp(18px,3.25vw,52px); top: 50%; flex-direction: column; align-items: center; transform: translateY(-50%); }
.service p,.steps p,.manifesto-copy p { font-size: 16px; line-height: 1.55; }
.brief-intro > p { font-size: 16px; line-height: 1.6; }
.brief-intro { top: var(--ux-header-offset); }
.brief-intro h2 { font-size: clamp(42px,4.15vw,60px); line-height: 1.04; }
.brief-intro li { color: var(--ux-muted); font-size: 12px; line-height: 1.5; }

/* One clear primary path, progressive disclosure for optional brief parameters. */
.aigens-brief-form { padding: clamp(22px,2.5vw,34px); }
.aigens-brief-form-head { margin-bottom: 22px; }
.aigens-brief-form-head > span { color: var(--ux-link); font-size: 11px; }
.aigens-brief-form-head h2 { margin: 10px 0; font-size: clamp(28px,2.65vw,38px); line-height: 1.14; letter-spacing: -.04em; }
.aigens-brief-form-head p { color: var(--ux-muted); font-size: 14px; line-height: 1.55; }
.aigens-form-trap[hidden],.aigens-feedback-recipient[hidden] { display: none !important; }
.brief-message { margin-top: 18px; }
.brief-field-hint { color: var(--ux-muted); font-size: 12px; line-height: 1.5; }
.brief-field-error { display: block; color: #ff809c; font-size: 12px; line-height: 1.5; }
.brief-field-error[hidden] { display: none; }
html[data-theme="light"] .brief-field-error { color: #a61034; }
.aigens-form-field > span,.aigens-form-captcha label > span { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; color: var(--ash); font-size: 13px; font-weight: 500; text-transform: none; letter-spacing: 0; }
.aigens-form-field > span small { color: var(--ux-muted); font-size: 11px; font-weight: 400; }
.aigens-form-field input,.aigens-form-field select,.aigens-form-field textarea,.aigens-form-captcha input,.aigens-select-button { font-size: 16px; min-height: 48px; border-radius: 12px; border-color: var(--ux-border); }
.aigens-form-field textarea { min-height: 124px; }
.aigens-form-field :is(input,textarea)::placeholder { color: var(--ux-muted); opacity: 1; }
.aigens-select-button.is-placeholder { color: var(--ux-muted); }
.aigens-select-option { font-size: 15px; min-height: 44px; }
.brief-options { margin-top: 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.brief-options > summary { padding: 15px 0; cursor: pointer; color: var(--frost); font-size: 14px; line-height: 1.5; }
.brief-options > summary span { margin-left: 6px; color: var(--ux-muted); font-size: 12px; }
.brief-options .aigens-form-grid { margin-top: 0; padding-bottom: 20px; gap: 18px 16px; }
.aigens-form-captcha { margin-top: 18px; padding: 12px; grid-template-columns: 120px minmax(0,1fr); align-items: center; gap: 14px; }
.aigens-form-captcha-image img { max-width: 120px; }
.aigens-consent-block { padding: 0; border: 0; border-radius: 0; background: transparent; }
.aigens-consent-block > p { color: var(--ux-muted); font-size: 12px; line-height: 1.6; }
.aigens-consent-block > p a { color: var(--ux-link); }
.aigens-form-submit-row { display: flex; flex-direction: column-reverse; align-items: stretch; gap: 12px; }
.aigens-form-submit-row p { max-width: none; color: var(--ux-muted); font-size: 11px; line-height: 1.5; }
.aigens-form-submit { width: 100%; min-height: 48px; background: var(--ux-action); font-size: 13px; text-transform: none; }
.aigens-form-submit:disabled { cursor: progress; opacity: .65; }
.contact-button,.aigens-more { background: var(--ux-action); }
html[data-theme] .aigens-brief-form-head p,
html[data-theme] .aigens-consent-block > p,
html[data-theme] .aigens-form-submit-row p { color: var(--ux-muted); }
html[data-theme] .aigens-form-field > span,
html[data-theme] .aigens-form-captcha label > span { color: var(--ash); }
html[data-theme] .aigens-form-field input,
html[data-theme] .aigens-form-field textarea,
html[data-theme] .aigens-form-captcha input,
html[data-theme] .aigens-select-button { border-color: var(--ux-border); }
html[data-theme] .aigens-form-field :is(input,textarea)::placeholder,
html[data-theme] .aigens-select-button.is-placeholder { color: var(--ux-muted); }
html[data-theme] .aigens-form-field :is(input,textarea):focus-visible,
html[data-theme] .aigens-form-captcha input:focus-visible,
html[data-theme] .aigens-select-button:focus-visible,
html[data-theme] .aigens-select-option:focus-visible { outline: 2px solid var(--ux-link); outline-offset: 3px; }
html[data-theme] .aigens-consent-block > p a { color: var(--ux-link); }
html[data-theme] .dle-page-content .aigens-form-field :is(input,textarea),
html[data-theme] .dle-page-content .aigens-form-captcha input { border-color: var(--ux-border) !important; }
.dle-page-content > form:has([data-aigens-brief-form]) { max-width: 740px; margin-inline: auto; }

/* Equal cookie choices in both themes. The analytic consent logic is unchanged. */
.cookie-consent { width: min(540px,calc(100vw - 36px)); max-height: calc(100svh - 32px); overflow-y: auto; grid-template-columns: 1fr; gap: 18px; padding: 24px; }
.cookie-consent h2 { font-size: 24px; line-height: 1.2; }
.cookie-consent p { max-width: none; color: var(--ux-muted); font-size: 14px; line-height: 1.55; }
.cookie-consent-index { color: var(--ux-link); font-size: 10px; }
.cookie-consent-more { color: var(--frost); font-size: 13px; min-height: 32px; }
.cookie-consent-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cookie-consent .cookie-consent-actions button { width: 100%; min-height: 48px; padding: 10px 12px; color: var(--frost); border: 1px solid var(--ux-border); background: var(--field); font-size: 12px; line-height: 1.4; font-weight: 600; letter-spacing: 0; text-transform: none; }
.cookie-consent .cookie-consent-actions button:hover { background: var(--surface-soft); border-color: var(--ux-link); }

/* Product page: useful summary first, an intentionally bounded reading column. */
.dle-page--story .dle-page-content { width: min(100%,1240px); padding: 28px 36px 64px; }
.product-article { overflow: visible; border: 0; border-radius: 0; background: transparent; }
html[data-theme="light"] .product-article { box-shadow: none; }
.product-back { display: inline-flex; min-height: 44px; gap: 12px; align-items: center; color: var(--ux-muted); font-size: 14px; }
.product-back:hover { color: var(--frost); }
.product-hero { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: clamp(28px,4vw,58px); align-items: center; padding: 24px 0 44px; border-bottom: 1px solid var(--line); }
.product-hero:not(:has(.product-preview)) { grid-template-columns: 1fr; }
.product-hero .product-hero-copy { padding: 0; }
.product-eyebrow { color: var(--ux-link); font-size: 11px; font-weight: 600; letter-spacing: .1em; }
.product-article .title { max-width: 680px; margin: 18px 0; font-size: clamp(34px,3.6vw,50px); line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; }
.product-summary { max-width: 58ch; color: var(--ash); font-size: 17px; line-height: 1.65; }
.product-summary p { margin: 0; }
.product-summary img { display: none; }
.product-facts { display: grid; gap: 16px; margin: 24px 0 0; }
.product-facts > div { display: grid; grid-template-columns: 136px minmax(0,1fr); gap: 16px; }
.product-facts dt { color: var(--ux-muted); font-size: 12px; line-height: 1.6; }
.product-facts dd { margin: 0; color: var(--frost); font-size: 13px; line-height: 1.55; }
.product-actions { display: flex; flex-wrap: wrap; gap: 12px 22px; align-items: center; margin-top: 28px; }
.product-hero .product-preview { width: 100%; max-width: none; margin: 0; padding: 20px 20px 0; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.product-preview img { width: auto; max-width: 100%; max-height: 360px; height: auto; margin: 0 auto; object-fit: contain; border-radius: 8px; }
.product-preview figcaption { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; justify-content: space-between; margin-top: 16px; padding: 8px 0; border-top: 1px solid var(--line); color: var(--ux-muted); font-size: 11px; }
.product-preview button { min-height: 40px; padding: 0; border: 0; background: transparent; color: var(--frost); font-size: 12px; cursor: zoom-in; }
.product-preview button[hidden] { display: none; }
.product-reading { display: grid; grid-template-columns: 196px minmax(0,1fr); gap: clamp(24px,5vw,76px); padding: 44px 0 32px; }
.product-reading:not(:has(.product-toc:not([hidden]))) { grid-template-columns: minmax(0,1fr); }
.product-toc { position: sticky; top: var(--ux-header-offset); align-self: start; padding-right: 16px; }
.product-toc[hidden] { display: none; }
.product-toc p { margin: 0 0 14px; color: var(--ux-muted); font-size: 12px; }
.product-toc ol { margin: 0; padding: 0; list-style: none; }
.product-toc a { display: block; padding: 10px 0 10px 14px; border-left: 1px solid var(--line); color: var(--ux-muted); font-size: 14px; line-height: 1.4; }
.product-toc a:hover,.product-toc a[aria-current="location"] { color: var(--frost); border-color: var(--ux-link); }
.product-article .product-body { width: 100%; max-width: 70ch; margin: 0; padding: 0; font-size: 17px; line-height: 1.7; overflow-wrap: anywhere; }
.product-body > :first-child { margin-top: 0; }
.product-body :is(h2,h3) { margin: 1.3em 0 .5em; line-height: 1.25; letter-spacing: -.025em; }
.product-body h2 { font-size: 28px; }
.product-body h3 { font-size: 23px; }
.product-body :is(p,ul,ol) { margin: 0 0 1em; }
.product-body ul { list-style: disc; padding-left: 1.2em; }
.product-body ol { list-style: decimal; padding-left: 1.35em; }
.product-body li { margin: .45em 0; padding-left: .25em; }
.product-body li::marker { color: var(--ux-link); }
.product-body blockquote { margin: 24px 0; padding: 16px 20px; border-left: 2px solid var(--ux-link); color: var(--ash); background: var(--surface-soft); font-size: 16px; line-height: 1.6; }
.product-body code { padding: 2px 6px; border: 1px solid var(--line); border-radius: 6px; color: var(--frost); background: var(--surface-soft); font-size: .88em; text-shadow: none; white-space: normal; }
.product-body pre { max-width: 100%; overflow: auto; }
.product-body img { max-height: 460px; margin: 24px auto; }
.product-next-step { display: flex; flex-wrap: wrap; gap: 22px; justify-content: space-between; align-items: center; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.product-next-step h2 { margin: 0 0 7px; font-size: 25px; line-height: 1.2; letter-spacing: -.03em; }
.product-next-step p { margin: 0; color: var(--ux-muted); font-size: 14px; line-height: 1.5; }
.product-community { margin-top: 18px; }
.product-community > summary { display: list-item; padding: 12px 0; color: var(--ux-muted); font-size: 12px; cursor: pointer; }
.product-community .aigens-article-footer { min-height: 70px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.aigens-next-prev:empty,.aigens-pages:empty { display: none; }
.dle-page-content > .aigens-related { margin-top: 28px !important; }
.aigens-side-card h3 { font-size: 20px; letter-spacing: -.025em; }
.aigens-related-list a { min-height: 48px; font-size: 14px; }
.aigens-card .title { margin-top: 20px; font-size: clamp(28px,3vw,40px); line-height: 1.15; }
.aigens-card-kicker,.aigens-meta,.aigens-rating small { color: var(--ux-muted); }

.product-lightbox { width: min(1100px,calc(100vw - 32px)); max-height: calc(100svh - 32px); margin: auto; padding: 16px; border: 1px solid var(--ux-border); border-radius: 18px; color: var(--frost); background: var(--surface); box-shadow: 0 24px 100px #0005; }
.product-lightbox::backdrop { background: #000b; backdrop-filter: blur(6px); }
.product-lightbox header { display: flex; gap: 20px; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.product-lightbox h2 { margin: 0; font-size: 16px; line-height: 1.4; }
.product-lightbox button { flex: 0 0 auto; min-height: 44px; padding: 8px 15px; border: 1px solid var(--ux-border); border-radius: 999px; background: var(--field); color: var(--frost); font-size: 13px; cursor: pointer; }
.product-lightbox img { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(100svh - 140px); margin: auto; object-fit: contain; }

.aigens-legal .title { font-size: clamp(30px,3.2vw,44px); line-height: 1.16; }
.aigens-legal .aigens-article-header { padding-bottom: 8px; }
.aigens-legal-content { font-size: 17px; line-height: 1.7; }
.aigens-legal-content h2 { font-size: 26px; }
.aigens-legal-content :is(.legal-note,.legal-ui-label) { color: var(--ux-muted); }
.dle-page-heading { min-height: 0; padding-top: 32px; padding-bottom: 32px; }
.dle-page-heading h1 { font-size: clamp(34px,4vw,52px); line-height: 1.12; }
.site-footer { grid-template-columns: 1fr auto; gap: 18px 32px; color: var(--ux-muted); font-size: 11px; text-transform: none; }
.site-footer-owner { grid-column: 1; gap: 6px; }
.site-footer-legal { grid-column: 1; justify-content: flex-start; flex-wrap: wrap; overflow: visible; white-space: normal; gap: 4px 22px; }
.site-footer-legal > * { display: inline-flex; min-height: 36px; align-items: center; }
.site-footer > a { grid-column: 2; grid-row: 1 / 3; min-height: 44px; display: flex; align-items: center; }

@media (min-width: 901px) {
  .mobile-menu::before {
    right: auto;
    left: calc(76vw - min(29vmin,350px));
    top: calc(52vh - min(29vmin,350px));
  }
  .mobile-menu > nav { align-self: center; margin-top: 0; }
  .showcase-count,
  .showcase-scene h2,
  .showcase-description { transform: translateY(clamp(-48px,-5vh,-32px)); }
  .showcase-scene--reverse .showcase-media { left: clamp(6%,11vw,14%); justify-content: flex-end; }
  .showcase-scene--reverse h2,
  .showcase-scene--reverse .showcase-count,
  .showcase-scene--reverse .showcase-description { right: clamp(2%,3vw,4%); }
}

@media (max-width: 900px) {
  :root { --ux-header-height: 46px; }
  .product-community { display: none; }
  .site-header { grid-template-columns: minmax(0,1fr) 44px auto auto 44px; }
  .site-header :focus-visible { outline-offset: -3px; }
  .product-hero { gap: 26px; }
  .product-article .title { font-size: 36px; }
  .product-facts > div { grid-template-columns: 1fr; gap: 3px; }
  .product-summary { font-size: 16px; }
  .product-reading { grid-template-columns: 158px minmax(0,1fr); gap: 24px; }
  .hero-bottom p { font-size: 16px; max-width: 80vw; }
  .hero-actions { margin-top: 16px; }
  .showcase-description { font-size: 13px; }
}
@media (max-width: 650px) {
  .site-header { padding-inline: 14px; grid-template-columns: minmax(0,1fr) 38px auto minmax(66px,auto) 40px; gap: 6px; }
  .primary-link { min-width: 66px; min-height: 32px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; }
  .theme-toggle { width: 38px; height: 38px; min-width: 38px; min-height: 38px; }
  .theme-toggle svg { width: 18px; height: 18px; }
  .menu-toggle { width: 40px; height: 40px; min-width: 40px; min-height: 40px; }
  .brand { font-size: 13px; gap: 3px; }
  .mobile-account { position: static; }
  body.menu-open .primary-link { display: none; }
  body.menu-open .mobile-account { grid-column: 3 / 5; }
  .mobile-menu { padding: calc(var(--ux-header-height) + 32px) 25px 48px; }
  .mobile-menu > nav > a { font-size: clamp(36px,11.5vw,50px); line-height: 1.16; }
  .hero-bottom p { font-size: 14px; line-height: 1.5; }
  .hero-actions { gap: 3px 18px; }
  .hero-actions .ux-button,.hero-actions .ux-text-link { font-size: 12px; }
  .hero-actions .ux-button { padding: 10px 16px; }
  .hero-bottom { bottom: 26px; }
  .showcase-pagination { right: 14px; top: 50%; gap: 5px; }
  .showcase-pagination button { width: 44px; height: 44px; font-size: 14px; }
  .dle-page--story .dle-page-content { padding: 16px 22px 44px; }
  .product-hero { grid-template-columns: 1fr; padding: 16px 0 28px; gap: 28px; }
  .product-article .title { margin: 14px 0; font-size: clamp(30px,8.5vw,40px); line-height: 1.12; }
  .product-summary { font-size: 16px; }
  .product-facts { gap: 12px; margin-top: 18px; }
  .product-facts > div { grid-template-columns: 108px minmax(0,1fr); gap: 12px; }
  .product-actions { margin-top: 20px; gap: 8px 18px; }
  .product-actions .ux-button,.product-actions .ux-text-link { font-size: 13px; }
  .product-hero .product-preview { padding: 16px 16px 0; border-radius: 16px; }
  .product-preview img { max-height: 290px; }
  .product-reading { grid-template-columns: 1fr; gap: 26px; padding-top: 26px; }
  .product-toc { position: static; padding: 0; }
  .product-toc ol { display: flex; flex-wrap: wrap; gap: 0 18px; }
  .product-toc a { padding: 9px 0; border-left: 0; border-bottom: 1px solid var(--line); font-size: 13px; }
  .product-article .product-body { font-size: 16px; line-height: 1.7; }
  .product-body h2 { font-size: 25px; }
  .product-body h3 { font-size: 21px; }
  .product-next-step { padding: 22px; }
  .product-next-step h2 { font-size: 23px; }
  .aigens-brief-form { padding: 22px 18px; border-radius: 20px; }
  .brief-grid { gap: 28px; }
  .project-brief { padding-top: var(--ux-section-top); }
  .brief-intro ul { display: none; }
  .brief-intro > p { margin-top: 16px; }
  .brief-intro h2 { font-size: clamp(38px,10.5vw,50px); line-height: 1; }
  .brief-options .aigens-form-grid { grid-template-columns: 1fr; }
  .aigens-form-captcha { grid-template-columns: 96px minmax(0,1fr); padding: 10px; gap: 10px; }
  .aigens-form-captcha-image img { max-width: 96px; }
  .aigens-form-captcha input { padding-inline: 10px; }
  .cookie-consent { right: 14px; bottom: 14px; width: calc(100% - 28px); padding: 20px; gap: 12px; }
  .cookie-consent-actions { grid-template-columns: 1fr 1fr; }
  .cookie-consent .cookie-consent-actions button { font-size: 11px; }
  .cookie-consent p { font-size: 13px; }
  .site-footer { gap: 14px; font-size: 11px; }
  .site-footer-owner,.site-footer-legal { grid-column: 1 / -1; }
  .site-footer-legal { font-size: 12px; gap: 4px 16px; }
  .site-footer > a { grid-column: 1; grid-row: 3; justify-self: start; }
  .aigens-legal-content { font-size: 16px; }
  .aigens-legal-content h2 { font-size: 23px; }
}
/* Both original templates disable their canvas at this breakpoint.
   Collapse only that vacant mobile layout; do not change the canvas or renderer. */
@media (max-width: 600px) {
  .hero { min-height: 0; height: auto; padding-top: calc(var(--ux-header-height) + 60px); padding-bottom: 58px; display: grid; gap: 32px; }
  .hero-title { position: static; max-width: 100%; }
  .hero-bottom { position: static; }
}

/* Product video: the native DLE video field replaces the static cover when present. */
.showcase-media video { display: block; max-width: 100%; max-height: 100%; object-fit: contain; background: transparent; filter: drop-shadow(0 26px 60px rgba(0,0,0,.58)) drop-shadow(0 4px 16px rgba(0,0,0,.45)); }
.showcase-media--portrait video { width: auto; height: 100%; }
.showcase-media--landscape video { width: 100%; height: auto; }
html[data-theme="light"] .showcase-media video { filter: drop-shadow(0 26px 55px rgba(24,22,28,.22)) drop-shadow(0 4px 14px rgba(24,22,28,.16)); }
.product-preview video { display: block; width: auto; max-width: 100%; max-height: 360px; height: auto; margin: 0 auto; object-fit: contain; border-radius: 8px; background: transparent; }

/* The consent panel must never sit above the open navigation or trap the final CTA. */
body.menu-open .cookie-consent { display: none; }
@media (max-width: 900px) {
  body:has(.cookie-consent:not([hidden])) { padding-bottom: min(46svh,380px); }
}
@media (max-width: 650px) {
  .product-preview video { max-height: 290px; }
  .site-footer-owner a,
  .site-footer-legal a,
  .site-footer-legal button { min-height: 44px; display: inline-flex; align-items: center; }
  .aigens-card-actions a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .aigens-legal-content table { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.34) transparent; box-shadow: inset -18px 0 16px -16px rgba(255,255,255,.14); }
  .aigens-legal-content table::-webkit-scrollbar { height: 5px; }
  .aigens-legal-content table::-webkit-scrollbar-thumb { background: rgba(255,255,255,.32); border-radius: 999px; }
  html[data-theme="light"] .aigens-legal-content table { scrollbar-color: rgba(18,18,20,.34) transparent; box-shadow: inset -18px 0 16px -16px rgba(18,18,20,.14); }
  html[data-theme="light"] .aigens-legal-content table::-webkit-scrollbar-thumb { background: rgba(18,18,20,.32); }
}