.post{max-width:720px;margin:0 auto;padding:var(--s-128) var(--space-page-x) var(--s-64);&__back{margin-bottom:var(--s-48)}&__back-link{font-size:var(--text-sm);color:var(--c-text-muted);text-decoration:none;font-family:var(--font-ui);letter-spacing:.03em;transition:color .15s ease;&:hover{color:var(--c-text)}}&__header{margin-bottom:var(--s-48);padding-bottom:var(--s-32);border-bottom:1px solid hsla(0,0%,100%,.08)}&__date{display:block;font-size:var(--text-xs);color:var(--c-text-muted);font-family:var(--font-ui);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--s-16)}&__title{font-family:var(--font-title);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;color:var(--c-text);line-height:1.2;letter-spacing:-.02em}&__content{color:var(--c-text-muted);font-size:1rem;line-height:1.8;h2,h3,h4{font-family:var(--font-title);color:var(--c-text);margin:var(--s-48) 0 var(--s-16);letter-spacing:-.01em}h2{font-size:clamp(1.3rem,2.5vw,1.8rem)}h3{font-size:clamp(1.1rem,2vw,1.4rem)}p{margin:0 0 var(--s-24)}a{color:var(--c-text);text-decoration:underline;text-underline-offset:3px;transition:opacity .15s ease;&:hover{opacity:.7}}ol,ul{padding-left:var(--s-24);margin-bottom:var(--s-24);li{margin-bottom:var(--s-8)}}blockquote{border-left:2px solid hsla(0,0%,100%,.2);padding-left:var(--s-24);margin:var(--s-32) 0;color:var(--c-text);font-style:italic}code{font-family:monospace;font-size:.875em;background:hsla(0,0%,100%,.06);padding:2px 6px;border-radius:4px}pre{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:var(--s-24);overflow-x:auto;margin-bottom:var(--s-24);code{background:none;padding:0}}img{max-width:100%;border-radius:8px;margin:var(--s-32) 0}hr{border:none;border-top:1px solid hsla(0,0%,100%,.08);margin:var(--s-48) 0}}}