/**\n * GUL Block Controls — ADVANCED (Stackable-parity).\n *\n * Each block wrapper gets CSS custom properties set inline by the editor (and by\n * GUL_Block_Controls::wrap_render for SSR blocks). Those custom properties are\n * consumed here so every gul/* block gets a per-block design surface for free.\n *\n * Vars on the wrapper:\n *   --gul-fa-font-family   --gul-fa-font-size   --gul-fa-font-weight\n *   --gul-fa-line-height   --gul-fa-letter-spacing  --gul-fa-text-transform\n *   --gul-fa-text-decoration --gul-fa-text-align\n *   --gul-fa-heading-font  --gul-fa-heading-size --gul-fa-heading-weight\n *\n *   --gul-bd-radius-tl  --gul-bd-radius-tr  --gul-bd-radius-br  --gul-bd-radius-bl\n *   --gul-bd-width-t    --gul-bd-width-r    --gul-bd-width-b    --gul-bd-width-l\n *   --gul-bd-color      --gul-bd-style\n *\n *   --gul-sh                  (full computed shadow string)\n *   --gul-sh-hover            (hover state)\n *\n *   --gul-bga-color           (solid bg)\n *   --gul-bga-gradient        (linear-gradient(...))\n *   --gul-bga-image           (url(...))\n *   --gul-bga-image-size      (cover|contain|...)\n *   --gul-bga-image-position  (center|top|...)\n *   --gul-bga-overlay         (rgba(...))\n *   --gul-bga-parallax        (fixed|scroll)\n */\n\n/* ---------- Typography (advanced) ---------- */\n[class*=\"wp-block-gul-\"] {\n\tfont-family:      var(--gul-fa-font-family, inherit);\n\tfont-size:        var(--gul-fa-font-size, inherit);\n\tfont-weight:      var(--gul-fa-font-weight, inherit);\n\tline-height:      var(--gul-fa-line-height, inherit);\n\tletter-spacing:   var(--gul-fa-letter-spacing, inherit);\n\ttext-transform:   var(--gul-fa-text-transform, inherit);\n\ttext-decoration:  var(--gul-fa-text-decoration, inherit);\n\ttext-align:       var(--gul-fa-text-align, inherit);\n}\n[class*=\"wp-block-gul-\"] :where(h1, h2, h3, h4, h5, h6) {\n\tfont-family: var(--gul-fa-heading-font, inherit);\n\tfont-size:   var(--gul-fa-heading-size, inherit);\n\tfont-weight: var(--gul-fa-heading-weight, inherit);\n}\n\n/* ---------- Border (advanced) ---------- */\n[class*=\"wp-block-gul-\"] {\n\tborder-top-left-radius:     var(--gul-bd-radius-tl, 0);\n\tborder-top-right-radius:    var(--gul-bd-radius-tr, 0);\n\tborder-bottom-right-radius: var(--gul-bd-radius-br, 0);\n\tborder-bottom-left-radius:  var(--gul-bd-radius-bl, 0);\n\tborder-top-width:    var(--gul-bd-width-t, 0);\n\tborder-right-width:  var(--gul-bd-width-r, 0);\n\tborder-bottom-width: var(--gul-bd-width-b, 0);\n\tborder-left-width:   var(--gul-bd-width-l, 0);\n\tborder-color: var(--gul-bd-color, transparent);\n\tborder-style: var(--gul-bd-style, solid);\n}\n\n/* ---------- Box shadow ---------- */\n[class*=\"wp-block-gul-\"] { box-shadow: var(--gul-sh, none); transition: box-shadow .25s ease; }\n[class*=\"wp-block-gul-\"]:hover { box-shadow: var(--gul-sh-hover, var(--gul-sh, none)); }\n\n.gul-sh-sm  { --gul-sh: 0 1px 2px rgba(15,23,42,.06); }\n.gul-sh-md  { --gul-sh: 0 4px 12px -2px rgba(15,23,42,.10); }\n.gul-sh-lg  { --gul-sh: 0 12px 28px -8px rgba(15,23,42,.16); }\n.gul-sh-xl  { --gul-sh: 0 24px 60px -20px rgba(15,23,42,.25); }\n.gul-sh-glow{ --gul-sh: 0 0 24px rgba(0,147,254,.45); }\n.gul-sh-neon{ --gul-sh: 0 0 12px rgba(252,185,0,.55), 0 0 32px rgba(0,147,254,.45); }\n\n/* ---------- Background (advanced) ---------- */\n[class*=\"wp-block-gul-\"][data-gul-bga] {\n\tbackground-color: var(--gul-bga-color, transparent);\n\tbackground-image: var(--gul-bga-gradient, none), var(--gul-bga-image, none);\n\tbackground-size: var(--gul-bga-image-size, cover);\n\tbackground-position: var(--gul-bga-image-position, center);\n\tbackground-repeat: no-repeat;\n\tbackground-attachment: var(--gul-bga-parallax, scroll);\n}\n[class*=\"wp-block-gul-\"][data-gul-bga-overlay]::before {\n\tcontent: '';\n\tposition: absolute;\n\tinset: 0;\n\tbackground: var(--gul-bga-overlay, transparent);\n\tz-index: 0;\n\tpointer-events: none;\n}\n[class*=\"wp-block-gul-\"][data-gul-bga-overlay] > * { position: relative; z-index: 1; }\n\n/* ---------- Responsive visibility ---------- */\n@media (min-width: 1024px) { .gul-hide-desktop { display: none !important; } }\n@media (min-width: 768px) and (max-width: 1023.98px) { .gul-hide-tablet { display: none !important; } }\n@media (max-width: 767.98px) { .gul-hide-mobile { display: none !important; } }\n\n/* ---------- Custom CSS hook ---------- */\n/* Author may add `.gul-c-XYZ` in inspector; rules go in the Custom CSS panel and target that class. */\n