.post{max-width:850px;width:100%;padding:4rem 1rem}.post header{margin-bottom:3rem;text-align:center}.post .category{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:.8rem}.post h1{font-size:3.5rem;color:#fff;margin:.5rem 0;line-height:1.1;font-weight:800}.post .meta{color:#585b70;font-size:.9rem}.post .lead{font-size:1.25rem;color:#cdd6f4;line-height:1.6;margin-bottom:2rem;border-left:3px solid var(--accent);padding-left:1.5rem}.post h2{color:var(--accent);font-size:2rem;margin:3rem 0 1.5rem;border-bottom:1px solid rgba(137,180,250,.2);padding-bottom:.5rem}.post p{color:#9399b2;line-height:1.8;margin-bottom:1.5rem;font-size:1.1rem}.post pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;padding:1rem 1.25rem;border-radius:8px;background:#ffffff0d;border:1px solid rgba(137,180,250,.15)}.post pre code{display:block;background:none;padding:0;border-radius:0;white-space:pre;font-size:.9rem;line-height:1.6;color:#cdd6f4}.post :not(pre)>code{word-break:break-word;overflow-wrap:anywhere}html[data-theme=light] .post pre{background:#0000000a;border-color:#1e66f526}html[data-theme=light] .post pre code{color:#4c4f69}html[data-theme=frappe] .post pre{background:#ffffff0a;border-color:#8caaee26}html[data-theme=frappe] .post pre code{color:#c6d0f5}@media(max-width:600px){.post pre{padding:.85rem 1rem;margin:1.25rem -.5rem;border-radius:6px}.post pre code{font-size:.8rem}}html[data-theme=light] .post h1{color:#4c4f69}html[data-theme=light] .post .lead{color:#5c5f77}html[data-theme=light] .post .meta{color:#8c8fa1}html[data-theme=frappe] .post h1{color:#c6d0f5}html[data-theme=frappe] .post .lead{color:#b5bfe2}