.post { max-width: 760px; margin: 0 auto; padding: 60px 20px 80px; color: var(--fg, #e8e8ee); font-family: 'Inter', system-ui, sans-serif; line-height: 1.75; }
      .post h1 { font-family: 'Manrope', sans-serif; font-weight: 800; font-size: 40px; line-height: 1.15; margin: 0 0 14px; }
      .post .meta { font-size: 13px; color: var(--fg-dim, #a8a8b3); margin: 0 0 24px; }
      .post .lede { font-size: 19px; color: var(--fg, #e8e8ee); margin: 0 0 24px; }
      .post .tldr { padding: 18px 22px; background: rgba(255,255,255,0.04); border-left: 3px solid #5eb1ff; border-radius: 6px; margin: 0 0 36px; font-size: 16px; }
      .post h2 { font-family: 'Manrope', sans-serif; font-size: 28px; margin: 40px 0 14px; }
      .post h3 { font-family: 'Manrope', sans-serif; font-size: 22px; margin: 28px 0 10px; }
      .post p { font-size: 17px; margin: 0 0 18px; }
      .post table { border-collapse: collapse; width: 100%; margin: 18px 0 28px; font-size: 15px; }
      .post th, .post td { padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.08); text-align: left; }
      .post th { font-weight: 700; color: var(--fg, #e8e8ee); border-bottom: 2px solid rgba(255,255,255,0.16); }
      .post a { color: #5eb1ff; text-decoration: none; border-bottom: 1px dashed rgba(94,177,255,0.4); }
      .post a:hover { border-bottom-color: #5eb1ff; }
      .post details { padding: 16px 0; border-top: 1px solid rgba(255,255,255,0.08); }
      .post details summary { cursor: pointer; font-weight: 600; }
      .post details p { margin-top: 10px; color: var(--fg-dim, #a8a8b3); }
      .post .read-next { margin-top: 56px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,0.08); }
      .post .read-next ul { padding-left: 20px; line-height: 2; }
      .post blockquote { border-left: 3px solid #ffa25c; padding: 4px 18px; margin: 18px 0; color: var(--fg, #e8e8ee); font-style: italic; }