.studio-guide-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.card-guide{max-width:1200px;margin:auto;padding:56px 28px 80px}.card-guide h1{font-size:clamp(30px,5vw,52px);line-height:1.15;margin:18px 0}.guide-intro{color:#bebcc3;font-size:18px}.guide-nav{display:flex;flex-wrap:wrap;gap:20px;margin:28px 0}.guide-nav a{color:#a5a3aa;text-decoration:underline;text-underline-offset:5px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0}.guide-grid article{padding:26px;background:#19191d;border:1px solid #323235;border-radius:14px}.guide-grid h2{font-size:21px;color:#f1eff6;margin:12px 0}.guide-grid p{color:#bebcc3;line-height:1.75;margin:0}.card-guide a:focus-visible,.studio-guide-links a:focus-visible{outline:2px solid #a5a3aa;outline-offset:6px}@media(max-width:680px){.guide-grid{grid-template-columns:1fr}.card-guide{padding:32px 20px 56px}}
html:has(body.studio-guide){background:#101012;color-scheme:dark}.studio-guide{margin:0;min-height:100vh;background:var(--ex-canvas);color:var(--ex-text);font-family:var(--ex-font)}.studio-guide *{box-sizing:border-box}.studio-guide main.card-guide{max-width:1256px;padding:56px 28px 80px!important}.studio-guide .studio-kicker{color:var(--ex-emerald);font:700 10px/1.6 var(--ex-font);letter-spacing:.16em}.studio-guide .guide-grid article{background:var(--ex-surface);border-color:var(--ex-line)}.studio-guide .guide-grid p,.studio-guide .guide-intro{color:var(--ex-muted)}.studio-guide .studio-text-link{display:inline-flex;align-items:center;gap:20px;color:var(--ex-emerald);padding:12px 0;text-decoration:none;border-bottom:1px solid #49494d}.studio-guide .studio-header-cta{border-color:#49494d;color:var(--ex-text);border-radius:8px}@media(max-width:680px){.studio-guide main.card-guide{padding:32px 20px 56px!important}}