/* palette = soft : light, friendly planes. No large navy areas. Text = Workstrust navy. Accents = nav blue + orange buttons. Loaded after top-mock-3.css */
main.st3.st3-pal-soft{--sky0:#eaf3fa;--sky1:#dcebf7;--sky2:#c9e1f4;--cream:#fbf7ef;--cream2:#f8efdf;--base:#fffdf8;--accent:#1f78d8;--or-ink:#b8500b;background:var(--base)}
main.st3.st3-pal-soft .st3-sec,main.st3.st3-pal-soft .st3-s02{background-color:var(--base)}

/* softer corners, thin lines */
main.st3.st3-pal-soft :is(.st3-btn,.st3-btn2,.st3-more){border-radius:14px}
main.st3.st3-pal-soft :is(.st3-voice,.st3-acc__i,.st3-fvcard a,.st3-p--solve){border-radius:18px}
main.st3.st3-pal-soft :is(.st3-col,.st3-logo){border-radius:22px}
main.st3.st3-pal-soft .st3-tag{border-radius:8px}
main.st3.st3-pal-soft .st3-ico{border-radius:20px;background:linear-gradient(140deg,#5aa6ea 0%,var(--blue) 70%,#0f56a8 100%);box-shadow:0 8px 18px rgba(21,101,192,.2)}
main.st3.st3-pal-soft .st3-h2{color:var(--ink)}

/* light-surface variant of the secondary button (was white-on-navy) */
main.st3.st3-pal-soft .st3-acts.is-dark .st3-btn2{border:1px solid rgba(0,32,72,.3);color:var(--ink);background:rgba(255,253,248,.85)}
main.st3.st3-pal-soft .st3-acts.is-dark .st3-btn2:is(:hover,:focus-visible){background:var(--sky1);border-color:var(--blue);color:var(--blue)}
main.st3.st3-pal-soft .st3-btn2{border-width:1px}

/* FV shared */
main.st3.st3-pal-soft :is(.st3-fv--a,.st3-fv--c){color:var(--ink)}
main.st3.st3-pal-soft :is(.st3-fv--a,.st3-fv--c) .st3-h1{color:var(--ink)}
main.st3.st3-pal-soft :is(.st3-fv--a,.st3-fv--b,.st3-fv--c) .st3-h1b{color:var(--accent)}
main.st3.st3-pal-soft :is(.st3-fv--a,.st3-fv--c) .st3-lead{color:var(--copy)}
main.st3.st3-pal-soft :is(.st3-fv--a,.st3-fv--c) .st3-fv__art::before{background:radial-gradient(closest-side,rgba(255,253,248,.85),rgba(255,253,248,.35) 60%,transparent)}
main.st3.st3-pal-soft .st3-fvcard a{box-shadow:0 12px 30px rgba(0,32,72,.1),0 0 0 1px rgba(0,32,72,.05)}

/* A: sky plane with the same diagonal cut */
main.st3.st3-pal-soft .st3-fv--a .st3-fv__plane{background:
  radial-gradient(circle at 1px 1px,rgba(21,101,192,.11) 1px,transparent 1.6px) 0 0/22px 22px,
  radial-gradient(ellipse 55% 70% at 80% 35%,rgba(255,253,248,.9),transparent 70%),
  linear-gradient(165deg,#eef5fb 0%,var(--sky1) 50%,#cde2f4 100%)}
main.st3.st3-pal-soft .st3-badge{color:var(--ink);background:radial-gradient(circle at 35% 30%,#fffaf2,#ffeedd 70%,#ffe2c4);box-shadow:0 0 0 1px rgba(236,109,22,.35),0 0 0 8px rgba(250,139,37,.12),0 14px 28px rgba(0,32,72,.12)}
main.st3.st3-pal-soft .st3-badge b{color:var(--or-ink)}

/* B: band behind the screen becomes a soft sky block */
main.st3.st3-pal-soft .st3-fv--b{background:
  linear-gradient(rgba(21,101,192,.07) 1px,transparent 1px) 0 0/32px 32px,
  linear-gradient(90deg,rgba(21,101,192,.07) 1px,transparent 1px) 0 0/32px 32px,
  radial-gradient(ellipse 70% 80% at 20% 10%,#fffdf8 0%,#fbf7ef 70%,#f6efe2 100%)}
main.st3.st3-pal-soft .st3-fv--b .st3-fv__band{background:
  radial-gradient(circle at 1px 1px,rgba(21,101,192,.12) 1px,transparent 1.6px) 0 0/22px 22px,
  linear-gradient(150deg,var(--sky1) 0%,var(--sky2) 100%)}
main.st3.st3-pal-soft .st3-screen{box-shadow:0 24px 54px rgba(0,32,72,.16),0 0 0 1px rgba(0,32,72,.06)}
main.st3.st3-pal-soft .st3-bignum b{background:linear-gradient(180deg,#3b93e6,var(--blue));-webkit-background-clip:text;background-clip:text}

/* C: sky band */
main.st3.st3-pal-soft .st3-fv--c .st3-fv__band{background:
  radial-gradient(circle at 1px 1px,rgba(21,101,192,.1) 1px,transparent 1.6px) 0 0/22px 22px,
  radial-gradient(ellipse 50% 60% at 50% 100%,rgba(255,253,248,.7),transparent 70%),
  linear-gradient(180deg,#f3f8fc 0%,var(--sky0) 45%,var(--sky2) 100%)}
main.st3.st3-pal-soft .st3-ribbon{background:linear-gradient(180deg,#fff3e4,#ffe4c8);filter:drop-shadow(0 8px 14px rgba(0,32,72,.12))}
main.st3.st3-pal-soft .st3-ribbon b{color:var(--or-ink)}
main.st3.st3-pal-soft .st3-fvcards.is-c .st3-fvcard a{background:var(--sky0)}
main.st3.st3-pal-soft .st3-fvcards.is-c .st3-fvcard a:is(:hover,:focus-visible){background:var(--sky1)}

/* 01: grid on a pale surface, closing line on a cream band */
main.st3.st3-pal-soft .st3-s01.is-grid{background:
  linear-gradient(rgba(21,101,192,.055) 1px,transparent 1px) 0 0/28px 28px,
  linear-gradient(90deg,rgba(21,101,192,.055) 1px,transparent 1px) 0 0/28px 28px,
  linear-gradient(180deg,#f7fafc,#f4f8fb)}
main.st3.st3-pal-soft .st3-s01.is-plain{background:var(--base)}
main.st3.st3-pal-soft .st3-p--solve{background:var(--base);box-shadow:0 10px 26px rgba(0,32,72,.07),0 0 0 1px rgba(0,32,72,.05)}
main.st3.st3-pal-soft .st3-s01.is-plain .st3-p--solve{background:var(--sky0);box-shadow:none}
main.st3.st3-pal-soft .st3-voice{background:var(--base);box-shadow:0 12px 28px rgba(0,32,72,.1),0 0 0 1px rgba(0,32,72,.05)}
main.st3.st3-pal-soft .st3-close{color:var(--ink);background:
  radial-gradient(circle at 1px 1px,rgba(184,80,11,.09) 1px,transparent 1.6px) 0 0/22px 22px,
  linear-gradient(120deg,var(--cream2),#fdf4e6 60%,var(--cream2));border-block:1px solid #efe1c9}
main.st3.st3-pal-soft .st3-close__s{color:var(--sub)}
main.st3.st3-pal-soft .st3-close__b{color:var(--ink)}

/* 02 A: tabs + expanded panel on sky */
main.st3.st3-pal-soft .st3-tab{background:#f1ede4;color:var(--ink)}
main.st3.st3-pal-soft .st3-tab:hover{background:#e9e3d6}
main.st3.st3-pal-soft .st3-tab[aria-selected="true"]{background:var(--sky0);color:var(--ink);box-shadow:inset 0 3px 0 var(--blue)}
main.st3.st3-pal-soft .st3-tab[aria-selected="true"] .st3-tab__n{color:var(--or-ink)}
main.st3.st3-pal-soft .st3-pan{color:var(--copy);background:
  radial-gradient(circle at 1px 1px,rgba(21,101,192,.08) 1px,transparent 1.6px) 0 0/22px 22px,
  linear-gradient(170deg,var(--sky0) 0%,var(--sky1) 100%);border-radius:0 0 26px 26px}
main.st3.st3-pal-soft .st3-pan .st3-logo{background:var(--base);box-shadow:0 10px 24px rgba(0,32,72,.08)}
main.st3.st3-pal-soft .st3-pan .st3-h3{color:var(--ink)}
main.st3.st3-pal-soft .st3-pan .st3-tag{background:var(--base);color:var(--navy);box-shadow:0 0 0 1px rgba(0,32,72,.1)}
main.st3.st3-pal-soft .st3-pan .st3-desc a{color:#0f5db5}
main.st3.st3-pal-soft .st3-pan .st3-desc a:is(:hover,:focus-visible){color:var(--or-ink)}
main.st3.st3-pal-soft .st3-pan .st3-scenes{background:rgba(255,253,248,.8)}
main.st3.st3-pal-soft .st3-pan .st3-scenes__h{color:var(--ink)}
main.st3.st3-pal-soft .st3-pan .st3-scenes li::before{background:var(--or2)}
main.st3.st3-pal-soft .st3-more.is-light{background:linear-gradient(135deg,var(--blue),#0f56a8);color:#f4f8fd;box-shadow:0 8px 18px rgba(21,101,192,.2);transition:filter .3s ease,box-shadow .3s ease}
main.st3.st3-pal-soft .st3-more.is-light:is(:hover,:focus-visible){filter:brightness(1.12);background:linear-gradient(135deg,var(--blue),#0f56a8);color:#f4f8fd}
main.st3.st3-pal-soft .st3-more{background:linear-gradient(135deg,var(--blue),#0f56a8)}

/* 02 B / C surfaces */
main.st3.st3-pal-soft .st3-s02--b{background:linear-gradient(180deg,var(--sky0) 0%,#f2f7fb 100%)}
main.st3.st3-pal-soft .st3-col{background:var(--base);box-shadow:0 14px 36px rgba(0,32,72,.08),0 0 0 1px rgba(0,32,72,.04)}
main.st3.st3-pal-soft .st3-logo.is-col{background:var(--sky0)}
main.st3.st3-pal-soft .st3-col .st3-scenes{background:var(--cream)}
main.st3.st3-pal-soft .st3-col__n{background:linear-gradient(180deg,#4a9be8,var(--blue));-webkit-background-clip:text;background-clip:text}
main.st3.st3-pal-soft .st3-logo.is-row{background:var(--base)}
main.st3.st3-pal-soft .st3-row__vis::before{background:
  linear-gradient(rgba(21,101,192,.08) 1px,transparent 1px) 0 0/24px 24px,
  linear-gradient(90deg,rgba(21,101,192,.08) 1px,transparent 1px) 0 0/24px 24px,var(--sky0)}
main.st3.st3-pal-soft .st3-row .st3-scenes{background:var(--cream)}
main.st3.st3-pal-soft .st3-row__n{-webkit-text-stroke:2px #4a9be8}

/* FAQ + message */
main.st3.st3-pal-soft .st3-faq{background:var(--sky0)}
main.st3.st3-pal-soft .st3-faq--b{background:var(--cream)}
main.st3.st3-pal-soft .st3-acc__i{background:var(--base);box-shadow:0 8px 22px rgba(0,32,72,.06),0 0 0 1px rgba(0,32,72,.04)}
main.st3.st3-pal-soft .st3-faq--b .st3-acc__i{background:var(--base)}
main.st3.st3-pal-soft .st3-qa--q{background:var(--blue)}
main.st3.st3-pal-soft .st3-msg{background:linear-gradient(180deg,var(--cream2),var(--cream))}
main.st3.st3-pal-soft .st3-msg__orb{background:radial-gradient(circle at 40% 40%,rgba(234,243,250,.95),rgba(234,243,250,.6) 55%,rgba(234,243,250,0) 72%);box-shadow:inset 0 0 0 1px rgba(21,101,192,.08)}
main.st3.st3-pal-soft .st3-msg__orb::after{border-color:rgba(21,101,192,.12)}

/* contrast (soft): orange button / tag / answer mark meet 3:1 (large bold) or 4.5:1 */
/* orange buttons kept as Workstrust (#fa8b25-#ec6d16, white text): same as the live site; contrast below 4.5:1 by design of the shared button */
main.st3.st3-pal-soft .st3-after__tag{background:#b8500b;border-radius:10px}
main.st3.st3-pal-soft .st3-qa--a{color:#9a420a}
main.st3.st3-pal-soft .st3-s01.is-plain .st3-voice{background:var(--sky0);box-shadow:0 0 0 1px rgba(21,101,192,.1)}