.studio-blog{max-width:64rem;padding-block:clamp(1.5rem,4vw,3.5rem)}.studio-blog-heading{margin-block:1.5rem 2.25rem}.studio-blog-heading h1{color:#f8fafc;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;max-width:58rem;font-size:clamp(2.3rem,5vw,4.5rem);font-weight:760;line-height:1.08}.studio-blog-heading .world-label{margin-bottom:.85rem}.studio-blog-intro{color:#b6c3d6;max-width:42rem;margin-top:1.3rem;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.7}.studio-blog-category{color:#d8c38e;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem;font-size:.76rem;font-weight:650}.studio-blog-meta{color:#a6b4c8;flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:.9rem;font-size:.88rem;display:flex}.studio-blog-list{border-top:1px solid #ffffff1f;margin:0;padding:0;list-style:none}.studio-blog-list>li{border-bottom:1px solid #ffffff1f;padding:1.8rem 0}.studio-blog-list h2{color:#f8fafc;overflow-wrap:anywhere;font-size:clamp(1.35rem,3vw,1.9rem);font-weight:650;line-height:1.35}.studio-blog a{text-underline-offset:.2em}.studio-blog a:hover{color:#c4b5fd}.studio-blog a:focus-visible{outline-offset:5px;border-radius:2px;outline:2px solid #c4b5fd}.studio-blog-list a:hover{text-decoration:underline}.studio-blog-empty{color:#b6c3d6;padding-block:1.5rem;line-height:1.7}.studio-blog-prose{color:#cbd5e1;overflow-wrap:anywhere;max-width:52rem;font-size:1.05rem;line-height:1.8}.studio-blog-prose h2,.studio-blog-prose h3,.studio-blog-prose h4{color:#f8fafc;scroll-margin-top:7rem;font-weight:700;line-height:1.3}.studio-blog-prose h2{margin-block:2.4rem 1rem;font-size:clamp(1.5rem,3vw,2rem)}.studio-blog-prose h3{margin-block:1.8rem .8rem;font-size:1.3rem}.studio-blog-prose h4{margin-block:1.5rem .7rem;font-size:1.15rem}.studio-blog-prose p,.studio-blog-prose ul,.studio-blog-prose ol,.studio-blog-prose dl{margin-block:1rem}.studio-blog-prose ul{padding-inline-start:1.5rem;list-style:outside}.studio-blog-prose ol{padding-inline-start:1.5rem;list-style:decimal}.studio-blog-prose li+li{margin-block-start:.45rem}.studio-blog-prose a,.studio-blog-back a{color:#bfdbfe;text-decoration:underline}.studio-blog-prose blockquote{border-inline-start:3px solid #a78bfa;margin-block:1.5rem;padding-inline-start:1.25rem}.studio-blog-prose strong{color:#eef2ff;font-weight:700}.studio-blog-prose pre{background:#030814b3;border-radius:.7rem;padding:1rem;overflow:auto}.studio-blog-prose code{font-size:.9em}.studio-blog-prose img{max-width:100%;height:auto}.studio-blog-prose table{border-collapse:collapse;max-width:100%;margin-block:1.5rem;display:block;overflow-x:auto}.studio-blog-prose th,.studio-blog-prose td{text-align:start;border:1px solid #ffffff29;padding:.65rem .85rem}.studio-blog-prose th{color:#f8fafc;background:#ffffff0d}.studio-blog-prose .studio-blog-toc{background:#0308148c;border:1px solid #ffffff1f;border-radius:1rem;margin-block:1.8rem;padding:1.25rem 1.5rem}.studio-blog-prose .studio-blog-toc h2{margin:0 0 .75rem;font-size:1.1rem}.studio-blog-toc ul{margin-bottom:0}.studio-blog-back{border-top:1px solid #ffffff1f;margin-top:3rem;padding-top:1.5rem}.studio-blog-app{background:linear-gradient(135deg,#d8c38e14,#0308148c);border:1px solid #d8c38e47;border-radius:1rem;align-items:flex-start;gap:1.25rem;margin-top:2.5rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.studio-blog-app-icon{border-radius:1rem;flex:none}.studio-blog-app h2{color:#f8fafc;font-size:1.5rem;font-weight:650}.studio-blog-app p:not(.studio-blog-category){color:#b6c3d6;margin:.5rem 0 .8rem;line-height:1.6}.studio-blog-app a:not(.download-badge-link){color:#bfdbfe;text-decoration:underline}.studio-blog-app .download-badges{margin-top:1.1rem}@media (max-width:420px){.studio-blog-app{flex-direction:column}}@media (max-width:639px){.studio-blog-prose{font-size:1rem}.studio-blog-prose .studio-blog-toc{padding:1rem}}
