/* Designed sections (spotlight/blocks.php): the spotlight page's own tokens, no new look. */
.gbsp .gbsp-bk{border-top:1px solid var(--gb-line);}
.gbsp .gbsp-bk-light{background:#fff;}
.gbsp .gbsp-bk-paper,.gbsp .gbsp-story-more.gbsp-bk-paperbg{background:var(--gb-plaster,#F9F7F2);border-top:0;}
.gbsp .gbsp-bk-mist{background:#F3F6FA;border-top:0;}
.gbsp .gbsp-bk-navy{background:var(--gb-navy-900,#0E1E36);border-top:0;color:#fff;}
.gbsp .gbsp-bk-navy h2,.gbsp .gbsp-bk-navy h3,.gbsp .gbsp-bk-navy .gbsp-bk-stat .n{color:#fff;}
.gbsp .gbsp-bk-navy .gbsp-bk-intro,.gbsp .gbsp-bk-navy .gbsp-copy,.gbsp .gbsp-bk-navy figcaption,.gbsp .gbsp-bk-navy .gbsp-bk-stat p{color:rgba(255,255,255,.8);}

.gbsp .gbsp-bk-head{max-width:760px;margin-bottom:40px;}
.gbsp .gbsp-bk-hl{margin:0;text-wrap:balance;}
.gbsp .gbsp-bk-intro{margin-top:18px;color:var(--gb-ink-2);max-width:68ch;}
.gbsp .gbsp-bk-btn{margin-top:28px;}
.gbsp .gbsp-bk-foot{margin-top:36px;}
.gbsp .gbsp-bk-img{position:relative;overflow:hidden;border-radius:12px;background:#EEF2F7;}
.gbsp .gbsp-bk-navy .gbsp-bk-img{background:rgba(255,255,255,.06);}

/* Two in a row on the same background read as one band. */
.gbsp .gbsp-bk-joined,.gbsp .gbsp-story-more.gbsp-bk-joined{padding-top:0;border-top:0;}
/* A joined section with a photo: the gap above it splits evenly, so the photo isn't flush to the section above while the space below stays wide. */
.gbsp .gbsp-bk-joined:has(.gbsp-bk-img,.gbsp-sm-img,img,.gbsp-slot){padding-top:52px;}
.gbsp .sec:has(+ .gbsp-bk-joined .gbsp-bk-img),.gbsp .sec:has(+ .gbsp-bk-joined .gbsp-sm-img),.gbsp .sec:has(+ .gbsp-bk-joined img),.gbsp .sec:has(+ .gbsp-bk-joined .gbsp-slot){padding-bottom:52px;}

/* Gallery */
.gbsp .gbsp-bk-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:20px;}
.gbsp .gbsp-bk-cell{margin:0;display:flex;flex-direction:column;gap:10px;}
.gbsp .gbsp-bk-cell figcaption{font-size:15px;line-height:1.45;color:var(--gb-ink-2);}

/* Photo beside text, video */
.gbsp .gbsp-bk-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px 64px;align-items:center;}
.gbsp .gbsp-bk-split.video{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);}
.gbsp .gbsp-bk-copy .gbsp-bk-intro{margin-top:18px;}
.gbsp .gbsp-bk-vframe{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0E1E36;} /* the player box (not the section: that's .gbsp-bk-video) */
.gbsp .gbsp-bk-vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* Quote */
.gbsp .gbsp-bk-quote{margin:0 auto;max-width:980px;}
.gbsp .gbsp-bk-quote blockquote{margin:0;font-family:var(--font-display);font-size:clamp(34px,4.4vw,60px);line-height:.98;text-transform:uppercase;color:var(--gb-navy);text-wrap:balance;}
.gbsp .gbsp-bk-quote blockquote::before{content:"\201C";color:var(--gb-pink);}
.gbsp .gbsp-bk-quote blockquote::after{content:"\201D";color:var(--gb-pink);}
.gbsp .gbsp-bk-navy .gbsp-bk-quote blockquote{color:#fff;}
.gbsp .gbsp-bk-quote figcaption{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:16px;color:var(--gb-ink-2);}
.gbsp .gbsp-bk-quote figcaption b{display:block;color:var(--gb-navy);font-size:17px;}
.gbsp .gbsp-bk-navy .gbsp-bk-quote figcaption b{color:#fff;}
.gbsp .gbsp-bk-face{position:relative;flex:0 0 56px;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#EEF2F7;}

/* Numbers */
.gbsp div.gbsp-bk-stats{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:32px;}
.gbsp .gbsp-bk-stat{padding-top:20px;border-top:2px solid var(--gb-pink);}
.gbsp .gbsp-bk-stat .n{font-family:var(--font-display);font-size:clamp(48px,6vw,84px);line-height:.9;color:var(--gb-navy);}
.gbsp .gbsp-bk-stat .l{margin-top:10px;font-weight:700;font-size:17px;color:var(--gb-navy);}
.gbsp .gbsp-bk-navy .gbsp-bk-stat .l{color:#fff;}
.gbsp .gbsp-bk-stat p{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--gb-ink-2);}

/* Cards */
.gbsp div.gbsp-bk-cards{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:24px;}
.gbsp .gbsp-bk-card{display:flex;flex-direction:column;border:1px solid var(--gb-line);border-radius:12px;overflow:hidden;background:#fff;}
.gbsp .gbsp-bk-paper .gbsp-bk-card{border-color:transparent;}
.gbsp .gbsp-bk-navy .gbsp-bk-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);}
.gbsp .gbsp-bk-card .gbsp-bk-img{border-radius:0;}
.gbsp .gbsp-bk-cardin{padding:24px;}
.gbsp .gbsp-bk-card h3{margin:0 0 10px;font-size:clamp(22px,2vw,28px);}
.gbsp .gbsp-bk-card .gbsp-copy{color:var(--gb-ink-2);}

@media (max-width:860px){
  .gbsp .gbsp-bk-split,.gbsp .gbsp-bk-split.video{grid-template-columns:minmax(0,1fr);}
  .gbsp .gbsp-bk-grid,.gbsp div.gbsp-bk-cards{grid-template-columns:repeat(min(var(--cols,3),2),minmax(0,1fr));}
  .gbsp div.gbsp-bk-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
  .gbsp .gbsp-bk-grid,.gbsp div.gbsp-bk-cards,.gbsp div.gbsp-bk-stats{grid-template-columns:minmax(0,1fr);}
  .gbsp .gbsp-bk-cell figcaption,.gbsp .gbsp-bk-stat p{font-size:15px;}
}

/* Photo side + fit (sp_blocks photo_side / photo_fit) */
/* Show whole photo: the frame takes the photo's own shape (no empty tinted bands around it), centred beside the text. */
.gbsp .gbsp-sm-row.has-img.img-fit .gbsp-sm-img,.gbsp .gbsp-bk-split.img-fit .gbsp-bk-img{aspect-ratio:auto !important;background:none !important;align-self:center;}
.gbsp .gbsp-sm-row.has-img.img-fit .gbsp-sm-img img,.gbsp .gbsp-bk-split.img-fit .gbsp-bk-img img{position:static !important;display:block;width:100% !important;height:auto !important;object-fit:contain !important;border-radius:inherit;}
.gbsp .gbsp-bk-split.img-right > .gbsp-bk-img{order:2;}
@media (min-width:861px){
  .gbsp .gbsp-story-middle .gbsp-sm-row.has-img.img-left .gbsp-sm-img,.gbsp .gbsp-story-after-intro .gbsp-sm-row.has-img.img-left .gbsp-sm-img{grid-column:1;}
  .gbsp .gbsp-story-middle .gbsp-sm-row.has-img.img-left .gbsp-sm-hl,.gbsp .gbsp-story-middle .gbsp-sm-row.has-img.img-left .gbsp-sm-body,.gbsp .gbsp-story-after-intro .gbsp-sm-row.has-img.img-left .gbsp-sm-hl,.gbsp .gbsp-story-after-intro .gbsp-sm-row.has-img.img-left .gbsp-sm-body{grid-column:2;}
  .gbsp .gbsp-story-after-intro .gbsp-sm-row.has-img.img-left{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}
  .gbsp .gbsp-story-before-faq .gbsp-sm-row.has-img.img-right{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);}
  .gbsp .gbsp-story-before-faq .gbsp-sm-row.has-img.img-right .gbsp-sm-img{grid-column:2;}
  .gbsp .gbsp-story-before-faq .gbsp-sm-row.has-img.img-right .gbsp-sm-hl,.gbsp .gbsp-story-before-faq .gbsp-sm-row.has-img.img-right .gbsp-sm-body{grid-column:1;}
}

/* Review card: the review as a card that "speaks" toward the reviewer's photo (tail points at them). */
.gbsp .gbsp-rv{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"hl photo" "main photo";column-gap:clamp(40px,5.5vw,84px);row-gap:28px;align-items:center;}
.gbsp .gbsp-rv.img-left{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"photo hl" "photo main";}
.gbsp .gbsp-rv.no-img{grid-template-columns:minmax(0,760px);grid-template-areas:"hl" "main";justify-content:center;}
.gbsp .gbsp-rv-hl{grid-area:hl;align-self:end;}
.gbsp .gbsp-rv-main{grid-area:main;align-self:start;}
.gbsp .gbsp-rv-photo{grid-area:photo;position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:rgba(14,30,54,.06);}
.gbsp .gbsp-rv.img-fit .gbsp-rv-photo{background:transparent;}
.gbsp .gbsp-rv.img-fit .gbsp-rv-photo img{object-fit:contain !important;}
.gbsp .gbsp-rv-card{position:relative;margin:0;background:#fff;border-radius:16px;padding:clamp(26px,3vw,38px);box-shadow:0 22px 50px -22px rgba(14,30,54,.32),0 2px 8px rgba(14,30,54,.06);color:var(--gb-ink);}
.gbsp .gbsp-rv-card::after{content:"";position:absolute;top:50%;right:-10px;width:22px;height:22px;margin-top:-11px;background:#fff;border-radius:3px;transform:rotate(45deg);}
.gbsp .gbsp-rv.img-left .gbsp-rv-card::after{right:auto;left:-10px;}
.gbsp .gbsp-rv.no-img .gbsp-rv-card::after{display:none;}
.gbsp .gbsp-rv-top{display:flex;align-items:center;gap:14px;}
.gbsp .gbsp-rv-av{width:52px;height:52px;flex:none;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--gb-pink);color:#fff;font-weight:700;font-size:20px;}
.gbsp .gbsp-rv-av img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;}
.gbsp .gbsp-rv-who{flex:1;min-width:0;line-height:1.3;}
.gbsp .gbsp-rv-who b{display:block;font-size:18px;color:var(--gb-navy);}
.gbsp .gbsp-rv-who span{display:block;font-size:15px;color:var(--gb-ink-3);}
.gbsp .gbsp-rv-g{width:28px;height:28px;flex:none;}
.gbsp .gbsp-rv-stars{display:flex;gap:2px;margin-top:22px;color:#F5B400;}
.gbsp .gbsp-rv-card blockquote{margin:12px 0 0;font-size:clamp(24px,2.5vw,34px);line-height:1.28;font-weight:500;letter-spacing:-.015em;color:var(--gb-navy);text-wrap:balance;}
.gbsp .gbsp-rv-card blockquote.add-q::before{content:"\201C";}
.gbsp .gbsp-rv-card blockquote.add-q::after{content:"\201D";}
.gbsp .gbsp-rv-comma{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.gbsp .gbsp-rv-src{margin-top:24px;padding-top:16px;border-top:1px solid #E6E9EE;font-size:15px;color:var(--gb-ink-3);}
.gbsp .gbsp-rv-main .gbsp-bk-btn{margin-top:28px;}
@media(max-width:760px){
  .gbsp .gbsp-rv,.gbsp .gbsp-rv.img-left{grid-template-columns:minmax(0,1fr);grid-template-areas:"hl" "photo" "main";row-gap:22px;}
  .gbsp .gbsp-rv-photo{aspect-ratio:4/3;}
  .gbsp .gbsp-rv-card::after,.gbsp .gbsp-rv.img-left .gbsp-rv-card::after{top:-10px;left:40px;right:auto;margin-top:0;}
  .gbsp .gbsp-rv-card blockquote{font-size:24px;}
}
.gbsp .gbsp-rv-card blockquote.long{font-size:clamp(18px,1.5vw,21px);line-height:1.55;font-weight:400;letter-spacing:0;text-wrap:pretty;}

/* Video design with several videos: a grid of players that play on the page. */
.gbsp .gbsp-bk-vgrid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:28px;}
.gbsp .gbsp-bk-vcell{margin:0;display:flex;flex-direction:column;gap:14px;min-width:0;}
.gbsp .gbsp-bk-yt{all:unset;box-sizing:border-box;display:block;position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0E1E36;cursor:pointer;box-shadow:0 24px 50px -28px rgba(14,30,54,.55);}
.gbsp .gbsp-bk-yt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out,ease);}
.gbsp .gbsp-bk-yt:hover img{transform:scale(1.03);}
.gbsp .gbsp-bk-yt:focus-visible{outline:3px solid var(--gb-pink);outline-offset:3px;}
.gbsp .gbsp-bk-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:999px;background:var(--gb-pink);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -8px rgba(255,24,148,.7);transition:transform .25s var(--ease-out,ease);}
.gbsp .gbsp-bk-yt:hover .gbsp-bk-play{transform:scale(1.08);}
.gbsp .gbsp-bk-vcell figcaption{display:flex;flex-direction:column;gap:4px;}
.gbsp .gbsp-bk-vcell figcaption b{font-size:18px;line-height:1.3;color:var(--gb-navy);}
.gbsp .gbsp-bk-vcell figcaption span{font-size:15px;line-height:1.5;color:var(--gb-ink-2);}
.gbsp .gbsp-bk-navy .gbsp-bk-vcell figcaption b{color:#fff;}
.gbsp .gbsp-bk-navy .gbsp-bk-vcell figcaption span{color:rgba(255,255,255,.8);}
@media(max-width:900px){.gbsp .gbsp-bk-vgrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.gbsp .gbsp-bk-vgrid{grid-template-columns:minmax(0,1fr);}}

/* Social post design: the spotlight's Linked Posts as post cards inside a section. */
.gbsp .gbsp-bk-social1{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;}
.gbsp .gbsp-bk-postgrid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:24px;align-items:start;}
@media(max-width:900px){.gbsp .gbsp-bk-postgrid{grid-template-columns:minmax(0,1fr);}}

/* Text width (Studio › section › Text width). Designs with a photo or video beside the text keep their columns. */
.gbsp .gbsp-tw-full .gbsp-bk-head,.gbsp .gbsp-tw-full .gbsp-bk-intro,.gbsp .gbsp-tw-full .gbsp-bk-quote{max-width:none;}
.gbsp .gbsp-tw-full .gbsp-sm-row:not(.has-img){grid-template-columns:minmax(0,1fr) !important;}
.gbsp .gbsp-tw-full .gbsp-sm-row:not(.has-img) > *{grid-column:1 !important;grid-row:auto !important;max-width:none;}
.gbsp .gbsp-tw-full .gbsp-sm-row:not(.has-img) .gbsp-sm-body p{max-width:none;}
@media(min-width:761px){
  .gbsp .gbsp-tw-half .gbsp-bk-head{max-width:50%;}
  .gbsp .gbsp-tw-half .gbsp-bk-intro{max-width:none;}
  .gbsp .gbsp-tw-half .gbsp-bk-quote{max-width:50%;margin-left:0;}
  .gbsp .gbsp-tw-half .gbsp-sm-row:not(.has-img){grid-template-columns:minmax(0,1fr) !important;max-width:50%;}
  .gbsp .gbsp-tw-half .gbsp-sm-row:not(.has-img) > *{grid-column:1 !important;grid-row:auto !important;}
}

/* Story text (navy) with Photo left: the original two columns. Headline with the photo under it on the left, the text on the right. */
@media(min-width:761px){
  .gbsp .gbsp-story-middle .gbsp-sm-row.has-img.img-left{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;}
  .gbsp .gbsp-story-middle .gbsp-sm-row.has-img.img-left .gbsp-sm-hl{grid-column:1;grid-row:1;}
  .gbsp .gbsp-story-middle .gbsp-sm-row.has-img.img-left .gbsp-sm-img{grid-column:1;grid-row:2;align-self:start;aspect-ratio:4/3;height:auto;min-height:0;margin-top:8px;}
  .gbsp .gbsp-story-middle .gbsp-sm-row.has-img.img-left .gbsp-sm-body{grid-column:2;grid-row:1 / span 2;}
  .gbsp .gbsp-story-middle .gbsp-sm-row.has-img.img-left.img-fit .gbsp-sm-img{aspect-ratio:auto;}
}

/* Section Background (bgs.php): text that reads on the chosen background. Boxes with their own background
   inside the band (cards, FAQ items, post cards, screenshots) keep their colours. */
.gbsp .gbsp-bgx-light :is(h1,h2,h3,h4,h5):not(:where([class*="card"],.card-l,.proc,.shot,details,.gbsp-pcard,.gbsp-rv,.gbsp-intro-card,.gbsp-bk-vcell) *){color:#fff !important;}
.gbsp .gbsp-bgx-light :is(p,li,dt,dd,figcaption,blockquote,.lead,.gbsp-copy,.gbsp-bk-intro):not(:where([class*="card"],.card-l,.proc,.shot,details,.gbsp-pcard,.gbsp-rv,.gbsp-intro-card) *){color:rgba(255,255,255,.86) !important;}
.gbsp .gbsp-bgx-light .gbsp-bk-vcell figcaption b{color:#fff !important;}
.gbsp .gbsp-bgx-light .gbsp-bk-vcell figcaption span{color:rgba(255,255,255,.8) !important;}
.gbsp .gbsp-bgx-dark :is(h1,h2,h3,h4,h5):not(:where([class*="card"],.card-l,.proc,.shot,details,.gbsp-pcard,.gbsp-rv-card,.gbsp-intro-card) *){color:var(--gb-navy,#18355E) !important;}
.gbsp .gbsp-bgx-dark :is(p,li,dt,dd,figcaption,blockquote,.lead,.gbsp-copy,.gbsp-bk-intro):not(:where([class*="card"],.card-l,.proc,.shot,details,.gbsp-pcard,.gbsp-rv-card,.gbsp-intro-card) *){color:var(--gb-ink-2,#41526B) !important;}
.gbsp .gbsp-bgx :is(p,li,dd) a:not([class]){color:inherit !important;}

/* Photo frames: the soft placeholder colour is only for an empty spot or while a photo loads. Once a real image is in,
   nothing sits behind it, so see-through PNGs (logos, cut-out shapes) show the section's own background. */
.gbsp :is(.gbsp-sm-img,.gbsp-bk-img,.gbsp-bk-face,.gbsp-rv-photo,.gbsp-intro-photo,.workcard-img,.gbsp-why-photo,.gbsp-rv-av):has(> img,> picture,> a > img){background:none !important;}

/* Story text with several photos: two stack in the photo spot; three or more make a grid, the first one full width. */
.gbsp .gbsp-sm-img.multi{display:grid;gap:12px;aspect-ratio:auto !important;height:auto;overflow:visible;border-radius:0;background:none !important;align-self:center;}
.gbsp .gbsp-sm-img.multi.grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.gbsp .gbsp-sm-img.multi.grid .gbsp-sm-pic:first-child{grid-column:1 / -1;}
.gbsp .gbsp-sm-pic{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;}
.gbsp .gbsp-sm-img.multi.grid .gbsp-sm-pic:not(:first-child){aspect-ratio:1/1;}
.gbsp .gbsp-sm-row.img-fit .gbsp-sm-pic{aspect-ratio:auto !important;}
.gbsp .gbsp-sm-row.img-fit .gbsp-sm-pic img{position:static !important;display:block;width:100% !important;height:auto !important;object-fit:contain !important;}

/* Before / After slider design (a second website's old and new homepage). Same look as the Compare section. */
.gbsp .gbsp-cmp{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid rgba(120,160,210,.3);background:#0e1b33;user-select:none;}
.gbsp .gbsp-cmp > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;}
.gbsp .gbsp-cmp .tag{position:absolute;top:18px;font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:.06em;text-transform:uppercase;padding:10px 20px;border-radius:999px;z-index:4;line-height:1;box-shadow:0 8px 24px -8px rgba(0,0,0,.5);}
.gbsp .gbsp-cmp .tag small{display:block;font-family:var(--font-sans);font-size:10px;letter-spacing:.16em;margin-top:5px;opacity:.85;}
.gbsp .gbsp-cmp input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5;}
.gbsp .gbsp-cmp .bar{position:absolute;top:0;bottom:0;width:2px;background:#fff;z-index:3;transform:translateX(-1px);box-shadow:0 0 0 1px rgba(11,23,48,.3);}
.gbsp .gbsp-cmp .knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:999px;background:var(--gb-pink);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px -8px rgba(255,24,148,.7);}
.gbsp .gbsp-cmp-legend{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px;font-size:13px;color:var(--gb-ink-2);}
.gbsp .gbsp-cmp-legend strong{display:block;font-family:var(--font-display);text-transform:uppercase;font-size:20px;letter-spacing:.04em;color:var(--gb-navy);margin-bottom:2px;}
.gbsp .gbsp-cmp-one{margin:0 auto;max-width:1040px;display:flex;flex-direction:column;gap:14px;}
.gbsp .gbsp-cmp-cap{font-size:13px;color:var(--gb-ink-3);}
.gbsp .gbsp-cmp-frame{border-radius:14px;overflow:hidden;border:1px solid rgba(255,24,148,.45);background:#122444;box-shadow:0 30px 60px -30px rgba(14,30,54,.45);}
.gbsp .gbsp-cmp-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#123363;}
.gbsp .gbsp-cmp-bar > span{width:9px;height:9px;border-radius:99px;background:rgba(255,255,255,.25);}
.gbsp .gbsp-cmp-bar > div{flex:1;text-align:center;font-size:12px;color:rgba(255,255,255,.7);padding:5px 12px;margin:0 48px 0 12px;border-radius:999px;background:rgba(255,255,255,.06);}
.gbsp .gbsp-cmp-view{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0E1E36;}
.gbsp .gbsp-cmp-view .shot.autoscroll{overflow:hidden;container-type:size;}
.gbsp .gbsp-cmp-view .shot.autoscroll img{position:absolute;left:0;top:0;width:100%;height:auto;object-fit:unset;animation:gbsp-gb-autoscroll 90s linear infinite;}
@media(max-width:760px){.gbsp .gbsp-cmp .tag{font-size:16px;padding:8px 14px;}.gbsp .gbsp-cmp .tag small{display:none;}.gbsp .gbsp-cmp-legend{font-size:15px;}.gbsp .gbsp-cmp-cap{font-size:15px;}}
/* Story text › Vertical video in a phone (blocks.php gbsp_phone_video): a drawn phone, the video filling its screen. */
.gbsp .gbsp-sm-img.gbsp-phone{aspect-ratio:auto !important;height:auto !important;min-height:0 !important;background:none !important;border:0 !important;box-shadow:none !important;overflow:visible !important;display:flex;justify-content:center;align-self:center;}
.gbsp .gbsp-phone-body{position:relative;width:min(300px,72vw);aspect-ratio:9/19.5;border-radius:46px;background:#0B0C0F;padding:11px;box-shadow:0 30px 60px -22px rgba(14,30,54,.5),inset 0 0 0 2px #2B2E35;}
.gbsp .gbsp-phone-screen{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:#000;}
.gbsp .gbsp-phone-screen video,.gbsp .gbsp-phone-screen iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;display:block;cursor:pointer;}
.gbsp .gbsp-phone-notch{position:absolute;top:21px;left:50%;transform:translateX(-50%);width:86px;height:24px;border-radius:999px;background:#0B0C0F;z-index:2;pointer-events:none;}
.gbsp .gbsp-phone-snd{position:absolute;right:12px;bottom:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(14,30,54,.74);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2;}
.gbsp .gbsp-phone-snd .on{display:none;}
.gbsp .gbsp-phone-snd[aria-pressed="true"] .on{display:block;}
.gbsp .gbsp-phone-snd[aria-pressed="true"] .off{display:none;}
.gbsp .gbsp-phone-snd:focus-visible{outline:3px solid #FF1894;outline-offset:2px;}