/* scalewithmay.com - Colour panes bridge (2026-10-10).
   Loaded AFTER site.css on pages that have not been rebuilt in panes yet (articles, insights index, secondary pages).
   It retunes site.css to the panes palette and type, and styles the shared panes header and footer (pz- classes,
   so nothing collides with site.css). The five core pages use panes-site.css instead. */
:root{
  --sheet:#111214; --paper:#1C1E21; --ink:#F3F4F2; --ink-2:#D3D6DA; --graphite:#AAB0B6; --dim:#8A9096;
  --rule:#2A2D31; --rule-strong:#4A4F56; --red:#F2B42E; --red-ink:#F7C95C; --on-red:#111214;
  --band:#1C1E21; --band-ink:#F3F4F2; --band-mute:#AAB0B6;
  --f-serif:"Figtree", system-ui, sans-serif; --f-sans:"Figtree", system-ui, sans-serif;
  --pz-lead:#111214; --pz-clear:#F3F4F2; --pz-seed:#E6E8E5; --pz-ink:#111214; --pz-mute:#5C6066;
  --pz-cobalt:#2B4CF0; --pz-saffron:#F2B42E; --pz-sage:#7FB39A; --pz-g:clamp(14px,3vw,40px); --pz-lw:8px;
}
body{padding-bottom:0!important}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.035em}
h3,h4{font-weight:700;letter-spacing:-.02em}
.mobile-bottom-nav{display:none!important}

