/* SPG, 1 November 2026: simpler navigation, Submit a deal, Start here, sector desks. Loaded last on every page. */

/* Header: five sections and two equal actions */
.header .actions .btn{padding:12px 18px;font-size:15px}
.header .actions .btn-ink{display:inline-flex}
.nav a.top{padding-left:12px;padding-right:12px}
@media (max-width:1080px){
  .header .actions .btn-primary,.header .actions .btn-ink{display:none}
}

/* Phones and tablets: both actions stay in reach at the bottom of the screen */
.spg-actionbar{display:none}
@media (max-width:1080px){
  .spg-actionbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:48;background:#fff;border-top:1px solid var(--rule);padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom))}
  .spg-actionbar .btn{justify-content:center;padding:13px 8px;font-size:15px}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.menu-open .spg-actionbar{display:none}
  .spg-actionbar.has-back{grid-template-columns:auto 1fr 1fr}
  .spg-actionbar .spg-back{gap:6px;padding:13px 14px;background:#fff;color:var(--ink);border:1.5px solid var(--rule)}
  .spg-actionbar .spg-back:hover{border-color:var(--ink);text-decoration:none}
  .spg-actionbar .spg-back svg{width:9px;height:14px;flex:none}
  .spg-actionbar .spg-back[hidden]{display:none}
}
@media (max-width:360px){.spg-actionbar .btn{font-size:14px;padding-left:6px;padding-right:6px}.spg-actionbar .spg-back{padding-left:10px;padding-right:10px}}

/* Start here: three doors */
.spg-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px);margin-top:28px}
.spg-door{display:flex;flex-direction:column;background:#fff;border:1px solid var(--rule);border-top:3px solid var(--brass);padding:28px 26px 26px;color:var(--ink);text-decoration:none;transition:border-color 160ms ease,transform 160ms var(--ease-out)}
.spg-door:hover{text-decoration:none;border-color:var(--jade);border-top-color:var(--jade)}
.spg-door .no{font-family:var(--serif);font-size:30px;line-height:1;color:var(--brass)}
.spg-door h3{margin:14px 0 8px;font-size:clamp(21px,1.9vw,25px)}
.spg-door p{margin:0 0 20px;color:var(--ink-2);line-height:1.55}
.spg-door .go{margin-top:auto;font-weight:700;color:var(--jade)}
.spg-door.deal{border-top-color:var(--jade)}
.spg-door-foot{margin-top:18px;color:var(--muted);font-size:15px}
.spg-door-foot a{font-weight:700}
@media (max-width:900px){.spg-doors{grid-template-columns:1fr}}

/* Hero buttons: deals and membership side by side */
.spg-editorial-hero .btn-row .btn{min-width:200px;justify-content:center}

/* Sector desks */
.spg-desks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.spg-desk{background:#fff;border:1px solid var(--rule);border-top:2px solid var(--jade);padding:22px 22px 20px;display:flex;flex-direction:column}
.spg-desk .no{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);font-weight:700}
.spg-desk h3{margin:8px 0 8px;font-size:20px}
.spg-desk p{margin:0 0 14px;color:var(--ink-2);font-size:15.5px;line-height:1.5}
.spg-desk .links{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px}
.spg-desk .links a{font-weight:700}
@media (max-width:1000px){.spg-desks{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.spg-desks{grid-template-columns:1fr}}

/* How a desk works / how the deal desk works */
.spg-steps{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.spg-steps li{border-top:2px solid var(--brass);padding-top:14px}
.spg-steps .n{font-family:var(--serif);font-size:28px;color:var(--brass);line-height:1}
.spg-steps h3{margin:10px 0 6px;font-size:19px}
.spg-steps p{margin:0;color:var(--ink-2);font-size:15.5px;line-height:1.5}
@media (max-width:900px){.spg-steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.spg-steps{grid-template-columns:1fr}}

/* Notices inside the deal form */
.form .spg-note{background:var(--jade-soft);border-left:3px solid var(--jade);padding:12px 16px;font-size:15px;line-height:1.5;color:var(--ink)}
.form .spg-note[hidden]{display:none}

/* Consent and other tick-box errors span the full row instead of the 22px tick column */
.form .check > .err{grid-column:1 / -1}

/* Membership page: the Deal Room as a fifth card, full width under the four levels (1 November 2026) */
.m-tier.m-tier-deal,.membership-page .m-tier.m-tier-deal{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(36px,5vw,56px);padding-top:clamp(28px,4vw,40px);border-top:2px solid var(--brass)}
.m-tier-deal .m-tier-content{padding-top:0}
.m-tier-deal .eyebrow{margin-bottom:8px}
.m-tier-deal h3{margin:0 0 10px}
.spg-membership-card[data-tier="deal-room"]{--card-ink:#f3ecd9;--card-muted:#cfc3a3;--card-edge:#b79b62;background:linear-gradient(118deg,#1f5a4e 0%,#164d44 55%,#0f3a33 100%)}
.m-deal-steps{margin:16px 0;padding-left:20px;color:var(--ink-2);line-height:1.55}
.m-deal-steps li{margin:0 0 8px}
.m-deal-consult{margin:0 0 16px;color:var(--ink);line-height:1.6}
.m-deal-note{margin:12px 0 0;font-size:14.5px;color:var(--muted);line-height:1.55}
.m-deal-legal{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--rule);font-size:13.5px;color:var(--muted);line-height:1.55}
.membership-page .m-tier.m-tier-deal .m-tier-actions{grid-template-columns:repeat(2,max-content);justify-content:start}
@media (max-width:900px){.m-tier.m-tier-deal,.membership-page .m-tier.m-tier-deal{grid-template-columns:1fr}.m-tier-deal .spg-card-link{max-width:420px}.membership-page .m-tier.m-tier-deal .m-tier-actions{grid-template-columns:1fr}}

/* Submit a deal: attached documents */
.deal-files{display:grid;gap:8px}
.deal-files .lbl{display:block;font-weight:700;font-size:15px;color:var(--ink)}
.deal-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.deal-file-input:focus-visible + .deal-file-pick{outline:3px solid var(--brass);outline-offset:2px}
.deal-file-pick{justify-self:start;cursor:pointer;margin:0!important}
.deal-file-list{list-style:none;margin:0;padding:0}
.deal-file-list:empty{display:none}
.deal-file-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 12px;border:1px solid var(--rule);background:#fff;margin:0 0 8px}
.deal-file-list li.err{border-color:#8B2E2E;background:#FBF1F0}
.deal-file-list .nm{font-weight:700;color:var(--ink);overflow-wrap:anywhere;flex:1 1 200px;min-width:0}
.deal-file-list .meta{color:var(--muted);font-size:14px}
.deal-file-list li.err .meta{color:#8B2E2E}
.deal-file-list .bar{flex:1 1 100%;height:5px;background:var(--rule)}
.deal-file-list .bar i{display:block;height:5px;background:var(--jade);transition:width 200ms ease}
.deal-file-rm{font:inherit;font-size:14px;font-weight:700;padding:6px 10px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer}
.deal-file-rm:hover{background:var(--ink);color:#fff}
/* 1 November 2026: Deal Room on the homepage, customised deal programmes divider, free route for advisers */
.spg-deal-programme{margin-top:clamp(48px,7vw,80px)}
.spg-deal-divider{display:flex;align-items:center;gap:18px;margin:0 0 clamp(24px,3.5vw,36px);font-size:11px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#8d754a}
.spg-deal-divider:before,.spg-deal-divider:after{content:"";flex:1 1 0;height:1px;background:#cdbb99}
.spg-deal-divider span{flex:0 1 auto;text-align:center}
.m-deal-divider{margin-top:clamp(40px,5vw,60px)}
.m-deal-divider + .m-tier.m-tier-deal,.membership-page .m-deal-divider + .m-tier.m-tier-deal{margin-top:0;padding-top:0;border-top:0}
.spg-deal-preview{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:start}
.spg-deal-card{display:block;text-decoration:none;max-width:460px}
.spg-deal-copy .eyebrow{margin-bottom:8px}
.spg-deal-copy h3{font-size:30px;margin:0 0 10px}
.spg-deal-copy p{margin:0 0 12px;color:var(--ink-2,#30454d);line-height:1.6}
.spg-deal-copy .spg-deal-lead{color:var(--ink,#102B36);font-size:17px}
.spg-deal-copy .spg-deal-price{margin:16px 0 4px;color:#5c6d70}
.spg-deal-copy .spg-deal-price strong{font-size:27px;color:#102b36;font-weight:500}
.spg-deal-copy .spg-deal-when{font-size:14.5px;color:#5c6d70}
.spg-deal-copy .btn-row{margin:18px 0 0}
.spg-deal-copy .spg-deal-legal{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--rule,#DDD8CC);font-size:13.5px;color:#5c6d70;line-height:1.55}
.spg-adviser-free{margin:14px 0 24px;padding:12px 16px;background:#fff;border-left:2px solid #a98a51;font-size:15px;line-height:1.55;color:#30454d}
.spg-adviser-free strong{color:#102b36}
@media (max-width:900px){.spg-deal-preview{grid-template-columns:1fr}.spg-deal-card{max-width:420px}}
/* Clients and strategic partners (logos supplied by Rick Reese, 1 November 2026) */
.spg-logo-wall{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.spg-logo-wall li{display:flex;align-items:center;justify-content:center;height:78px;padding:10px 12px;background:#fff;border:1px solid var(--rule,#DDD8CC)}
.spg-logo-wall img{display:block;max-width:100%;max-height:52px;width:auto;height:auto}
.spg-logo-wall.compact{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin-top:6px}
.spg-logo-wall.compact li{height:68px}
.spg-logo-note{margin-top:18px;color:#5c6d70}
.spg-strip-more{margin:18px 0 0}
.spg-flags{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:20px 14px}
.spg-flags li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:14px;line-height:1.3;color:#30454d}
.spg-flags img{display:block;width:64px;height:48px;border:1px solid var(--rule,#DDD8CC)}
@media (max-width:520px){.spg-logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spg-logo-wall li{height:66px;padding:8px}.spg-logo-wall img{max-height:44px}.spg-flags{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Global Brokerage Gateway on the Deal Room card (Sam, 1 November 2026) and where to pay */
.spg-card-mid{display:block;align-self:center;text-align:center;font:400 clamp(9px,4.4cqi,17px)/1.25 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--card-ink);padding:6px 0;border-top:1px solid var(--card-edge);border-bottom:1px solid var(--card-edge)}
.spg-deal-copy .spg-deal-pay{margin:12px 0 0;font-size:14.5px;color:#5c6d70}
.spg-deal-copy .spg-deal-pay a{color:var(--jade,#1D6257)}

/* ---------- the team workspace (2 November 2026): hub page and the strip across the desks ---------- */
.spg-teambar{background:var(--paper);border-bottom:1px solid var(--rule)}
.spg-teambar .container-wide{display:flex;align-items:center;gap:4px 18px;min-height:44px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.spg-teambar .container-wide::-webkit-scrollbar{display:none}
.spg-teambar .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--brass);white-space:nowrap;padding-right:6px;border-right:1px solid var(--rule)}
.spg-teambar a{font-size:14px;font-weight:600;color:var(--ink-2);text-decoration:none;white-space:nowrap;padding:12px 0 10px;border-bottom:2px solid transparent}
.spg-teambar a:hover{color:var(--ink)}
.spg-teambar a[aria-current="page"]{color:var(--jade);border-bottom-color:var(--jade)}
.tm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tm-card{display:flex;gap:14px;padding:20px 20px 18px;background:#fff;border:1px solid var(--rule);border-top:3px solid var(--brass);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.tm-card:hover{border-color:var(--jade);transform:translateY(-1px)}
.tm-ico{display:grid;place-items:center;width:44px;height:44px;flex:none;background:var(--jade-soft);color:var(--jade)}
.tm-ico .ph{width:24px;height:24px;fill:currentColor}
.tm-body{display:grid;gap:5px;align-content:start}
.tm-body b{font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.2}
.tm-body span{font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.tm-body small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--brass);margin-top:4px}
.tm-two{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;align-items:start}
.tm-block{background:#fff;border:1px solid var(--rule);padding:26px 28px}
.tm-block h2{font-size:26px;margin:4px 0 12px}
.tm-side{background:var(--paper)}
.tm-list{list-style:none;margin:8px 0 0;padding:0}
.tm-list li{padding:10px 0;border-top:1px solid var(--rule-soft);font-size:15px;line-height:1.55;color:var(--ink-2)}
.tm-list li b{color:var(--ink)}
@media (max-width:900px){.tm-grid{grid-template-columns:1fr 1fr}.tm-two{grid-template-columns:1fr}}
@media (max-width:600px){.tm-grid{grid-template-columns:1fr}.tm-block{padding:20px}}