@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Base */

html, body { overflow-x: clip; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;}


:root{
  --ml-content: var(--wp--style--global--content-size, 980px);
  --ml-wide:    var(--wp--style--global--wide-size, 1300px);
  --ml-gutter:  clamp(16px, 3vw, 32px);
}

/* Blocchi normali: contenuti a larghezza contentSize */
.entry-content > :where(:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull)){
  max-width: var(--ml-content);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--ml-gutter);
  padding-right: var(--ml-gutter);
  box-sizing: border-box;
}

/* Wide */
.entry-content > :where(.alignwide){
  max-width: var(--ml-wide);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--ml-gutter);
  padding-right: var(--ml-gutter);
  box-sizing: border-box;
}

/* Full */
.entry-content > :where(.alignfull){
  max-width: none;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}