html,body{background-color:var(--bg)}.post-main{padding-block-start:calc(var(--space-128) + var(--space-32));padding-block-end:var(--space-96)}.post-container{max-inline-size:760px;padding-inline:var(--space-24);margin-inline:auto}.post-back{align-items:center;gap:var(--space-8);font-family:var(--font-heading);font-size:var(--font-13);font-weight:var(--fw-normal);letter-spacing:var(--ls-wide);text-transform:uppercase;color:oklch(100% 0 0/.4);margin-block-end:var(--space-40);text-decoration:none;transition:color .2s;display:inline-flex}.post-back svg{transition:translate .2s}@media (hover:hover){.post-back:hover{color:oklch(100% 0 0/.8)}.post-back:hover svg{translate:-4px}}.post-meta{align-items:center;gap:var(--space-8);flex-wrap:wrap;margin-block-end:var(--space-20);display:flex}.post-meta-sep{color:oklch(100% 0 0/.2);font-size:var(--font-13)}.post-date,.post-author,.post-read-time{font-size:var(--font-13);color:oklch(100% 0 0/.4)}.post-title{font-family:var(--font-heading);font-size:var(--font-36);font-weight:var(--fw-semibold);line-height:var(--lh-120);color:var(--text);margin-block-end:var(--space-40)}.post-cover{border-radius:var(--radius-12);margin-block-end:var(--space-48);overflow:hidden}.post-cover img{object-fit:cover;block-size:auto;inline-size:100%;display:block}.post-body{gap:var(--space-24);display:grid}.post-body h2{font-family:var(--font-heading);font-size:var(--font-22);font-weight:var(--fw-semibold);line-height:var(--lh-130);color:var(--text);margin-block-start:var(--space-16)}.post-body p{font-size:var(--font-16);line-height:var(--lh-160);color:oklch(100% 0 0/.65)}.post-body ul{gap:var(--space-10);padding-inline-start:var(--space-24);display:grid}.post-body ul li{font-size:var(--font-16);line-height:var(--lh-160);color:oklch(100% 0 0/.65)}.post-body blockquote{border-inline-start:2px solid var(--accent);padding-inline-start:var(--space-24);padding-block:var(--space-8);margin-block:var(--space-8)}.post-body blockquote p{font-size:var(--font-18);color:oklch(100% 0 0/.75);font-style:italic}.site-nav-link.is-active{color:oklch(100% 0 0)}@media (width<=768px){.post-main{padding-block-start:calc(var(--space-80) + var(--space-16))}.post-container{padding-inline:var(--space-20)}.post-title{font-size:var(--font-24)}.post-body h2{font-size:var(--font-18)}}