.blog-editorial{--editorial-muted:#716d80;--editorial-line:#e9e6ef;background:#fff}.blog-editorial>.blog-header{background:#fff;grid-template-columns:205px minmax(0,1fr) auto auto;gap:18px;min-height:76px;padding-inline:max(32px,50vw - 680px)}.blog-editorial .blog-brand img{width:196px}.blog-editorial .blog-top-nav{gap:clamp(18px,1.8vw,28px)}.blog-editorial .blog-header-actions{gap:8px;position:static;transform:none}.blog-editorial :is(.blog-github,.blog-profile,.blog-create){white-space:nowrap}.editorial-intro,.editorial-topics,.editorial-featured,.editorial-recent,.editorial-archive{width:min(1288px,100% - 144px);margin-inline:auto}.editorial-intro{padding-top:38px}.editorial-kicker{color:var(--purple);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:750;line-height:1.5}.editorial-intro h1{color:#111017;letter-spacing:-.055em;max-width:720px;margin:16px 0 0;font-family:Madefor Display,Madefor,sans-serif;font-size:clamp(46px,5vw,74px);font-weight:750;line-height:.99}.editorial-intro>p{max-width:720px;color:var(--editorial-muted);margin:18px 0 0;font-size:20px;line-height:1.45}.editorial-topics{flex-wrap:wrap;gap:10px;margin-top:28px;margin-bottom:28px;display:flex}.editorial-topics a{border:1px solid var(--editorial-line);color:#4f495e;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:9px 23px;font-size:13px;line-height:1.4;display:inline-flex}.editorial-topics a:hover{color:var(--purple-deep);background:#faf7ff;border-color:#b9a1ed}.editorial-topics .selected{border-color:var(--purple);color:#fff;background:var(--purple);font-weight:650}.editorial-featured{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.editorial-featured-image{aspect-ratio:1.79;border-radius:10px;display:block;position:relative;overflow:hidden}.editorial-featured-image img{object-fit:cover;object-position:center 22%;width:100%;height:100%;display:block}.editorial-featured-copy h2{color:#15121d;letter-spacing:-.055em;margin:14px 0 18px;font-family:Madefor Display,Madefor,sans-serif;font-size:clamp(30px,3.1vw,46px);font-weight:720;line-height:1.06}.editorial-featured-copy>p:not(.editorial-kicker){color:var(--editorial-muted);margin:0;font-size:18px;line-height:1.5}.editorial-meta{color:var(--editorial-muted);flex-wrap:wrap;align-items:center;gap:12px 28px;font-size:13px;line-height:1.4;display:flex}.editorial-meta>span{flex-wrap:wrap;align-items:center;gap:9px;display:inline-flex}.editorial-meta svg{flex-shrink:0}.editorial-featured-copy .editorial-meta{margin-block:24px}.editorial-primary{color:#fff;background:var(--purple);border-radius:12px;justify-content:center;align-items:center;gap:18px;min-height:54px;padding:14px 28px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 9px 20px #6827ec16}.editorial-primary:hover{background:var(--purple-deep)}.editorial-recent{border-top:1px solid var(--editorial-line);margin-top:26px}.editorial-section-heading{justify-content:space-between;align-items:center;gap:20px;padding-block:20px;display:flex}.editorial-section-heading h2{color:var(--purple);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px;font-weight:750;line-height:1.5}.editorial-section-heading>a{color:var(--purple);align-items:center;gap:14px;font-size:13px;font-weight:600;display:inline-flex}.editorial-section-heading>span{color:var(--editorial-muted);font-size:13px}.editorial-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;display:grid}.editorial-recent-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;display:grid}.editorial-recent-image{aspect-ratio:1.85;border-radius:8px;display:block;overflow:hidden}.editorial-recent-image img{object-fit:cover;width:100%;height:100%;display:block}.editorial-recent-item h3{letter-spacing:-.04em;margin:10px 0 16px;font-family:Madefor Display,Madefor,sans-serif;font-size:21px;font-weight:700;line-height:1.17}.editorial-recent-item time{color:var(--editorial-muted);font-size:13px}.blog-editorial :is(.editorial-recent-item,.editorial-archive-item) .post-kind{color:var(--purple);letter-spacing:.1em;text-transform:uppercase;background:0 0;gap:6px;padding:0;font-size:10px;font-weight:750;display:inline-flex}.editorial-archive{padding-top:62px}.editorial-archive .editorial-section-heading{border-bottom:1px solid var(--editorial-line)}.editorial-archive-item{border-bottom:1px solid var(--editorial-line);grid-template-columns:140px minmax(0,1fr) auto 32px;align-items:center;gap:28px;padding-block:24px;display:grid}.editorial-archive-image{aspect-ratio:16/9;border-radius:7px;overflow:hidden}.editorial-archive-image img{object-fit:cover;width:100%;height:100%;display:block}.editorial-archive-item h3{letter-spacing:-.025em;margin:7px 0;font-size:21px;font-weight:650;line-height:1.2}.editorial-archive-item p{max-width:740px;color:var(--editorial-muted);margin:0;font-size:14px;line-height:1.6}.editorial-archive-item time{color:var(--editorial-muted);font-size:13px}.editorial-archive-read{min-width:40px;min-height:44px;color:var(--purple);place-items:center;display:grid}.editorial-empty{color:var(--editorial-muted);padding-block:30px}.blog-editorial a:hover h3,.editorial-recent-item h3 a:hover,.editorial-archive-item h3 a:hover{color:var(--purple-deep)}.blog-editorial .editorial-community-cta{width:min(1288px,100% - 144px);color:var(--ink);background:#f5f0ff;border-radius:14px;gap:28px;margin:60px auto;padding:32px 36px}.blog-editorial .editorial-community-cta .blog-kicker{color:var(--purple)}.blog-editorial .editorial-community-cta h2{color:var(--ink);font-size:28px;line-height:1.15}.blog-editorial .editorial-community-cta>p{color:var(--editorial-muted);font-size:15px}.blog-editorial .editorial-footer{border-top:1px solid var(--editorial-line);width:min(1288px,100% - 144px);min-height:120px;margin-inline:auto}.blog-editorial :is(a,button,summary):focus-visible{outline:2px solid var(--purple);outline-offset:4px}.blog-editorial [id]{scroll-margin-top:96px}.editorial-post-page>article{width:min(928px,100% - 64px);margin-inline:auto}.editorial-post-page .post-hero{text-align:start;max-width:none;padding:24px 0 20px}.editorial-post-page .back-to-blog{gap:12px;margin:0 0 26px;font-size:14px}.editorial-post-topics{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:14px;display:flex}.editorial-post-topics a{color:var(--purple);font-size:13px;line-height:1.4}.editorial-post-topics a+a{border-inline-start:1px solid #cbbbea;padding-inline-start:20px}.editorial-post-page .post-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4.1vw,56px);font-weight:720;line-height:1.03}.editorial-post-page .post-hero>p{max-width:none;color:var(--editorial-muted);margin:18px 0 20px;font-size:20px;line-height:1.45}.editorial-post-page .post-hero-meta{justify-content:start}.editorial-post-page .post-kind{color:var(--purple);background:#f3edff;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:650}.editorial-post-page .editorial-post-cover{aspect-ratio:auto;box-shadow:none;background:0 0;border-radius:0;margin:0 0 28px;overflow:visible}.editorial-post-cover>a{aspect-ratio:2.5;border-radius:8px;display:block;overflow:hidden}.editorial-post-cover>a>img{object-fit:cover;object-position:center 22%;width:100%;height:100%;max-height:none;display:block}.editorial-post-cover>figcaption{color:var(--editorial-muted);margin:10px 0 0;font-size:12px;line-height:1.5}.editorial-post-page .post-body{width:min(800px,100%)}.editorial-post-page .post-body p{color:#514b60;overflow-wrap:anywhere;margin-bottom:24px;font-size:20px;line-height:1.6}.editorial-post-page .post-inline-image{margin-block:36px}.editorial-post-page .post-inline-image img{box-shadow:none;border-color:var(--editorial-line);border-radius:8px}.editorial-post-page .post-inline-image figcaption{color:var(--editorial-muted)}.editorial-post-page .editorial-post-tags{justify-content:start;width:min(800px,100%);margin:36px auto 0}.editorial-post-page .post-end-card{background:#f5f0ff;border-radius:12px;margin:42px 0 60px;padding:28px}.editorial-post-page .post-end-card h2{font-size:30px;line-height:1.15}.editorial-post-page .game-player-section,.editorial-post-page .game-coming-soon{margin-bottom:32px}[dir=rtl] .blog-editorial :is(.editorial-primary,.editorial-archive-read,.editorial-section-heading>a,.back-to-blog)>svg{transform:scaleX(-1)}@media (max-width:1280px) and (min-width:861px){.blog-editorial>.blog-header{grid-template-columns:174px minmax(0,1fr) auto auto;gap:12px;padding-inline:24px}.blog-editorial .blog-brand img{width:170px}.blog-editorial .blog-top-nav{gap:14px}.blog-editorial .blog-github{display:none}}@media (max-width:1100px){.editorial-intro,.editorial-topics,.editorial-featured,.editorial-recent,.editorial-archive{width:calc(100% - 80px)}.editorial-featured{grid-template-columns:1.1fr 1fr;gap:32px}.editorial-featured-copy h2{font-size:34px}.editorial-featured-copy>p:not(.editorial-kicker){font-size:16px}.editorial-meta{font-size:12px}.editorial-recent-grid{gap:30px}.editorial-recent-item{grid-template-columns:1fr;gap:16px}.editorial-archive-item{grid-template-columns:120px minmax(0,1fr) 32px;gap:20px}.editorial-archive-item time{grid-column:2}.editorial-archive-read{grid-area:1/3}.blog-editorial .editorial-community-cta,.blog-editorial .editorial-footer{width:calc(100% - 80px)}}@media (max-width:1040px) and (min-width:861px){.blog-editorial>.blog-header{grid-template-columns:145px minmax(0,1fr) auto auto;gap:10px;padding-inline:16px}.blog-editorial .blog-brand img{width:142px}.blog-editorial .blog-top-nav{gap:12px}.blog-editorial .blog-top-nav a{font-size:12px}.blog-editorial .blog-profile{display:none}}@media (max-width:860px){.blog-editorial>.blog-header{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:68px;padding-inline:20px}.blog-editorial .blog-brand img{width:155px}.blog-editorial>.blog-header>.global-language-switcher{grid-area:1/2}.blog-editorial .blog-header-actions{display:none}.editorial-intro{padding-top:32px}.editorial-intro h1{max-width:670px;font-size:56px}.editorial-featured{grid-template-columns:1fr;gap:24px}.editorial-featured-copy h2{max-width:620px;font-size:38px}.editorial-featured-copy .editorial-meta{margin-block:20px}.editorial-post-page .post-hero h1{font-size:46px}.editorial-post-page .post-hero>p{font-size:18px}}@media (max-width:600px){.editorial-intro,.editorial-topics,.editorial-featured,.editorial-recent,.editorial-archive{width:calc(100% - 40px)}.editorial-intro h1{font-size:clamp(39px,10vw,52px);line-height:1.02}.editorial-intro>p{font-size:17px;line-height:1.5}.editorial-topics{gap:8px;margin-top:22px;margin-bottom:24px}.editorial-topics a{min-height:44px;padding:10px 16px;font-size:12px}.editorial-featured-copy h2{font-size:34px}.editorial-featured-copy>p:not(.editorial-kicker){font-size:16px}.editorial-meta{gap:12px 20px}.editorial-primary{min-height:50px;padding-inline:24px;font-size:15px}.editorial-section-heading{align-items:start;gap:16px}.editorial-section-heading>a{max-width:145px;font-size:12px}.editorial-recent-grid{grid-template-columns:1fr;gap:24px}.editorial-recent-item{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px}.editorial-recent-item h3{margin-block:6px 10px;font-size:19px}.editorial-recent-item time{font-size:12px}.editorial-archive{padding-top:40px}.editorial-archive-item{grid-template-columns:88px minmax(0,1fr) 20px;gap:14px}.editorial-archive-item h3{font-size:18px}.editorial-archive-item p{font-size:13px}.editorial-archive-image{align-self:start;margin-top:6px}.editorial-archive-read{min-width:24px}.blog-editorial .editorial-community-cta,.blog-editorial .editorial-footer{width:calc(100% - 40px)}.blog-editorial .editorial-community-cta{margin-block:40px;padding:24px}.blog-editorial .editorial-footer{align-items:start;gap:16px;padding-block:24px}.editorial-post-page>article{width:calc(100% - 40px)}.editorial-post-page .post-hero{padding-top:24px}.editorial-post-page .back-to-blog{margin-bottom:26px}.editorial-post-page .post-hero h1{font-size:36px}.editorial-post-page .post-hero>p{font-size:17px;line-height:1.5}.editorial-post-page .post-body p{font-size:17px;line-height:1.7}.editorial-post-cover>a{aspect-ratio:1.5}.editorial-post-cover>figcaption{font-size:11px}.editorial-post-page .post-end-card{flex-direction:column;align-items:start;gap:18px}.editorial-post-page .post-end-card h2{font-size:27px}}
