/* scalewithmay.com - Colour panes bridge for the older styles.css pages (2026-10-10).
   Loaded AFTER styles.css and panes-bridge.css. panes-bridge.css supplies the shared panes header and footer;
   this file retunes the styles.css palette, type and corners to match the panes pages. */
:root{
  --gold:#F2B42E; --gold-light:#F7C95C; --gold-dark:#D99E1A; --gold-glow:rgba(242,180,46,.10);
  --bg-deep:#111214; --bg-primary:#111214; --bg-elevated:#1C1E21; --bg-card:#1C1E21; --bg-card-hover:#232629;
  --text-primary:#F3F4F2; --text-secondary:#C9CCD0; --text-muted:#9EA3A9; --text-faint:#5C6066;
  --border:#2A2D31; --border-hover:rgba(242,180,46,.45); --border-gold:#F2B42E;
  --copper:#F2B42E; --copper-light:#F7C95C; --copper-glow:rgba(242,180,46,.10); --copper-border:rgba(242,180,46,.35);
  --accent-warm:#1C1E21; --accent-warm-border:#2A2D31;
  --gradient-gold:linear-gradient(#F2B42E,#F2B42E); --gradient-gold-text:linear-gradient(#F2B42E,#F2B42E);
  --gradient-dark:linear-gradient(#111214,#111214); --gradient-warm-section:linear-gradient(#111214,#111214);
  --font-body:"Figtree",system-ui,sans-serif; --font-display:"Figtree",system-ui,sans-serif;
  --radius:0; --radius-sm:0; --radius-lg:0; --radius-xl:0;
}
body{background:#111214;color:#F3F4F2;font-family:"Figtree",system-ui,sans-serif}
h1,h2,h3,h4,h5{font-family:"Figtree",system-ui,sans-serif;font-style:normal}
h1 em,h2 em,h3 em{font-style:normal;color:#F2B42E}
[class*="btn"]{border-radius:0}
.btn-primary,.btn-gold{background:#F2B42E!important;color:#111214!important;box-shadow:none!important}

/* Panes are square and flat: no rounded cards, pills or glows */
body *:not(img):not(svg):not(.pz-soc a):not(.mobile-toggle span){border-radius:0!important}
.ambient-orb,.hero-glow,.grain,.noise{display:none!important}
.page-hero,.sd-hero,.hero{background:#111214!important}
[class*="card"],[class*="item"],[class*="box"]{box-shadow:none!important}

/* Services problem rows: on a phone the label moves under the question so the question gets the full width */
@media (max-width:640px){
  .svc-trigger{flex-wrap:wrap;align-items:flex-start;row-gap:8px}
  .svc-tl{flex:1 1 100%}
  .svc-tr{flex-direction:row!important;align-items:center!important;width:100%;justify-content:space-between;padding-inline-start:30px}
}

/* Flat fills: decorative gradients and grid textures off; gold-gradient buttons become saffron */
.hero-gradient,.hero-grid-pattern,[class*="grid-pattern"]{display:none!important}
section,[class*="section"]{background-image:none!important}
section::before,section::after{background-image:none!important}
.svc-btn,[class*="btn"][style*="gradient"]{background:#F2B42E!important;color:#111214!important;border:0!important}

/* Flush-start type and a tighter top, as on the panes pages (the panes header is sticky, not fixed) */
section[class*="hero"]{padding-top:clamp(36px,6vw,72px)!important}
section[class*="hero"],section[class*="hero"] *,.section-header,.section-header *{text-align:start!important}
.section-header{margin-inline:0!important}
section[class*="hero"] :not([class*="btn"]):not(a):not(button),.section-header{justify-content:flex-start!important}

/* One type family everywhere (some pages hard-code the old serif); icons and code keep theirs */
body :not(i):not([class*="fa-"]):not(code):not(pre):not(kbd):not(svg *){font-family:"Figtree",system-ui,sans-serif!important}
section :not([class*="btn"]):not(button):not(a){text-align:start!important}
[class*="section-header"],[class*="sd-header"],[class*="section-head"]{margin-inline:0!important;max-width:720px}
@media (max-width:640px){
  section[class*="section"]{padding-block:40px!important}
  [class$="-card"],[class*="-card "]{padding:18px!important}
  section h2{font-size:clamp(24px,7vw,30px)!important;line-height:1.15!important}
}
/* Narrow blocks inside a section line up on the heading's left edge instead of floating centred */
section .container > *:not(.container),section [class*="hero-content"] > *,section [class*="sd-hero"] > *{margin-inline-start:0!important}
[class*="hero-content"],[class*="hero-layout"] > *{margin-inline-start:0!important}

/* Legal pages: quiet section heads so a long policy scans (sentence case, one size) */
.privacy-content h2,.terms-content h2,.legal-content h2{font-size:clamp(19px,2.2vw,22px)!important;line-height:1.25!important;text-transform:none!important;letter-spacing:0!important;color:#F3F4F2!important;margin-top:36px!important}
.privacy-content code{font-family:ui-monospace,Menlo,Consolas,monospace!important;font-size:.88em;background:#1C1E21;padding:1px 5px}
/* Consent controls on the privacy page: equal weight, same as the banner */
.consent-controls{display:flex;flex-wrap:wrap;gap:8px}
.consent-btn{flex:1 1 200px;min-height:48px;padding:0 22px!important;border:0!important;border-radius:0!important;font:700 15px/1.2 "Figtree",system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer}
.consent-btn-accept,.consent-btn-accept:hover{background:#F2B42E!important;color:#111214!important}
.consent-btn-decline,.consent-btn-decline:hover{background:#F3F4F2!important;color:#111214!important}
.consent-btn:focus-visible{outline:2px solid #F2B42E;outline-offset:2px}