.bg-list,.bg-post-head,.bg-more{padding:48px 16px 0}.bg-list h1,.bg-list h2,.bg-post h1,.bg-post h2,.bg-more h2,.bg-more h3{letter-spacing:-.01em;margin:0}.bg-list p,.bg-post p,.bg-more p{margin:0}.bg-res,.bg-list ul,.bg-post-side ol{margin:0;padding:0;list-style:none}.h-page .bg-list img,.h-page .bg-post img,.h-page .bg-more img{max-width:100%;height:auto;display:block}.bg-btn{background:var(--mint-dark);min-height:52px;color:var(--white);border-radius:4px;justify-self:start;align-items:center;padding:0 22px;font-weight:600;text-decoration:none;display:inline-flex}.bg-btn:hover{background:var(--mint-darker)}.bg-link{min-height:44px;color:var(--mint-dark);text-underline-offset:3px;align-items:center;font-weight:600;display:inline-flex}.bg-crumbs{color:#c9ccd0;flex-wrap:wrap;gap:4px 10px;font-size:.9375rem;display:flex}.bg-crumbs a{min-height:32px;color:var(--off-white);text-underline-offset:3px;align-items:center;display:inline-flex}.bg-crumbs span{align-items:center;display:inline-flex}.bg-head{gap:20px;padding-bottom:28px;display:grid}.bg-box{background:var(--white);min-height:76px;color:var(--charcoal);border-radius:40px;align-items:center;gap:14px;padding:12px 22px;display:flex}.bg-box svg{fill:none;stroke:#5b6066;stroke-width:2.4px;stroke-linecap:round;flex:none;width:26px;height:26px}.bg-box h1{font-family:var(--f-hanken);font-size:clamp(1.5rem,6vw,3.25rem);font-weight:500;line-height:1.1}.bg-head>p:last-child{color:#c9ccd0;max-width:50ch;font-size:1.25rem}.bg-body{margin:0 -16px}.bg-tabs{border-bottom:1px solid #4a4e53;flex-wrap:wrap;gap:4px 22px;padding:0 16px;display:flex}.bg-tabs button{color:#c9ccd0;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 2px;font-size:1rem;font-weight:600;display:inline-flex;position:relative}.bg-tabs button span{font-family:var(--f-spline-mono);font-size:.8125rem}.bg-tabs button[aria-pressed=true]{color:var(--off-white)}.bg-tabs button[aria-pressed=true]:after{content:"";background:var(--mint);height:3px;position:absolute;bottom:0;left:0;right:0}.bg-tabs button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}[data-topic=ads] .bg-res>li:not([data-g=ads]),[data-topic=search] .bg-res>li:not([data-g=search]),[data-topic=creative] .bg-res>li:not([data-g=creative]),[data-topic=build] .bg-res>li:not([data-g=build]){display:none}.bg-grid{background:var(--white);color:var(--charcoal);gap:40px;padding:28px 16px 72px;display:grid}.bg-grid :focus-visible{outline-color:var(--mint-dark)}.bg-count{color:#4a4e53;font-size:.9375rem;margin-bottom:14px!important}.bg-res{max-width:760px;display:grid}.bg-res>li{border-top:1px solid #e3e4e6;grid-template-columns:minmax(0,1fr) 76px;gap:16px;padding:22px 0;display:grid}.bg-res>li>img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:76px}.bg-txt{align-content:start;gap:6px;display:grid}.bg-url{color:#4a4e53;font-size:.875rem}.bg-url b{color:var(--charcoal);font-weight:600}.bg-res h2,.bg-res h3{font-family:var(--f-hanken);letter-spacing:0;font-size:1.25rem;font-weight:600;line-height:1.3}.bg-res h2 a,.bg-res h3 a{color:var(--mint-dark);text-decoration:none}.bg-res h2 a:hover,.bg-res h3 a:hover{text-decoration:underline}.bg-snip{color:#3a3c40;max-width:60ch;font-size:1rem;line-height:1.55}.bg-meta{font-family:var(--f-spline-mono);color:#4a4e53;font-size:.8125rem}.bg-lead{border-radius:12px;margin-bottom:8px;border:1px solid #d9dbde!important;grid-template-columns:minmax(0,1fr)!important;padding:22px!important}.bg-lead+li{border-top:0}.bg-lead>img{order:-1;aspect-ratio:16/9!important;width:100%!important}.bg-lead h2{font-size:1.625rem}.bg-empty{justify-items:start;gap:14px;display:grid}.bg-empty h2{font-family:var(--f-overpass);font-size:1.5rem;font-weight:800}.bg-empty ul{gap:6px;display:grid;padding-left:20px!important;list-style:outside!important}.bg-empty a{color:var(--mint-dark);text-underline-offset:3px}.bg-side{background:var(--white);color:var(--charcoal);border:1px solid #d9dbde;border-radius:12px;align-content:start;align-self:start;justify-items:start;gap:14px;padding:22px;display:grid}.bg-side p{color:#3a3c40;font-size:1rem}.bg-post-head{gap:14px;padding-bottom:96px;display:grid}.bg-post-head .bg-url{color:#c9ccd0}.bg-post-head .bg-url b{color:var(--off-white)}.bg-post-head .bg-meta{color:#c9ccd0}.bg-post h1{text-wrap:balance;max-width:22ch;font-family:var(--f-overpass);letter-spacing:-.02em;font-size:clamp(2.25rem,7vw,4.5rem);font-weight:800;line-height:1.02}.bg-post-lede{max-width:54ch;color:var(--off-white);font-size:1.25rem;line-height:1.5}.bg-post-head{background:var(--ground);color:var(--ink)}.bg-post-pic{background:var(--white);margin-top:-72px;padding:0 16px;position:relative}.bg-post-pic:before{content:"";background:var(--charcoal);height:72px;position:absolute;inset:0 0 auto}.bg-post-pic img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;width:100%;position:relative}.bg-post-grid{background:var(--white);color:var(--charcoal);gap:48px;padding:40px 16px 80px;display:grid}.bg-post-grid :focus-visible{outline-color:var(--mint-dark)}.bg-prose{max-width:68ch;font-size:1.125rem;line-height:1.7}.bg-prose>*+*{margin-top:1.1em!important}.bg-prose h2{text-wrap:balance;font-family:var(--f-overpass);scroll-margin-top:84px;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;line-height:1.15;margin-top:2em!important}.bg-prose ul,.bg-prose ol{padding-left:1.3em}.bg-prose ul{list-style:outside}.bg-prose ol{list-style:decimal}.bg-prose li::marker{color:#4a4e53}.bg-prose li+li{margin-top:.4em}.bg-prose a{color:var(--mint-dark);text-underline-offset:3px}.bg-next{background:var(--charcoal);color:var(--off-white);border-radius:12px;gap:14px;padding:28px 24px;display:grid;margin-top:3em!important}.bg-next h2{font-size:1.625rem;margin:0!important}.bg-next p{color:#c9ccd0}.bg-next div{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.bg-next .bg-btn{background:var(--mint);color:var(--charcoal)}.bg-next .bg-btn:hover{background:#33e6bc}.bg-next .bg-link{color:var(--mint)}.bg-next :focus-visible{outline-color:var(--mint)}.bg-post-side{align-content:start;gap:24px;display:grid}.bg-post-side nav p{margin-bottom:8px;font-weight:700}.bg-post-side nav li{border-top:1px solid #e3e4e6}.bg-post-side nav a{min-height:44px;color:var(--charcoal);align-items:center;padding:6px 0;font-size:1rem;line-height:1.35;text-decoration:none;display:flex}.bg-post-side nav a:hover{color:var(--mint-dark);text-decoration:underline}.bg-more{gap:16px;padding-bottom:72px;display:grid}.bg-more h2{font-family:var(--f-overpass);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800}.bg-more .bg-res>li:first-child{border-top:0}@media (max-width:799px){.bg-post-side{order:-1}.bg-post-side .bg-side{display:none}.bg-post-grid{gap:32px}}@media (min-width:800px){.bg-list,.bg-post-head,.bg-more{padding:72px 40px 0}.bg-body{margin:0 -40px}.bg-tabs{padding-inline:40px}.bg-grid{grid-template-columns:minmax(0,760px) minmax(240px,320px);justify-content:space-between;gap:64px;padding:36px 40px 104px}.bg-res>li{grid-template-columns:minmax(0,1fr) 120px;gap:28px;padding:26px 0}.bg-res>li>img{width:120px}.bg-res h2,.bg-res h3{font-size:1.375rem}.bg-lead{grid-template-columns:minmax(0,1fr) 260px!important;padding:26px!important}.bg-lead>img{order:0;aspect-ratio:4/3!important}.bg-lead h2{font-size:1.875rem}.bg-post-head{padding-bottom:136px}.bg-post-pic{margin-top:-104px;padding-inline:40px}.bg-post-pic:before{height:104px}.bg-post-pic img{aspect-ratio:21/9}.bg-post-grid{grid-template-columns:minmax(0,68ch) minmax(240px,300px);justify-content:space-between;gap:64px;padding:56px 40px 104px}.bg-post-side{position:sticky;top:88px}.bg-more{padding-bottom:104px}}@media (min-width:1400px){.bg-list,.bg-post-head,.bg-more,.bg-grid,.bg-post-grid,.bg-tabs,.bg-post-pic{padding-inline:max(40px,50vw - 680px)}.bg-body{margin-inline:calc(-1*max(40px,50vw - 680px))}}.bg-list h2,.bg-res h2,.bg-res h3,.bg-next h2,.bg-more>h2,.bg-empty h2{text-wrap:balance}.bg-prose p,.bg-snip,.bg-post-lede,.bg-next p{text-wrap:pretty}