.post-page{padding-top:3rem;padding-bottom:1.5rem}.post-header{margin-bottom:3rem}.post-back{color:var(--text-muted);margin-bottom:1.5rem;font-size:.8rem;transition:color .2s;display:inline-block}.post-back:hover{color:var(--accent1-500)}.post-meta{color:var(--text-subtle);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.65rem;margin-bottom:1.25rem;font-size:.75rem;display:flex}.post-meta .post-dot{color:var(--border-strong)}.post-title{letter-spacing:-.01em;min-height:2.3em;font-size:clamp(1.75rem,4.5vw,3rem);font-weight:700;line-height:1.15}.post-title jm-highlighted-text{font:inherit}.post-body{color:var(--text-muted);font-size:.95rem;line-height:1.8}.post-body p{margin-bottom:1.25rem}.post-body .lede{color:var(--text);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.75}.post-body a{color:var(--accent1-500);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.post-body a:hover{color:var(--accent1-400)}.post-body em{color:var(--text);font-style:italic}.post-body strong{color:var(--text);font-weight:600}.post-section-title{color:var(--text);border-top:1px solid var(--border-subtle);margin-top:3.5rem;margin-bottom:1.25rem;padding-top:1.5rem;font-size:1.35rem;font-weight:500}.post-section-title .wip{color:var(--accent1-500);text-transform:uppercase;letter-spacing:.08em;vertical-align:middle;margin-left:.5rem;font-family:Red Hat Mono,monospace;font-size:.7rem;font-weight:400}.lesson-title{color:var(--text);overflow-wrap:anywhere;word-break:break-word;margin-top:2.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:500;line-height:1.35}.lesson-title .lesson-num{color:var(--accent1-500);letter-spacing:.05em;white-space:nowrap;vertical-align:baseline;margin-right:.85rem;font-family:Red Hat Mono,monospace;font-size:.75rem;font-weight:500;display:inline-block}.lesson-title code{overflow-wrap:anywhere;word-break:break-word;font-size:.95rem}.post-body code{background:color-mix(in srgb, var(--surface-2) 85%, transparent);border:1px solid var(--border-subtle);color:var(--text);overflow-wrap:anywhere;word-break:break-word;border-radius:4px;padding:.12em .4em;font-family:Red Hat Mono,monospace;font-size:.85em}.post-body pre code{overflow-wrap:normal;word-break:normal}.post-body pre{background:var(--surface-2);border:1px solid var(--border-subtle);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;border-radius:8px;margin:1.25rem 0 1.75rem;padding:1.1rem 1.25rem;font-size:.82rem;line-height:1.65;overflow-x:auto}.post-body pre code{font-size:inherit;color:var(--text);white-space:pre;background:0 0;border:none;padding:0}.post-body table{border-collapse:collapse;width:100%;margin:1.25rem 0 1.75rem;font-size:.85rem}.post-body thead th{text-align:left;color:var(--text);border-bottom:1px solid var(--border-default);padding:.6rem .85rem;font-family:Agrandir,sans-serif;font-weight:500}.post-body tbody td{border-bottom:1px solid var(--border-subtle);vertical-align:top;padding:.6rem .85rem}.post-body tbody tr:last-child td{border-bottom:none}.post-body tbody td:first-child{color:var(--text);font-weight:500}.post-body .callout{border-left:3px solid var(--accent1-500);background:color-mix(in srgb, var(--accent1-500) 6%, transparent);color:var(--text);border-radius:0 6px 6px 0;margin:1.5rem 0 1.75rem;padding:1rem 1.25rem;font-size:.9rem}.draft-note{border:1px dashed var(--border-default);background:color-mix(in srgb, var(--surface-2) 40%, transparent);color:var(--text-subtle);border-radius:8px;padding:1rem 1.25rem;font-size:.85rem;font-style:italic;line-height:1.75}.post-footer{margin-top:1.75rem}@media (max-width:768px){.post-page{padding-top:2rem}.post-body{font-size:.9rem}.post-body pre{padding:.9rem 1rem;font-size:.75rem}}