.blog-article{max-width:800px;margin:0 auto;padding-top:72px}.blog-header{margin-bottom:32px;position:relative;z-index:1}.blog-title{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.5px;margin-bottom:12px}.blog-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff6}.blog-author{color:#fff9}.blog-author+.blog-date:before{content:"·";margin-right:8px}.blog-date{font-size:14px;color:#fff6}.blog-body{padding:24px 20px 32px;position:relative;z-index:1}.blog-body h2{font-size:26px;font-weight:600;line-height:1.3;margin-top:.25em;margin-bottom:.75em;color:#fff}.blog-body h3{font-size:21px;font-weight:600;line-height:1.3;margin-top:1.5em;margin-bottom:.5em;color:#fff}.blog-body h4{font-size:18px;font-weight:600;line-height:1.4;margin-top:1.5em;margin-bottom:.5em;color:#fff}.blog-body p{font-size:16px;line-height:1.7;margin-bottom:1.5em;color:#ffffffd9}.blog-body ul,.blog-body ol{margin-bottom:1.5em;padding-left:1.5em;color:#ffffffd9}.blog-body li{font-size:16px;line-height:1.7;margin-bottom:.5em}.blog-body a{color:#fff;text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:2px;transition:text-decoration-color .15s}.blog-body a:hover{text-decoration-color:#f29f2a}.blog-body img{max-width:100%;border-radius:12px;margin:1.5em 0}.blog-body blockquote{border-left:3px solid;border-image:linear-gradient(to bottom,#fe4542,#f29f2a) 1;padding:.5em 0 .5em 1.25em;margin:1.5em 0}.blog-body blockquote p{font-size:17px;font-style:italic;color:#ffffffbf;margin:0}.blog-body code{font-family:SF Mono,Fira Code,monospace;font-size:.9em;background:#ffffff14;padding:2px 6px;border-radius:4px}.blog-body pre{background:#0006;border-radius:12px;padding:16px 20px;margin:1.5em 0;overflow-x:auto}.blog-body pre code{background:none;padding:0;font-size:14px;line-height:1.6;color:#ffffffd9}.blog-body hr{border:none;border-top:1px solid rgba(255,255,255,.05);margin:2em 0}.blog-body details.section-toggle{border:none;border-radius:0;margin-bottom:0;background:none}.blog-body details.section-toggle>summary{cursor:pointer;list-style:none;padding:0;display:flex;align-items:center;gap:10px;font-size:26px;font-weight:600;line-height:1.3;color:#fff}.blog-body details.section-toggle>summary::-webkit-details-marker{display:none}.blog-body details.section-toggle>summary:before{content:"";display:inline-block;width:10px;height:10px;border-right:2px solid rgba(255,255,255,.4);border-bottom:2px solid rgba(255,255,255,.4);transform:rotate(-45deg);transition:transform .2s;flex-shrink:0}.blog-body details.section-toggle[open]>summary:before{transform:rotate(45deg)}.blog-body .section-content{padding-top:12px}.blog-body details:not(.section-toggle){border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:8px;transition:background .2s}.blog-body details:not(.section-toggle)[open]{background:#ffffff08}.blog-body details:not(.section-toggle)>summary{cursor:pointer;padding:14px 16px;font-size:16px;font-weight:500;color:#fff;list-style:none;display:flex;align-items:center;gap:10px}.blog-body details:not(.section-toggle)>summary::-webkit-details-marker{display:none}.blog-body details:not(.section-toggle)>summary:before{content:"";display:inline-block;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(255,255,255,.5);transform:rotate(-45deg);transition:transform .2s;flex-shrink:0}.blog-body details:not(.section-toggle)[open]>summary:before{transform:rotate(45deg)}.blog-body details .details-content{padding:0 16px 16px;color:#ffffffbf;font-size:15px;line-height:1.7}.blog-body details .details-content p{font-size:17px;color:#ffffffbf;margin-bottom:1em}.blog-body details .details-content p:last-child{margin-bottom:0}.blog-body details .details-content ul,.blog-body details .details-content ol{color:#ffffffbf;margin-bottom:1em}.blog-body details .details-content li{font-size:15px}.learn-hero{text-align:center;padding-top:120px;padding-bottom:20px;position:relative;z-index:1}.learn-hero-title{font-size:48px;font-weight:700;letter-spacing:-1.5px;margin-bottom:12px}.learn-hero-subtitle{font-size:17px;color:#fff9;max-width:520px;margin:0 auto;line-height:1.6}.post-grid{display:grid;gap:16px;position:relative;z-index:1}@media(min-width:820px){.blog-article{padding-top:92px}.blog-title{font-size:42px;letter-spacing:-1px}.blog-body{padding:36px 40px 48px}.blog-body h2{font-size:30px}.blog-body h3{font-size:24px}.blog-body details.section-toggle>summary{font-size:30px}.learn-hero{padding-top:140px;padding-bottom:32px}.learn-hero-title{font-size:56px}.post-grid{grid-template-columns:repeat(2,1fr);gap:20px}}