/* ---------- Header ---------- */
.pz-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px;padding:0 var(--pz-g);background:var(--pz-lead);color:#F3F4F2;font-family:"Figtree",system-ui,sans-serif}
.pz-mark{display:inline-flex;align-items:center;min-height:44px;font:800 18px/1 "Figtree",sans-serif;letter-spacing:-.02em;color:#F3F4F2;text-decoration:none}
.pz-links{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none;font:500 15px/1 "Figtree",sans-serif;color:#C9CCD0}
.pz-links a{display:inline-flex;align-items:center;min-height:44px;color:#C9CCD0;text-decoration:none}
.pz-links a:hover,.pz-links a[aria-current="page"]{color:#fff}
.pz-links a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--pz-saffron)}
.pz-end{display:flex;align-items:center;gap:14px}
.pz-lang{display:inline-grid;place-items:center;min-width:44px;min-height:44px;color:#C9CCD0;font:600 15px/1 "Figtree",sans-serif;text-decoration:none}
.pz-lang:hover{color:#fff}
.pz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:0;background:var(--pz-saffron);color:#111214!important;font:700 15px/1 "Figtree",sans-serif;text-decoration:none;cursor:pointer}
.pz-btn:hover{filter:brightness(1.06)}
.pz-btn.ink{background:#111214;color:#fff!important}
.pz-menu{display:none;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.pz-menu span{display:block;width:22px;height:2px;margin:5px auto;background:#F3F4F2;transition:transform 240ms cubic-bezier(.16,1,.3,1),opacity 200ms}
.pz-menu.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.pz-menu.active span:nth-child(2){opacity:0}
.pz-menu.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:980px){
  .pz-menu{display:block}
  .pz-links{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:var(--pz-lw);padding:0 var(--pz-g) var(--pz-lw);background:var(--pz-lead)}
  .pz-links.active{display:flex}
  .pz-links li{display:flex}
  .pz-links a{flex:1;min-height:56px;padding:0 20px;background:var(--pz-clear);color:#111214;font-weight:600}
  .pz-links a:hover{background:var(--pz-seed);color:#111214}
  .pz-links a[aria-current="page"]{background:var(--pz-saffron);box-shadow:none;color:#111214}
}
@media (max-width:420px){.pz-end .pz-btn{padding:0 14px}.pz-lang{min-width:36px}}

/* ---------- Footer: a row of panes ---------- */
.pz-foot{padding:var(--pz-lw) var(--pz-g) var(--pz-g);background:var(--pz-lead);font-family:"Figtree",system-ui,sans-serif}
.pz-grid{display:grid;gap:var(--pz-lw);grid-template-columns:repeat(12,minmax(0,1fr))}
.pz-pane{padding:clamp(18px,2vw,26px);background:var(--pz-clear);color:#111214}
.pz-pane.seed{background:var(--pz-seed)}
.pz-pane.saffron{background:var(--pz-saffron)}
.pz-s4{grid-column:span 4}.pz-s3{grid-column:span 3}.pz-s2{grid-column:span 2}
.pz-pane h2{margin:0 0 12px;font:700 18px/1.2 "Figtree",sans-serif;letter-spacing:-.02em;color:#111214}
.pz-pane p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#3B3E42}
.pz-pane a{color:#111214}
.pz-pane ul{margin:0;padding:0;list-style:none;display:grid;gap:0}
.pz-pane li a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:15px}
.pz-pane li a:hover{text-decoration:underline;text-underline-offset:.25em}
.pz-brand{margin:0;font:800 22px/1.1 "Figtree",sans-serif;letter-spacing:-.02em;color:#111214}
.pz-soc{display:flex;gap:6px;margin-top:16px}
.pz-soc a{display:inline-grid;place-items:center;width:44px;height:44px;background:#111214;color:#fff!important;text-decoration:none}
.pz-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px 2px 0;font-size:14px;color:#9EA3A9}
.pz-base a{display:inline-flex;align-items:center;min-height:44px;color:#C9CCD0;margin-inline-start:16px}
@media (max-width:900px){
  .pz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pz-s4,.pz-s3{grid-column:1 / -1}
  .pz-s2{grid-column:span 1}
}
@media (max-width:560px){.pz-s2{grid-column:1 / -1}}

/* ---------- Article index: compact rows (the full summary stays in the page for search) ---------- */
.index.ins-index .d{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
@media (max-width:760px){
  .index.ins-index a{grid-template-columns:minmax(0,1fr) 20px;column-gap:12px;row-gap:6px;padding:12px 0}
  .index.ins-index .ic{display:none}
  .index.ins-index .t{grid-column:1;grid-row:1;font-size:19px}
  .index.ins-index .d{grid-column:1;grid-row:2;-webkit-line-clamp:2;font-size:15px;line-height:1.5}
  .index.ins-index .m{grid-column:1;grid-row:3}
  .index.ins-index .ar{grid-column:2;grid-row:1}
}

/* ---------- Type on controls: sentence case, as on the panes pages ---------- */
.pz-links .nav-link{font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;white-space:normal}
.pz-links .nav-link::after{display:none}
@media (max-width:980px){.pz-links .nav-link{font-size:16px;font-weight:600}}
.btn{font:700 15px/1 "Figtree",system-ui,sans-serif;letter-spacing:0;text-transform:none}
.link-arrow,.certs-more summary{font-family:"Figtree",system-ui,sans-serif;font-size:15px;letter-spacing:0;text-transform:none}
html body #cookie-consent-banner button{font-family:"Figtree",system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:0;text-transform:none}

/* ---------- Articles on a phone: inline 3- and 4-column grids fold to two, nothing pushes past the screen ---------- */
@media (max-width:560px){
  .article-content [style*="1fr 1fr 1fr"],.article-content [style*="repeat(3"],.article-content [style*="repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .article-content [style*="grid-template-columns"] > *{min-width:0}
  .article-content{overflow-wrap:break-word}
  .article-end-cta-text{flex:1 1 auto;min-width:0}
  .article-content table{display:block;max-width:100%;overflow-x:auto}
}

/* ---------- Hebrew (he/): Figtree for Latin, IBM Plex Sans Hebrew for Hebrew; no negative tracking on Hebrew ---------- */
html[lang="he"]{--f-serif:"Figtree","IBM Plex Sans Hebrew",system-ui,sans-serif;--f-sans:"Figtree","IBM Plex Sans Hebrew",system-ui,sans-serif}
html[lang="he"] body,html[lang="he"] .pz-top :not(i),html[lang="he"] .pz-foot :not(i),html[lang="he"] .pz-mark,html[lang="he"] .pz-brand{font-family:"Figtree","IBM Plex Sans Hebrew",system-ui,sans-serif}
html[lang="he"] h1,html[lang="he"] h2,html[lang="he"] h3,html[lang="he"] h4,html[lang="he"] .pz-mark,html[lang="he"] .pz-brand,html[lang="he"] .pz-pane h2{letter-spacing:0;font-weight:700}
@media (max-width:560px){.trust .sep{display:none}.trust .ti{display:block}}
/* In-page links land below the sticky header */
[id]{scroll-margin-top:84px}

/* Footer email link: full tap height */
.pz-pane p a[data-email]{display:inline-flex;align-items:center;min-height:44px}

/* compact footer on phones (2026-10-10) */
@media (max-width:700px){
  .pz-foot{padding-top:8px}
  .pz-foot .pz-grid{grid-template-columns:1fr 1fr!important}
  .pz-foot .pz-s4,.pz-foot nav.pz-s3,.pz-foot nav.pz-s2,.pz-foot .pz-pane.saffron{grid-column:1 / -1!important;padding:16px 18px}
  .pz-foot .pz-s4{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name soc" "text text";align-items:center;column-gap:12px}
  .pz-foot .pz-s4 .pz-brand{grid-area:name;font-size:20px;margin:0}
  .pz-foot .pz-s4 > p:not(.pz-brand){grid-area:text;font-size:13.5px;line-height:1.45;margin:8px 0 0;color:#5C6066}
  .pz-foot .pz-s4 .pz-soc{grid-area:soc;margin:0;gap:4px}
  .pz-foot .pz-s4 .pz-soc a{width:40px;height:44px}
  .pz-foot nav.pz-s3 h2,.pz-foot nav.pz-s2 h2,.pz-foot .pz-pane.saffron h2{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;color:#3B3E42}
  .pz-foot nav.pz-s3 ul{grid-template-columns:1fr 1fr;column-gap:12px;row-gap:0}
  .pz-foot nav.pz-s3 li a,.pz-foot nav.pz-s2 li a{font-size:14.5px;line-height:1.25;min-height:44px}
  .pz-foot nav.pz-s2 ul{display:flex;flex-wrap:wrap;column-gap:20px}
  .pz-foot .pz-pane.saffron{display:grid;grid-template-columns:1fr auto;grid-template-areas:"h btn" "mail btn";align-items:center;column-gap:12px}
  .pz-foot .pz-pane.saffron h2{grid-area:h;color:#111214}
  .pz-foot .pz-pane.saffron > p{margin:0}
  .pz-foot .pz-pane.saffron > p:not(:has(a)){display:none}
  .pz-foot .pz-pane.saffron > p:has(a[data-email]){grid-area:mail;font-size:14px}
  .pz-foot .pz-pane.saffron > p:has(.btn),.pz-foot .pz-pane.saffron > p:has(.pz-btn){grid-area:btn}
  .pz-foot .pz-pane.saffron > p:has(.btn) a,.pz-foot .pz-pane.saffron > p:has(.pz-btn) a{min-height:48px;padding:0 18px}
}