.art{--tc:var(--h2-cyan);max-width:1120px;padding:clamp(28px,5vw,64px) var(--h2-gutter) 80px;margin:0 auto}.art-hd{max-width:820px}.art-meta{color:var(--h2-mute);font:600 .9rem var(--h2-body);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.art-cat{background:color-mix(in srgb,var(--tc) 18%,transparent);height:36px;color:var(--tc);font:800 .85rem var(--h2-body);border-radius:999px;align-items:center;gap:9px;padding:0 15px 0 9px;text-decoration:none;display:inline-flex}.art-cat i{background:var(--tc);width:22px;height:22px;color:var(--h2-ink);border-radius:8px;place-items:center;font-size:.7rem;display:grid}.art-hd h1{font:800 clamp(2.1rem,5.4vw,4.1rem)/1.02 var(--h2-display);letter-spacing:-.04em;text-transform:none;text-align:left;margin:0}.art-sub{max-width:62ch;color:var(--h2-mute);font:500 clamp(1.05rem,1.8vw,1.3rem)/1.5 var(--h2-body);margin:20px 0 0}.art-grid{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:38px;display:grid}@media (width>=1000px){.art-grid{grid-template-columns:minmax(0,720px) 300px;gap:56px}}.post-body{flex-direction:column;gap:22px;min-width:0;display:flex}.post-body p{color:color-mix(in srgb,var(--h2-bone) 88%,transparent);font:400 1.14rem/1.78 var(--h2-body);margin:0}.post-body h2{font:800 clamp(1.5rem,3vw,2rem)/1.1 var(--h2-display);letter-spacing:-.03em;text-transform:none;margin:18px 0 0}.post-body h3{font:800 1.25rem/1.2 var(--h2-display);letter-spacing:-.02em;text-transform:none;margin:10px 0 0}.post-body ul,.post-body ol{color:color-mix(in srgb,var(--h2-bone) 84%,transparent);font:400 1.1rem/1.7 var(--h2-body);margin:0;padding-left:22px}.post-body li{margin:0 0 8px}.post-body a{color:var(--h2-mag);text-underline-offset:3px}.post-body blockquote{border-left:4px solid var(--tc);color:var(--h2-bone);font:500 1.25rem/1.55 var(--h2-display);letter-spacing:-.01em;margin:6px 0;padding:6px 0 6px 22px}.post-body strong{color:var(--h2-bone)}.post-body code{background:color-mix(in srgb,var(--h2-bone) 10%,transparent);border-radius:7px;padding:2px 7px;font-family:Space Mono,ui-monospace,monospace;font-size:.92em}.post-body hr{background:var(--h2-line);border:0;height:1px;margin:10px 0}.why{background:linear-gradient(140deg,color-mix(in srgb,var(--tc) 16%,transparent),color-mix(in srgb,var(--h2-bone) 5%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 30%,transparent);border-radius:24px;padding:20px 22px}.why p{font-size:1.08rem}.post-callout{background:color-mix(in srgb,var(--h2-bone) 6%,transparent);box-shadow:inset 0 0 0 1px var(--h2-line);border-radius:24px;padding:20px 22px}.post-links{flex-wrap:wrap;gap:10px;display:flex}.post-cta{margin-top:8px}.flow-steps{flex-direction:column;gap:14px;margin:0;display:flex}.flow-step{background:color-mix(in srgb,var(--h2-bone) 6%,transparent);box-shadow:inset 0 0 0 1px var(--h2-line);border-radius:20px;align-items:flex-start;gap:14px;padding:16px;display:flex}.flow-num{background:var(--h2-cyan);width:30px;height:30px;color:var(--h2-ink);font:800 .85rem var(--h2-display);border-radius:10px;flex:none;place-items:center;display:grid}.flow-step p{font-size:1rem}.art-side{align-content:start;gap:16px;display:grid}.box{background:color-mix(in srgb,var(--h2-bone) 6%,transparent);box-shadow:inset 0 0 0 1px var(--h2-line);border-radius:24px;padding:20px}.box h2{font:800 1.05rem var(--h2-display);letter-spacing:-.02em;text-transform:none;margin:0 0 12px}.src{gap:8px;margin:0;padding:0;list-style:none;display:grid}.src a{color:var(--h2-bone);font:600 .95rem/1.3 var(--h2-body);align-items:baseline;gap:10px;text-decoration:none;display:flex}.src a:hover{color:var(--h2-mag)}.src i{color:var(--h2-mute);font-size:.7rem}.tags{flex-wrap:wrap;gap:7px;display:flex}.tag{background:color-mix(in srgb,var(--h2-bone) 9%,transparent);color:var(--h2-mute);font:700 .8rem var(--h2-body);border-radius:999px;padding:6px 12px}.ai-note{color:var(--h2-mute);font:500 .86rem/1.5 var(--h2-body);gap:12px;display:flex}.ai-note i{color:var(--h2-mag);flex:none;margin-top:3px}.join{--tc:#8b95ff;color:inherit;gap:10px;text-decoration:none;display:grid}.join b{font:800 1.15rem/1.15 var(--h2-display);letter-spacing:-.02em}.join span{color:var(--h2-mute);font:500 .9rem/1.45 var(--h2-body)}.join em{color:#fff;height:44px;font-style:normal;font:800 .92rem var(--h2-body);background:#5865f2;border-radius:999px;justify-content:center;align-items:center;gap:9px;display:inline-flex}.more{max-width:1120px;margin-top:64px}.more h2{font:800 1.6rem var(--h2-display);letter-spacing:-.03em;text-transform:none;margin:0 0 18px}.more-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;display:grid}.more-card{--tc:var(--h2-cyan);background:color-mix(in srgb,var(--h2-bone) 6%,transparent);box-shadow:inset 0 0 0 1px var(--h2-line);color:inherit;border-radius:26px;gap:12px;padding:20px;text-decoration:none;transition:transform .18s,background .18s;display:grid}.more-card:hover{background:color-mix(in srgb,var(--h2-bone) 10%,transparent);transform:translateY(-3px)}.more-card small{color:var(--tc);font:800 .8rem var(--h2-body)}.more-card b{font:800 1.12rem/1.2 var(--h2-display);letter-spacing:-.02em}.more-card span{color:var(--h2-mute);font:500 .85rem var(--h2-body)}
