/* SQ character on the cleaner editorial layout. */
:root{--sq-purple:#8845ff;--sq-ink:#101014;--sq-muted:#5c536b}
html{background:#8845ff}
body,.sq-site{background-color:#8845ff!important;background-image:radial-gradient(circle,#7135d3 2px,transparent 2.7px)!important;background-size:28px 28px!important;color:#101014!important;border-top:4px solid #ffe21a!important;border-bottom:12px solid transparent!important;border-image:repeating-linear-gradient(120deg,#101014 0 18px,#ffe21a 18px 36px) 12!important}
.sq-site-header{background:transparent!important;border-bottom:1px solid #ffffff35!important}
.sq-site-header .sq-site-brand img{width:88px!important;height:88px!important;border-radius:20px!important}
.sq-site-nav{background:#fffaf1!important;border:2px solid #101014!important;box-shadow:3px 3px #101014!important;padding:5px!important}
.sq-site-header .sq-site-nav a{color:#20162d!important}.sq-site-header .sq-site-nav a:hover{background:#e9dcff!important}.sq-site-header .sq-site-nav a[aria-current=page]{color:#101014!important;background:#ffe21a!important;border-color:#f3d311!important;box-shadow:none!important}
.sq-home-section-head{color:white;border-bottom:1px solid #ffffff30}.sq-home-section-head h2{font-weight:850;letter-spacing:-.9px}.sq-home-section-head h2:before{background:#ffe21a;box-shadow:0 0 0 4px #ffe21a22}#latest-articles .sq-home-section-head h2:before{background:#ffe21a;box-shadow:0 0 0 4px #ffe21a22}.sq-home-section-head>a{color:#fff8cf;font-family:'Courier New',monospace;font-size:11px;font-weight:800}
.sq-home-videos .sq-video{border:2px solid #101014!important;box-shadow:4px 4px #101014!important;background:#ffc4c7!important}.sq-home-videos .sq-video>div:last-child{background:#ffc4c7}.sq-content-tag{border:1px solid #101014;background:#ffe21a;color:#101014;font:700 10px/1.2 'Courier New',monospace;border-radius:5px;padding:7px 9px}.sq-home-videos .sq-video>div:last-child>span:last-child{border-top-color:#10101420;font-family:'Courier New',monospace;font-weight:800;color:#101014}
.sq-play{background:#ffe21a!important;color:#101014!important;border:2px solid #101014!important;box-shadow:3px 3px #101014!important;backdrop-filter:none}.sq-video:hover .sq-play{background:white!important}
.sq-home-article{border:2px solid #101014;box-shadow:3px 3px #101014;background:#fffaf1}.sq-home-article:hover{box-shadow:3px 5px #101014;background:#fffaf1}.sq-home-article:nth-child(4n+1) .sq-home-article-copy{background:#e2d2ff}.sq-home-article:nth-child(4n+2) .sq-home-article-copy{background:#c8f1e6}.sq-home-article:nth-child(4n+3) .sq-home-article-copy{background:#ffceda}.sq-home-article:nth-child(4n) .sq-home-article-copy{background:#fff0a6}.sq-home-article-copy{height:100%}.sq-home-article{display:flex;flex-direction:column}.sq-home-article-photo{flex:none}.sq-home-article small{background:#fffaf1;color:#392449;border:1px solid #10101425;font-family:'Courier New',monospace;border-radius:5px}.sq-home-article-copy>span{border-top-color:#10101420;font-family:'Courier New',monospace;font-weight:800;color:#101014}
.sq-feature-guide>a{border:2px solid #101014;box-shadow:3px 3px #101014;background:#fff7df}.sq-feature-guide-copy .sq-content-tag{background:#ffe21a;border-color:#101014;color:#101014}.sq-feature-guide-copy>span{border-top-color:#10101420;font-family:'Courier New',monospace;font-weight:800}
.sq-home-community{background:#ffe21a;border:2px solid #101014;box-shadow:4px 4px #101014;color:#101014}.sq-home-community .sq-button{background:#101014!important;color:#ffe21a!important;border:2px solid #101014!important;box-shadow:3px 3px #ffffff80!important}.sq-home-community-actions>a:last-child{font-family:'Courier New',monospace;font-weight:800}
.sq-site-footer{border-top:1px solid #ffffff35!important;color:#f0e4ff!important}.sq-site-footer>a{color:white!important}.sq-site-footer nav a,.sq-site-footer small{color:#f0e4ff!important}.sq-site-nav a:focus-visible,.sq-site-brand:focus-visible,.sq-site a:focus-visible,.sq-site input:focus-visible{outline-color:#ffe21a!important}
/* Use the same brand accents beyond the homepage. Long articles keep white reading surfaces. */
main>h1,.sq-page-intro h1,.sq-page-heading h1,.guide-section-heading,.sq-social-section>h2{color:white!important}main>.intro,.sq-page-intro>p,.guide-section-intro,.sq-library-tools{color:#f7efff!important}.sq-page-intro .sq-kicker{color:#ffe21a!important}.tile,.sq-video-grid .sq-video,.sq-social,.sq-discord,.sq-contact,.article-page,article.delta-guide,.story,.digest{border:2px solid #101014!important;box-shadow:3px 3px #101014!important}.tile{background:#fffaf1!important}.tile:nth-child(4n+1)>div:last-child,.sq-video-grid .sq-video:nth-child(3n+1)>div:last-child{background:#ffc4c7}.tile:nth-child(4n+2)>div:last-child,.sq-video-grid .sq-video:nth-child(3n+2)>div:last-child{background:#e2d2ff}.tile:nth-child(4n+3)>div:last-child,.sq-video-grid .sq-video:nth-child(3n)>div:last-child{background:#c8f1e6}.tile:nth-child(4n)>div:last-child{background:#fff0a6}.tile small{color:#4b2c67}.tile span,.cta{background:#ffe21a!important;color:#101014!important;border:1px solid #101014!important;border-radius:6px!important}.sq-discord{background:#e2d2ff!important}.sq-discord h2{color:#101014!important}.sq-discord .sq-kicker{color:#4b2c67}.sq-social:nth-child(3n+1){background:#ffc4c7!important}.sq-social:nth-child(3n+2){background:#e2d2ff!important}.sq-social:nth-child(3n){background:#c8f1e6!important}.sq-contact{background:#ffe21a!important}.sq-button{background:#ffe21a!important;color:#101014!important;border:2px solid #101014!important;box-shadow:2px 2px #101014!important}.sq-library-tools input{color:#101014!important}.digest-header{background:#101014!important}.digest-date{background:#ffe21a!important;color:#101014!important}.scoop-heading,.newsline,.article-videos h2,.latest-heading h2{color:white!important}.article-page .article-copy,.delta-guide p{color:#26212e}.category-tag{background:#ffe21a!important;color:#101014!important}.read-more{background:#ffe21a!important;color:#101014!important}.filters button[aria-pressed=true]{background:#ffe21a!important;color:#101014!important}#show-more{background:#ffe21a!important;color:#101014!important;border:2px solid #101014!important;box-shadow:2px 2px #101014!important}.guide-share-toggle{background:#ffe21a!important;color:#101014!important;border:1px solid #101014!important}.sq-site-footer a:focus-visible{outline:3px solid #ffe21a;outline-offset:4px}
@media(max-width:700px){.sq-site-header .sq-site-brand img{width:72px!important;height:72px!important}.sq-site-nav{box-shadow:2px 2px #101014!important}.sq-home-videos .sq-video{box-shadow:3px 3px #101014!important}.sq-home-section-head>a{font-size:10px}.sq-home-article{box-shadow:2px 2px #101014}.sq-home-community{box-shadow:3px 3px #101014}}
.sq-home-article-photo{aspect-ratio:16/9;background:#8f54fc}
/* A distinct header band anchors the logo and navigation. */
.sq-site-header{background:#652cbd!important;border-bottom:1px solid #4c1d96!important;box-shadow:0 5px 14px #35116a18;}
/* Let the original SQ logo lead without a separate header panel. */
.sq-site-header{background:transparent!important;border-bottom:1px solid #ffffff25!important;box-shadow:none!important}
.sq-site-header .sq-site-brand img{width:108px!important;height:108px!important;border-radius:0!important;box-shadow:none!important}
@media(max-width:700px){.sq-site-header .sq-site-brand img{width:86px!important;height:86px!important}}
/* Approved smiling logo, with its original SQ frame and offset shadow. */
.sq-site-header .sq-site-brand img{width:112px!important;height:112px!important;border:3px solid #101014!important;border-radius:20px!important;box-shadow:5px 5px #101014!important;object-fit:cover!important;background:#8845ff}
@media(max-width:700px){.sq-site-header .sq-site-brand img{width:90px!important;height:90px!important;border-radius:17px!important;box-shadow:4px 4px #101014!important}}
/* Bolder SQ framing, matching the original logo and news cards. */
.sq-site-header .sq-site-brand img{border-width:5px!important;border-radius:23px!important;box-shadow:8px 8px #101014!important}
.sq-home-videos .sq-video,.sq-home-article,.sq-feature-guide>a,.sq-home-community,.tile,.sq-video-grid .sq-video,.sq-social,.sq-discord,.sq-contact,.story,.digest{border-width:3px!important;box-shadow:6px 6px #101014!important}
/* An aspect-ratio item must never grow wider than its assigned grid column. */
.sq-home-videos .sq-video{grid-template-columns:minmax(0,65fr) minmax(0,35fr)}
.sq-home-videos .sq-video-art{width:100%;min-width:0;min-height:0!important;height:auto!important;aspect-ratio:16/9;align-self:start;overflow:hidden;isolation:isolate}
.sq-home-videos .sq-video-art img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover}
.sq-home-videos .sq-video>div:last-child{min-width:0;position:relative;z-index:1;overflow-wrap:anywhere}
@media(max-width:1000px){
 .sq-home-videos .sq-video{display:block!important}
 .sq-home-videos .sq-video-art{width:100%;height:auto!important;aspect-ratio:16/9}
 .sq-home-videos .sq-video>div:last-child{padding:26px}
 .sq-home-videos .sq-video h3{font-size:clamp(24px,3.5vw,32px)}
}
@media(max-width:700px){
 .sq-site-header .sq-site-brand img{border-width:4px!important;border-radius:19px!important;box-shadow:6px 6px #101014!important}
 .sq-home-videos .sq-video,.sq-home-article,.sq-feature-guide>a,.sq-home-community,.tile,.sq-video-grid .sq-video,.sq-social,.sq-discord,.sq-contact,.story,.digest{box-shadow:4px 4px #101014!important}
 .sq-home-videos .sq-video>div:last-child{padding:22px}
}
/* Navigation uses the same bold pill treatment as the original scoop filters. */
.sq-site-header .sq-site-nav{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0 7px 7px 0!important;gap:15px!important;overflow:visible!important}
.sq-site-header .sq-site-nav a{background:white!important;border:3px solid #080808!important;border-radius:999px!important;box-shadow:5px 6px #080808!important;color:#080808!important;font-size:16px!important;font-weight:800!important;min-height:53px!important;padding:13px 23px!important;gap:0!important}
.sq-site-header .sq-site-nav a svg{display:none!important}
.sq-site-header .sq-site-nav a[aria-current=page],.sq-site-header .sq-site-nav a:hover{background:#ffe21a!important;border-color:#080808!important;box-shadow:5px 6px #080808!important;color:#080808!important}
.sq-site-header .sq-site-nav a:active{box-shadow:1px 2px #080808!important}
@media(max-width:1000px) and (min-width:701px){.sq-site-header .sq-site-nav{gap:11px!important}.sq-site-header .sq-site-nav a{font-size:14px!important;padding:12px 17px!important;min-height:49px!important}}
@media(max-width:700px){.sq-site-header .sq-site-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px 14px!important;padding:0 5px 6px 0!important}.sq-site-header .sq-site-nav a{flex-direction:row!important;font-size:15px!important;min-height:48px!important;padding:11px 12px!important;box-shadow:4px 5px #080808!important}.sq-site-header .sq-site-nav a[aria-current=page],.sq-site-header .sq-site-nav a:hover{box-shadow:4px 5px #080808!important}}
