body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; line-height: 1.65; color: #0f172a; }
    main { max-width: 940px; margin: 0 auto; padding: 24px; }
    h1, h2, h3 { line-height: 1.25; color: #0b1220; }
    h1 { font-size: 2rem; margin-top: 10px; }
    h2 { font-size: 1.375rem; margin-top: 2.25rem; }
    h3 { font-size: 1.125rem; margin-top: 1.25rem; }
    .lede { font-size: 1.125rem; margin-top: 0.75rem; color: #111827; }
    .callout { background: #f1f5f9; border-left: 4px solid #0ea5e9; padding: 12px 14px; border-radius: 6px; }
    figure { margin: 1.25rem 0; }
    figcaption { font-size: 0.925rem; color: #475569; }
    .meta { color: #64748b; font-size: 0.95rem; margin-top: 6px; }
    .grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
    .grid .span-7 { grid-column: span 7; }
    .grid .span-5 { grid-column: span 5; }
    .hr { height: 1px; background: #e2e8f0; margin: 24px 0; }
    ul { padding-left: 1.2rem; }
    .taglist { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }
    .tag { background: #eef2ff; color: #3730a3; padding: 4px 10px; border-radius: 999px; font-size: 0.85rem; }
    a { color: #0ea5e9; text-decoration: none; }
    a:hover { text-decoration: underline; }