/*
Theme Name: SAB STG Layout Smoke
Theme URI: https://example.invalid/sab-stg-layout-smoke
Author: SAB Studio
Description: STAGING-only managed theme fixture for layout release verification.
Version: 0.1.0
Text Domain: sab-stg-layout-smoke
*/
:root {
  color-scheme: light;
  font-family: Arial, sans-serif;
  --section-padding: 32px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #f5f7fb; color: #182033; }
body { min-width: 320px; }
.site-header { position: relative; z-index: 2; min-height: 64px; padding: 20px 24px; background: #14213d; color: #fff; }
.site-main { max-width: 960px; margin: 0 auto; padding: 24px; }
[data-qc-section="sab-layout-smoke"] { position: relative; min-height: 240px; padding: var(--section-padding); background: #fff; border-radius: 16px; box-shadow: 0 8px 24px rgb(20 33 61 / 12%); }
.section-copy { max-width: 620px; line-height: 1.6; }
.section-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border-radius: 8px; background: #fca311; color: #111; text-decoration: none; }
.fixed-cta { position: fixed; right: 16px; bottom: 16px; z-index: 4; padding: 12px 16px; border-radius: 999px; background: #0a7f5a; color: #fff; }
.qc-fail-cta-overlap .fixed-cta { top: 150px; bottom: auto; }
.qc-fail-overflow .overflow-probe { width: 130vw; height: 2px; }
@media (max-width: 600px) {
  .site-main { padding: 12px; }
  [data-qc-section="sab-layout-smoke"] { min-height: 280px; }
}