main{--blog-primary: #5865f2;--blog-secondary: #f0f2ff;--blog-accent: #e0e4ff;--blog-text: rgb(var(--gray-dark));--blog-muted: rgb(var(--gray));--blog-border: #e5e7eb;--blog-bg-soft: #f8f9ff;--blog-code-bg: #f6f8fa;max-width:100%;margin:0 auto}main .post-hero{position:relative;width:min(100%,1100px);min-height:260px;margin:24px auto 32px;border-radius:18px;overflow:hidden;background:var(--blog-secondary);display:grid;place-items:center;box-shadow:0 12px 32px #00000014}main .post-hero.has-image{height:clamp(260px,38vw,420px)}main .post-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}main .post-hero.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000040,#0000008c)}main .post-hero-content{position:relative;z-index:1;width:min(92%,760px);padding:32px 20px;text-align:center}main .post-hero.has-image .post-hero-content,main .post-hero.has-image .date,main .post-hero.has-image .last-updated-on{color:#fff}main .post-hero h1{margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.25;letter-spacing:.02em}main .post-hero .subtitle{max-width:680px;margin:.7em auto 0;font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:700;line-height:1.5;opacity:.92}main .post-hero .date{margin-bottom:.9em;font-size:.95rem;font-weight:700;opacity:.9}main .post-hero .last-updated-on{margin-top:.3em;font-size:.85rem;font-style:italic;opacity:.85}main .prose{width:min(760px,calc(100% - 48px));margin:0 auto;padding:0 24px 48px;color:var(--blog-text);font-size:16px;line-height:1.9;letter-spacing:.02em;box-sizing:border-box}@media(max-width:640px){main .post-hero{width:calc(100% - 24px);min-height:220px;margin:16px auto 24px;border-radius:14px}main .post-hero.has-image{height:260px}main .post-hero-content{width:94%;padding:24px 14px}main .prose{width:min(100%,calc(100% - 24px));padding:0 12px 40px;font-size:15px;line-height:1.85}}main .title{margin-bottom:1.5em;padding:1.5em 0;text-align:center;line-height:1.2}main .title h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.25;letter-spacing:.01em}main .title .subtitle{max-width:680px;margin:.6em auto 0;color:var(--blog-muted);font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:700;line-height:1.5;letter-spacing:.02em}main .title hr{margin-top:2em;margin-bottom:0;border:none;border-top:1px solid var(--blog-border)}main .date{margin-bottom:.7em;color:var(--blog-muted);font-size:.95rem}main .last-updated-on{font-style:italic;color:var(--blog-muted)}main h1,main h2,main h3,main h4,main h5,main h6{color:var(--blog-text);font-weight:800;line-height:1.35;letter-spacing:.01em;scroll-margin-top:80px}main h1{margin-top:3rem;margin-bottom:1.2rem;font-size:clamp(2rem,5vw,2.6rem)}main h2{position:relative;margin-top:3.2rem;margin-bottom:1.1rem;padding-left:1.55rem;padding-bottom:.65rem;border-bottom:2px solid var(--blog-accent);font-size:clamp(1.6rem,4vw,2rem)}main h2:before{content:"";position:absolute;left:0;top:.14em;bottom:.72rem;width:5px;border-radius:1px;background:linear-gradient(180deg,var(--blog-primary) 0%,#8fa2ff 100%);box-shadow:6px 0 #5865f229}main h3{position:relative;margin-top:2.4rem;margin-bottom:.8rem;padding-left:1.25rem;border-left:none;font-size:clamp(1.3rem,3vw,1.55rem)}main h3:before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:4px;border-radius:1px;background:var(--blog-primary);box-shadow:5px 0 #5865f224}main h4{margin-top:2rem;margin-bottom:.7rem;font-size:1.25rem}main h4:before{content:"◆";margin-right:.4em;color:var(--blog-primary);font-size:.75em}main h5{margin-top:1.6rem;margin-bottom:.5rem;color:var(--blog-primary);font-size:1.1rem}main h6{margin-top:1.4rem;margin-bottom:.4rem;color:var(--blog-muted);font-size:1rem}main p{margin-top:0;margin-bottom:1.15em}main strong{font-weight:800}main a{color:var(--blog-primary);text-decoration-thickness:.08em;text-underline-offset:.2em}main a:hover{opacity:.85}main ul,main ol{list-style:inherit;margin:1em 0 1.4em;padding-left:1.4em}main ul li,main ol li{list-style-position:outside;margin-left:0;margin-bottom:.6em;padding-left:.15em}main ul li::marker{color:var(--blog-primary)}main ol li::marker{color:var(--blog-primary);font-weight:800}main li>h1,main li>h2,main li>h3,main li>h4,main li>h5,main li>h6{margin-top:.4em;margin-bottom:.3em;font-size:1.15em}main blockquote{margin:1.5em 0;padding:.9em 1em;border-left:5px solid var(--blog-primary);border-radius:0 8px 8px 0;background:var(--blog-secondary);color:var(--blog-text)}main blockquote p:last-child{margin-bottom:0}main :not(pre)>code{padding:.15em .35em;border:1px solid var(--blog-border);border-radius:5px;background:var(--blog-code-bg);color:#d6336c;font-size:.9em}main pre{margin:1.4em 0;padding:1em;overflow-x:auto;border:1px solid var(--blog-border);border-radius:10px;background:var(--blog-code-bg);line-height:1.6}main pre code{padding:0;border:none;background:transparent;color:inherit;font-size:.9rem}main table{width:100%;margin:1.5em 0;border-collapse:collapse;overflow:hidden;border-radius:10px;font-size:.95rem}main th,main td{padding:.75em .9em;border:1px solid var(--blog-border);text-align:left}main th{background:var(--blog-secondary);font-weight:800}main tr:nth-child(2n) td{background:#fafafa}main hr{margin:2.5em 0;border:none;border-top:1px solid var(--blog-border)}main img{display:block;width:min(100%,860px);height:auto;margin:1.2em auto 1.8em;border-radius:10px}main .hero-image{margin-top:10px;width:100%}main .hero-image img{display:block;width:min(95%,1000px);margin:0 auto;border:solid 2px black;border-radius:12px;box-shadow:var(--box-shadow)}main figcaption{margin-top:-1em;margin-bottom:1.6em;color:var(--blog-muted);font-size:.9rem;text-align:center}@media(max-width:640px){main .prose{max-width:calc(100% - 1em);padding:.75em;font-size:15px;line-height:1.85}main h1{margin-top:2.4rem}main h2{margin-top:2.6rem}main h3{margin-top:2rem}main pre{padding:.85em;border-radius:8px}main th,main td{padding:.6em}}.related-posts[data-astro-cid-bvzihdzo]{width:min(760px,calc(100% - 48px));margin:8px auto 48px;padding:18px 20px;border:1px solid #e5e7eb;border-radius:12px;background:#fafbff}.related-posts[data-astro-cid-bvzihdzo] h2[data-astro-cid-bvzihdzo]{margin:0 0 10px;font-size:1.1rem}.related-posts[data-astro-cid-bvzihdzo] ul[data-astro-cid-bvzihdzo]{margin:0;padding-left:1.2rem}.related-posts[data-astro-cid-bvzihdzo] li[data-astro-cid-bvzihdzo]+li[data-astro-cid-bvzihdzo]{margin-top:6px}