/* ═══ AJ Estudio — Blog (prosa de notas) ═══ */
.post-layout {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) minmax(240px, 1fr);
    gap: var(--space-8);
    align-items: start;
}
.post-prose { max-width: 72ch; }
.post-prose h2 {
    font-size: var(--fs-xl);
    margin: var(--space-7) 0 var(--space-4);
}
.post-prose h3 { font-size: var(--fs-lg); margin: var(--space-6) 0 var(--space-3); }
.post-prose p { margin-bottom: var(--space-4); line-height: 1.75; }
.post-prose ul, .post-prose ol { margin: 0 0 var(--space-5) 1.4em; line-height: 1.75; }
.post-prose li { margin-bottom: var(--space-2); }
.post-prose li::marker { color: var(--color-primary); }
.post-prose strong { color: var(--color-text); }
.post-prose a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 3px; }
.post-prose hr { border: 0; border-top: 1px solid var(--color-border); margin: var(--space-6) 0; }
.post-prose .post-callout {
    background: var(--color-bg-alt);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-md);
    padding: var(--space-4) var(--space-5);
    margin: var(--space-5) 0;
    font-size: var(--fs-sm);
}
.post-meta {
    display: flex; flex-wrap: wrap; gap: var(--space-3);
    font-size: var(--fs-xs); color: var(--color-text-muted);
    text-transform: uppercase; letter-spacing: 0.08em;
    margin-top: var(--space-4);
}
.post-aside {
    position: sticky; top: 96px;
    background: var(--color-bg-alt);
    padding: var(--space-6);
    border-radius: var(--radius-lg);
}
.post-aside h2 {
    font-size: var(--fs-sm); text-transform: uppercase;
    letter-spacing: 0.08em; color: var(--color-text-muted);
    margin-bottom: var(--space-4);
}
.post-aside ul { list-style: none; padding: 0; margin: 0 0 var(--space-5); display: flex; flex-direction: column; gap: var(--space-3); }
.post-aside a { font-size: var(--fs-sm); font-weight: 600; }
@media (max-width: 900px) {
    .post-layout { grid-template-columns: 1fr; }
    .post-aside { position: static; }
}