/* Tom Shypitka brand — loaded on FRONT and inside the block-editor iframe
   (via enqueue_block_assets) so colors, fonts, spacing, header/footer all
   render and stay editable in the editor. Fonts live in /uploads/brand/. */

/* Subsetted WOFF2 (Latin) — ~98KB total vs ~1.8MB TTF. Italic is synthesized from Inter. */
@font-face{font-family:'Bebas Neue';src:url('/wp-content/uploads/sites/17/brand/bebas.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('/wp-content/uploads/sites/17/brand/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{
  --wp--preset--color--navy:#021e45; --wp--preset--color--navy-800:#001d44; --wp--preset--color--navy-900:#001531;
  --wp--preset--color--red:#ba131a; --wp--preset--color--red-700:#9a0f15; --wp--preset--color--red-bright:#ff4a51;
  --wp--preset--color--white:#ffffff; --wp--preset--color--snow:#f4f6fa; --wp--preset--color--ink:#1a2236; --wp--preset--color--muted:#41506b;
  --tsm-disp:'Bebas Neue',Impact,sans-serif; --tsm-body:'Inter',system-ui,sans-serif; --tsm-italic:'Inter',system-ui,sans-serif;
  --tsm-gutter:clamp(1.25rem,5vw,4rem); --tsm-section-y:clamp(3.5rem,7vw,6rem);
  --wp--style--global--content-size:1080px; --wp--style--global--wide-size:1180px;
}
body{font-family:var(--tsm-body);color:var(--wp--preset--color--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.tsm-disp{font-family:var(--tsm-disp);text-transform:uppercase;line-height:.92;letter-spacing:.01em}
.tsm-section{padding-top:var(--tsm-section-y);padding-bottom:var(--tsm-section-y)}
.tsm-inner{max-width:var(--wp--style--global--content-size);margin-left:auto;margin-right:auto;padding-left:var(--tsm-gutter);padding-right:var(--tsm-gutter)}
.tsm-wide{max-width:var(--wp--style--global--wide-size)}
@media(max-width:768px){.tsm-inner{padding-left:clamp(1.25rem,6vw,2rem);padding-right:clamp(1.25rem,6vw,2rem)}}
@media(prefers-reduced-motion:reduce){.sm-animate{opacity:1!important;transform:none!important}}

/* On-load entrance for hero / subhero top content (plays once on page load, not scroll-linked) */
@keyframes tsmFadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.tsm-onload>*{opacity:0;animation:tsmFadeUp .85s cubic-bezier(.16,1,.3,1) forwards}
.tsm-onload>*:nth-child(1){animation-delay:.08s}
.tsm-onload>*:nth-child(2){animation-delay:.2s}
.tsm-onload>*:nth-child(3){animation-delay:.32s}
.tsm-onload>*:nth-child(4){animation-delay:.44s}
.tsm-onload>*:nth-child(5){animation-delay:.56s}
@media(prefers-reduced-motion:reduce){.tsm-onload>*{opacity:1;animation:none}}

/* Reveal-on-enter (IntersectionObserver adds .is-in). Fires on load for in-view elements; stays visible. */
.tsm-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.tsm-reveal.is-in{opacity:1;transform:none}
.tsm-reveal-stagger>*{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.tsm-reveal-stagger.is-in>*{opacity:1;transform:none}
.tsm-reveal-stagger.is-in>*:nth-child(1){transition-delay:.04s}
.tsm-reveal-stagger.is-in>*:nth-child(2){transition-delay:.1s}
.tsm-reveal-stagger.is-in>*:nth-child(3){transition-delay:.16s}
.tsm-reveal-stagger.is-in>*:nth-child(4){transition-delay:.22s}
.tsm-reveal-stagger.is-in>*:nth-child(5){transition-delay:.28s}
.tsm-reveal-stagger.is-in>*:nth-child(6){transition-delay:.34s}
.tsm-reveal-stagger.is-in>*:nth-child(n+7){transition-delay:.4s}
@media(prefers-reduced-motion:reduce){.tsm-reveal,.tsm-reveal-stagger>*{opacity:1!important;transform:none!important}}
/* In the block editor the reveal observer never runs — keep content visible there */
.editor-styles-wrapper .tsm-reveal,.editor-styles-wrapper .tsm-reveal-stagger>*,.editor-styles-wrapper .tsm-onload>*{opacity:1!important;transform:none!important;animation:none!important}

/* Query-loop cards: linked title + hover lift */
.tsm-loopcard{transition:transform .2s ease,box-shadow .2s ease}
.tsm-loopcard:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(2,30,69,.14)}
.tsm-loopcard h3 a,.tsm-loopcard h3 a:visited{color:var(--wp--preset--color--navy)!important;text-decoration:none}
.tsm-loopcard:hover h3 a{color:var(--wp--preset--color--red)!important}

/* Default GP footer wrapper is emptied by the Universal Layout element — hide leftover node */
.site-footer{display:none!important}

/* ===== Button hovers — good contrast + keyboard focus (front + editor) ===== */
.tsm-btn-primary,.tsm-btn-ghost,.tsm-btn-white,.tsm-btn-outline{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.tsm-btn-primary:hover{background-color:var(--wp--preset--color--red-700);color:#fff;transform:translateY(-2px);box-shadow:0 10px 28px rgba(154,15,21,.45)}
.tsm-btn-ghost:hover{background-color:#fff;color:var(--wp--preset--color--navy);border-color:#fff;transform:translateY(-2px)}
.tsm-btn-white:hover{background-color:var(--wp--preset--color--navy);color:#fff;transform:translateY(-2px)}
.tsm-btn-outline:hover{background-color:#fff;color:var(--wp--preset--color--red);border-color:#fff;transform:translateY(-2px)}
.tsm-btn-primary:focus-visible,.tsm-btn-ghost:focus-visible,.tsm-btn-white:focus-visible,.tsm-btn-outline:focus-visible{outline:3px solid var(--wp--preset--color--red-bright);outline-offset:3px}

/* ===== Gravity Forms — brand styling (override GF theme; front + editor) ===== */
.gform_wrapper .gfield_label{font-family:var(--tsm-body)!important;font-weight:600!important;color:var(--wp--preset--color--navy)!important;letter-spacing:.01em;margin-bottom:.4rem}
.gform_wrapper .gfield_required{color:var(--wp--preset--color--red)!important}
.gform_wrapper.gravity-theme input[type=text],.gform_wrapper.gravity-theme input[type=email],.gform_wrapper.gravity-theme input[type=tel],.gform_wrapper.gravity-theme input[type=number],.gform_wrapper.gravity-theme input[type=url],.gform_wrapper.gravity-theme textarea,.gform_wrapper.gravity-theme select,
.gform_wrapper input[type=text],.gform_wrapper input[type=email],.gform_wrapper input[type=tel],.gform_wrapper input[type=number],.gform_wrapper input[type=url],.gform_wrapper textarea,.gform_wrapper select{width:100%!important;border:1.5px solid rgba(2,30,69,.18)!important;border-radius:6px!important;padding:.75rem .9rem!important;font-size:1rem!important;font-family:var(--tsm-body)!important;color:var(--wp--preset--color--ink)!important;background:#fff!important;transition:border-color .2s ease,box-shadow .2s ease}
.gform_wrapper input:focus,.gform_wrapper textarea:focus,.gform_wrapper select:focus{outline:none!important;border-color:var(--wp--preset--color--red)!important;box-shadow:0 0 0 3px rgba(186,19,26,.15)!important}
.gform_wrapper textarea{min-height:9rem!important}
.gform_wrapper .gchoice label{color:var(--wp--preset--color--ink)!important;font-weight:400!important}
.gform_wrapper .gform_footer input[type=submit],.gform_wrapper .gform_footer input.gform_button,.gform_wrapper .gform_footer button,.gform_wrapper input.gform_button,.gform_wrapper button.gform_button{background:var(--wp--preset--color--red)!important;color:#fff!important;font-family:var(--tsm-disp)!important;font-size:1.2rem!important;letter-spacing:.06em!important;text-transform:uppercase!important;border:0!important;border-radius:4px!important;padding:.85rem 2.4rem!important;width:auto!important;cursor:pointer;box-shadow:0 8px 24px rgba(186,19,26,.35);transition:background-color .2s ease,transform .2s ease}
.gform_wrapper .gform_footer input[type=submit]:hover,.gform_wrapper .gform_footer input.gform_button:hover,.gform_wrapper .gform_footer button:hover,.gform_wrapper button.gform_button:hover{background:var(--wp--preset--color--red-700)!important;color:#fff!important;transform:translateY(-2px)}
.gform_wrapper .gform_footer input[type=submit]:focus-visible,.gform_wrapper button.gform_button:focus-visible{outline:3px solid var(--wp--preset--color--red-bright)!important;outline-offset:3px}
.gform_confirmation_message{font-size:1.0625rem;line-height:1.7;color:var(--wp--preset--color--ink)}

/* Subpage hero (shorter than the homepage hero) */
.tsm-subhero{position:relative;display:flex;align-items:flex-end;min-height:61vh;background-color:var(--wp--preset--color--navy);overflow:hidden}
@media(max-width:768px){.tsm-subhero{min-height:50vh}}

/* ===== HEADER (block element, generate_before_header) ===== */
.tsm-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--wp--preset--color--navy);padding:1.1rem 0;border-bottom:1px solid transparent!important;transition:background .3s ease,padding .3s ease,box-shadow .3s ease,border-color .3s ease}
.home .tsm-header:not(.tsm-scrolled){background:transparent}
/* Bottom border + shadow appear only after scrolling away from the top */
.tsm-header.tsm-scrolled{background:var(--wp--preset--color--navy);box-shadow:0 6px 30px rgba(0,0,0,.25);padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.18)!important}
.tsm-header-inner{max-width:1180px;margin:0 auto;padding-left:var(--tsm-gutter);padding-right:var(--tsm-gutter);display:flex;align-items:center;gap:1rem}
/* Header wordmark — matches the footer logo (TOM white / SHYPITKA red, FOR MAYOR red badge).
   Name stays on one line; the badge drops to the next line when space is tight (mobile). */
.tsm-wordmark,.tsm-wordmark:visited{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;font-family:var(--tsm-disp);color:#fff!important;text-decoration:none;line-height:1;text-transform:uppercase}
.tsm-wordmark .tsm-wm-name{font-size:1.5rem;font-weight:800;letter-spacing:.03em;color:#fff!important;white-space:nowrap}
.tsm-wordmark .tsm-wm-name .r{color:var(--wp--preset--color--red-bright)!important}
.tsm-wordmark .formayor{display:inline-block;background:var(--wp--preset--color--red);color:#fff!important;font-size:.72rem;letter-spacing:.16em;padding:.2rem .6rem;white-space:nowrap}
.tsm-nav{display:flex;align-items:center;gap:2rem;margin-left:auto}
.tsm-navlink,.tsm-navlink:visited{font-family:var(--tsm-body);font-size:.84rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff!important;text-decoration:none;transition:color .2s,opacity .2s;opacity:.85}
.tsm-navlink:hover{color:#fff!important;opacity:1}
.tsm-volunteer{font-family:var(--tsm-disp);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;background:#fff;color:var(--wp--preset--color--navy);padding:.5rem 1.3rem;border-radius:4px;text-decoration:none;transition:background .2s,color .2s,transform .2s;margin-left:.5rem}
.tsm-volunteer:hover{background:var(--wp--preset--color--red);color:#fff;transform:translateY(-1px)}
.tsm-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:.4rem;margin-left:auto}
.tsm-burger span,.tsm-burger>div{width:26px;height:2.5px;background:#fff;display:block;transition:.25s}
.tsm-mobextra{display:none}
@media(max-width:1024px){.tsm-nav .tsm-mobextra{display:block}}
body:not(.home) .site-content{padding-top:74px}
html{scroll-padding-top:84px}
@media(max-width:1024px){
  .tsm-nav{position:fixed;top:0;right:0;height:100vh;width:min(82vw,330px);background:var(--wp--preset--color--navy-900);flex-direction:column;align-items:flex-start;justify-content:center;gap:1.4rem;padding:2.5rem;transform:translateX(100%);transition:transform .32s ease;z-index:99;box-shadow:-12px 0 50px rgba(0,0,0,.45)}
  .tsm-header.tsm-open .tsm-nav{transform:none}
  .tsm-navlink{font-size:1.15rem}
  .tsm-volunteer{margin-left:0;margin-top:.5rem}
  .tsm-burger{display:flex;z-index:101}
  .tsm-header.tsm-open .tsm-burger span:nth-child(1),.tsm-header.tsm-open .tsm-burger>div:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .tsm-header.tsm-open .tsm-burger span:nth-child(2),.tsm-header.tsm-open .tsm-burger>div:nth-child(2){opacity:0}
  .tsm-header.tsm-open .tsm-burger span:nth-child(3),.tsm-header.tsm-open .tsm-burger>div:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
}

/* ===== FOOTER (block element, generate_after_footer) ===== */
.tsm-footer{background:var(--wp--preset--color--navy-900);color:rgba(255,255,255,.74);padding:4rem 0 2rem}
.tsm-footer-inner{max-width:1180px;margin:0 auto;padding-left:var(--tsm-gutter);padding-right:var(--tsm-gutter);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;align-items:start}
.tsm-foot-mark{font-family:var(--tsm-disp);color:#fff;font-size:2.3rem;line-height:.92;letter-spacing:.02em;text-transform:uppercase;margin:0}
.tsm-foot-mark .r{color:var(--wp--preset--color--red-bright)}
.tsm-foot-mark .formayor{display:inline-block;background:var(--wp--preset--color--red);color:#fff;font-size:1rem;letter-spacing:.16em;padding:.15rem .7rem;margin-top:.6rem}
.tsm-foot-blurb{font-size:.92rem;margin-top:1rem;max-width:26rem;color:rgba(255,255,255,.6)}
.tsm-foot-h{font-family:var(--tsm-disp);color:#fff;font-size:1.2rem;letter-spacing:.1em;margin-bottom:.8rem;text-transform:uppercase}
.tsm-foot-link,.tsm-foot-link:visited{display:block;font-size:.92rem;color:rgba(255,255,255,.6)!important;padding:.28rem 0;text-decoration:none;transition:color .2s}
.tsm-foot-link:hover{color:#fff!important}
.tsm-foot-bottom{max-width:1180px;margin:2.5rem auto 0;padding:1.5rem var(--tsm-gutter) 0;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;font-size:.8rem;color:rgba(255,255,255,.5)}
@media(max-width:768px){.tsm-footer-inner{grid-template-columns:1fr;gap:2rem}}

/* ===== Blueprint content helpers (added 2026-06-25) ===== */
.tsm-prose p{margin-bottom:1.1rem}
.tsm-list{list-style:none;margin:0 0 1.5rem;padding:0}
.tsm-list li{position:relative;padding-left:1.9rem;margin-bottom:.7rem;line-height:1.65;color:var(--wp--preset--color--muted)}
.tsm-list li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--wp--preset--color--red);font-weight:800}
.tsm-list-light li{color:rgba(255,255,255,.82)}
.tsm-list-light li::before{color:var(--wp--preset--color--red-bright)}

/* Footer: 4-column layout + legal line */
.tsm-footer-inner{grid-template-columns:1.6fr 1fr 1fr 1fr}
@media(max-width:900px){.tsm-footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tsm-footer-inner{grid-template-columns:1fr}}
.tsm-foot-legal{max-width:1180px;margin:2.5rem auto 0;padding:1.5rem var(--tsm-gutter) 0;border-top:1px solid rgba(255,255,255,.12)}
.tsm-foot-legal-text{font-size:.8rem;color:rgba(255,255,255,.5);margin:0}
.tsm-toplink,.tsm-toplink:visited{color:#fff!important;opacity:.85}
.tsm-toplink:hover{opacity:1}
@media(max-width:1024px){.tsm-toplink{display:none!important}}

/* Footer utility links row */
.tsm-foot-util{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}
.tsm-foot-util-link,.tsm-foot-util-link:visited{color:rgba(255,255,255,.6)!important;text-decoration:none;font-size:.82rem;letter-spacing:.04em}
.tsm-foot-util-link:hover{color:#fff!important}

/* Topbar secondary links — match main nav styling */
.tsm-toplink{margin-left:1.6rem}
@media(max-width:1024px){.tsm-toplink{display:none!important}}

/* ===== Single post template (News articles) ===== */
.single .site-content{padding-top:0!important;display:block!important}
.tsm-single{width:100%}
.tsm-single .tsm-post-hero,.tsm-single .tsm-post-body,.tsm-single .tsm-post-cta{width:100%}
.tsm-post-hero-inner{padding-top:clamp(6rem,12vw,8.5rem);padding-bottom:clamp(2rem,5vw,3rem)}
.tsm-post-eyebrow{font-family:var(--tsm-disp);color:var(--wp--preset--color--red-bright);font-size:1rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.7rem}
.tsm-post-title{font-family:var(--tsm-disp);color:#fff;font-size:clamp(2.4rem,6vw,4.6rem);line-height:.95;text-transform:uppercase;margin:0;max-width:20ch}
.tsm-post-body{background:var(--wp--preset--color--snow);padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(3rem,6vw,5rem)}
.tsm-post-inner{max-width:760px;margin:0 auto;padding-left:var(--tsm-gutter);padding-right:var(--tsm-gutter)}
.tsm-post-back{display:inline-block;font-family:var(--tsm-disp);color:var(--wp--preset--color--red);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;margin-bottom:1.5rem;font-size:1rem}
.tsm-post-back:hover{color:var(--wp--preset--color--red-700)}
.tsm-prose{color:var(--wp--preset--color--ink);font-size:1.0625rem;line-height:1.8}
.tsm-prose p{margin:0 0 1.3rem}
.tsm-prose h2{font-family:var(--tsm-disp);color:var(--wp--preset--color--navy);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1;text-transform:uppercase;margin:2.2rem 0 1rem}
.tsm-prose h3{font-family:var(--tsm-disp);color:var(--wp--preset--color--navy);font-size:1.4rem;text-transform:uppercase;margin:1.8rem 0 .8rem}
.tsm-prose a{color:var(--wp--preset--color--red);text-decoration:underline}
.tsm-prose ul,.tsm-prose ol{margin:0 0 1.3rem;padding-left:1.3rem}
.tsm-prose li{margin-bottom:.5rem}
.tsm-prose blockquote{border-left:4px solid var(--wp--preset--color--red);margin:1.6rem 0;padding:.3rem 0 .3rem 1.4rem;font-family:var(--tsm-italic);font-style:italic;font-size:1.25rem;color:var(--wp--preset--color--navy)}
.tsm-prose img{max-width:100%;height:auto;border-radius:10px;margin:1.4rem 0}
.tsm-post-cta{background:var(--wp--preset--color--navy)}
.tsm-post-cta-inner{max-width:760px;margin:0 auto;padding:clamp(3rem,6vw,4.5rem) var(--tsm-gutter);text-align:center}
.tsm-post-cta-eyebrow{font-family:var(--tsm-disp);color:var(--wp--preset--color--red-bright);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.6rem}
.tsm-post-cta-h{font-family:var(--tsm-disp);color:#fff;font-size:clamp(1.8rem,4vw,3rem);line-height:1;text-transform:uppercase;margin:0 0 1.5rem}
.tsm-post-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.tsm-post-cta-btns a{font-family:var(--tsm-disp);font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:inline-block;padding:.95rem 2.2rem;border-radius:4px;transition:transform .2s,background-color .2s,color .2s}
.tsm-post-cta-btns .tsm-btn-primary{background:var(--wp--preset--color--red);color:#fff;box-shadow:0 8px 24px rgba(186,19,26,.35)}
.tsm-post-cta-btns .tsm-btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55)}

/* === Breadcrumbs + admin-bar fix (content consolidation, Jul 2026) === */

/* WordPress admin bar: push the fixed header + mobile nav below the toolbar */
.admin-bar .tsm-header{top:32px}
@media screen and (max-width:782px){
  .admin-bar .tsm-header{top:46px}
  .admin-bar .tsm-nav{top:46px;height:calc(100vh - 46px)}
}

/* Breadcrumb bar on child pages — slim navy strip under the fixed header.
   It supplies its own header clearance (via --tsm-headh, set by JS to the real
   header height so it stays correct when the wordmark wraps on mobile), so drop
   the normal content spacer. Falls back to 101px before JS runs. */
.tsm-has-crumb:not(.home) .site-content{padding-top:0}
.tsm-crumbs{background:var(--wp--preset--color--navy);padding-top:calc(var(--tsm-headh, 101px) + .65rem);padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.10)}
.tsm-crumbs-inner{max-width:1180px;margin:0 auto;padding-left:var(--tsm-gutter);padding-right:var(--tsm-gutter);font-size:.82rem;letter-spacing:.03em;color:rgba(255,255,255,.6);line-height:1.4}
.tsm-crumbs a{color:rgba(255,255,255,.82);text-decoration:none}
.tsm-crumbs a:hover,.tsm-crumbs a:focus{color:#fff;text-decoration:underline}
.tsm-crumbs [aria-current="page"]{color:#fff}
.tsm-crumb-sep{color:var(--wp--preset--color--red-bright);padding:0 .2rem}

/* Post breadcrumb variant — dark-on-light, above the article body */
.tsm-crumbs-onlight{background:transparent;border:0;padding:0;margin:0 0 1.25rem;font-size:.82rem;letter-spacing:.03em;line-height:1.4;color:var(--wp--preset--color--muted)}
.tsm-crumbs-onlight a{color:var(--wp--preset--color--navy);text-decoration:none}
.tsm-crumbs-onlight a:hover,.tsm-crumbs-onlight a:focus{text-decoration:underline}
.tsm-crumbs-onlight [aria-current="page"]{color:var(--wp--preset--color--muted)}

/* === Icon cards: icon beside the heading (was stacked above it, wasting space). Jul 2026 ===
   Scoped with :has(.gb-shape) so ONLY cards with an actual icon are affected —
   news/image cards (no .gb-shape) keep their stacked image-on-top layout.
   Position-based (nth-child) so it works whether the heading is an h2 or h3. */
.sm-child:has(> div > .gb-shape){
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:1rem;
  row-gap:.6rem;
  align-content:start;
}
.sm-child:has(> div > .gb-shape) > :nth-child(1){grid-row:1;grid-column:1;align-self:center;margin:0 !important}
.sm-child:has(> div > .gb-shape) > :nth-child(2){grid-row:1;grid-column:2;align-self:center;margin:0 !important}
.sm-child:has(> div > .gb-shape) > :nth-child(n+3){grid-column:1 / -1}
.sm-child:has(> div > .gb-shape) > a{margin-top:.5rem}