/* Shared content styles; no page-builder selectors or external fonts. */
:root {
  color-scheme: light;
  --didemo-gutter: 2rem;
}
html { scroll-behavior: smooth; }
body { -webkit-tap-highlight-color: var(--wp--preset--color--logo-sky); }
:where(.wp-site-blocks, .editor-styles-wrapper) { box-sizing: border-box; }
:where(.wp-site-blocks *, .editor-styles-wrapper *) { box-sizing: inherit; }
:where(.wp-site-blocks img, .editor-styles-wrapper img, .wp-block-video video) { display: block; max-width: 100%; height: auto; }
:where(h1, h2, h3) { text-wrap: balance; }
:where(a) { text-underline-offset: .2em; text-decoration-thickness: .075em; touch-action: manipulation; }
:where(a:focus-visible, video:focus-visible, main:focus-visible) { outline: 3px solid var(--wp--preset--color--secondary); outline-offset: 5px; }
:where([id]) { scroll-margin-top: 1.5rem; }
.wp-site-blocks > * { margin-block: 0; }
:where(.didemo-shell) { width: min(var(--wp--style--global--content-size, 1160px), calc(100% - var(--didemo-gutter) * 2)); margin-inline: auto; }
:where(.didemo-section) { padding-block: var(--wp--preset--spacing--section); }
.is-style-didemo-screen-reader:not(:focus), .skip-link:not(:focus) {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.skip-link:focus { position: fixed; z-index: 100; top: 1rem; left: 1rem; padding: .75rem 1rem; background: var(--wp--preset--color--white); color: var(--wp--preset--color--ink); }
:where(.didemo-site-header) { background: var(--wp--preset--color--logo-sky); border-bottom: 1px solid var(--wp--preset--color--line); }
:where(.didemo-header-layout) { min-height: 124px; padding-block: .75rem; gap: 2rem; }
:where(.didemo-brand) { min-width: 0; }
:where(.didemo-header-layout .wp-block-navigation) { margin: 0; }
:where(.didemo-header-layout .wp-block-navigation__container) { gap: 2rem; }
:where(.didemo-header-layout .wp-block-navigation-item__content) { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
:where(.didemo-header-layout .wp-block-navigation-item__content:hover) { color: var(--wp--preset--color--primary); text-decoration: underline; }
:where(.didemo-site-footer) { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--white); }
:where(.didemo-hero-context) { max-width: 40ch; margin-bottom: 1.25rem; color: var(--wp--preset--color--muted); font-size: .95rem; line-height: 1.5; }
:where(.didemo-hero-title) { max-width: 12ch; }
:where(.didemo-hero-intro) { max-width: 52ch; margin-top: 1.6rem; }
:where(.wp-block-image .wp-element-caption) { margin-top: .5rem; color: var(--wp--preset--color--muted); font-size: .8125rem; line-height: 1.4; text-align: left; }
:where(.wp-block-video) { margin: 0; }
:where(.wp-block-video video) { width: 100%; background: #000; border-radius: 5px; }
:where(.wp-block-video .wp-element-caption) { max-width: 65ch; margin-top: .85rem; color: var(--wp--preset--color--muted); font-size: .875rem; line-height: 1.5; text-align: left; }
@media (max-width: 760px) { :root { --didemo-gutter: 1.25rem; } }
@media (max-width: 560px) {
  body { --wp--custom--card-padding: 1.25rem; --wp--custom--badge-gap: .9rem; --wp--custom--header-gap: .5rem; --wp--custom--nav-gap: 1.5rem; }
  :root body:has(.didemo-content), :root body.editor-styles-wrapper { font-size: 1rem; }
  :where(.didemo-header-layout) { padding-block: .9rem .5rem; gap: .5rem; }
  .didemo-header-layout .wp-block-navigation { width: 100%; font-size: .875rem; }
  :where(.didemo-header-layout .wp-block-navigation__container) { gap: 1.5rem; }
  :where(.didemo-hero-context) { font-size: .875rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .wp-block-button__link { transition: none; }
}
@media (forced-colors: active) {
  .is-style-didemo-hero-action .wp-block-button__link,
  .is-style-didemo-course-docenti, .is-style-didemo-course-scuole { border: 1px solid ButtonText; }
}
