/* ============================================================
   post-content.css — Outboundry
   Component styles for anything rendered inside an article body
   (blog posts AND page templates). Deliberately duplicated across
   every wrapper class the site uses, so a post body never renders
   unstyled if it is missing the .prose class.
   Loaded site-wide, after blog.css / blog-covers.css.
   ============================================================ */
.prose table, .ob-post__content table, .entry-content table, .post-body table, article.post table, .ob-post article table{width:100%;border-collapse:separate;border-spacing:0;margin:34px 0;font-size:15px;line-height:1.45;background:var(--surface,#fff);border:1px solid var(--hairline,#e6e7ee);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(12,16,36,.04),0 8px 24px -18px rgba(12,16,36,.28);font-variant-numeric:tabular-nums}
.prose th, .ob-post__content th, .entry-content th, .post-body th, article.post th, .ob-post article th{padding:13px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--hairline,#e6e7ee)}
.prose td, .ob-post__content td, .entry-content td, .post-body td, article.post td, .ob-post article td{padding:13px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--hairline,#e6e7ee)}
.prose thead th, .ob-post__content thead th, .entry-content thead th, .post-body thead th, article.post thead th, .ob-post article thead th{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 7%,#fff),color-mix(in srgb,var(--primary) 4%,#fff));color:var(--ink-1);font-weight:700;font-size:13.5px;letter-spacing:.01em;padding-top:14px;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--primary) 18%,var(--hairline))}
.prose thead th + th, .ob-post__content thead th + th, .entry-content thead th + th, .post-body thead th + th, article.post thead th + th, .ob-post article thead th + th{border-left:1px solid color-mix(in srgb,var(--primary) 10%,transparent)}
.prose tbody th, .ob-post__content tbody th, .entry-content tbody th, .post-body tbody th, article.post tbody th, .ob-post article tbody th{font-weight:650;color:var(--ink-1)}
.prose tbody td:first-child, .ob-post__content tbody td:first-child, .entry-content tbody td:first-child, .post-body tbody td:first-child, article.post tbody td:first-child, .ob-post article tbody td:first-child{font-weight:650;color:var(--ink-1);min-width:150px}
.prose thead th:first-child, .ob-post__content thead th:first-child, .entry-content thead th:first-child, .post-body thead th:first-child, article.post thead th:first-child, .ob-post article thead th:first-child{min-width:150px}
.prose tbody tr:nth-child(even) td, .ob-post__content tbody tr:nth-child(even) td, .entry-content tbody tr:nth-child(even) td, .post-body tbody tr:nth-child(even) td, article.post tbody tr:nth-child(even) td, .ob-post article tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--ink-1) 2.5%,transparent)}
.prose tbody tr:nth-child(even) th, .ob-post__content tbody tr:nth-child(even) th, .entry-content tbody tr:nth-child(even) th, .post-body tbody tr:nth-child(even) th, article.post tbody tr:nth-child(even) th, .ob-post article tbody tr:nth-child(even) th{background:color-mix(in srgb,var(--ink-1) 2.5%,transparent)}
.prose tbody tr:last-child td, .ob-post__content tbody tr:last-child td, .entry-content tbody tr:last-child td, .post-body tbody tr:last-child td, article.post tbody tr:last-child td, .ob-post article tbody tr:last-child td{border-bottom:0}
.prose tbody tr:last-child th, .ob-post__content tbody tr:last-child th, .entry-content tbody tr:last-child th, .post-body tbody tr:last-child th, article.post tbody tr:last-child th, .ob-post article tbody tr:last-child th{border-bottom:0}
.prose tbody tr:hover td, .ob-post__content tbody tr:hover td, .entry-content tbody tr:hover td, .post-body tbody tr:hover td, article.post tbody tr:hover td, .ob-post article tbody tr:hover td{background:color-mix(in srgb,var(--primary) 6%,transparent)}
.prose tbody tr:hover th, .ob-post__content tbody tr:hover th, .entry-content tbody tr:hover th, .post-body tbody tr:hover th, article.post tbody tr:hover th, .ob-post article tbody tr:hover th{background:color-mix(in srgb,var(--primary) 6%,transparent)}
.prose td + td, .ob-post__content td + td, .entry-content td + td, .post-body td + td, article.post td + td, .ob-post article td + td{color:var(--ink-2)}
.prose th + td, .ob-post__content th + td, .entry-content th + td, .post-body th + td, article.post th + td, .ob-post article th + td{color:var(--ink-2)}
.prose .table-scroll, .ob-post__content .table-scroll, .entry-content .table-scroll, .post-body .table-scroll, article.post .table-scroll, .ob-post article .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:34px 0;border-radius:14px}
.prose .ctable-wrap, .ob-post__content .ctable-wrap, .entry-content .ctable-wrap, .post-body .ctable-wrap, article.post .ctable-wrap, .ob-post article .ctable-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:34px 0;border-radius:14px}
.prose .prose-table, .ob-post__content .prose-table, .entry-content .prose-table, .post-body .prose-table, article.post .prose-table, .ob-post article .prose-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:34px 0;border-radius:14px}
.prose .table-scroll table, .ob-post__content .table-scroll table, .entry-content .table-scroll table, .post-body .table-scroll table, article.post .table-scroll table, .ob-post article .table-scroll table{margin:0;min-width:520px}
.prose .ctable-wrap table, .ob-post__content .ctable-wrap table, .entry-content .ctable-wrap table, .post-body .ctable-wrap table, article.post .ctable-wrap table, .ob-post article .ctable-wrap table{margin:0;min-width:560px}
.prose .prose-table table, .ob-post__content .prose-table table, .entry-content .prose-table table, .post-body .prose-table table, article.post .prose-table table, .ob-post article .prose-table table{margin:0;min-width:520px}
.prose .col-ob, .ob-post__content .col-ob, .entry-content .col-ob, .post-body .col-ob, article.post .col-ob, .ob-post article .col-ob{background:color-mix(in srgb,var(--primary) 6%,transparent)}
.prose thead th.col-ob, .ob-post__content thead th.col-ob, .entry-content thead th.col-ob, .post-body thead th.col-ob, article.post thead th.col-ob, .ob-post article thead th.col-ob{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 14%,#fff),color-mix(in srgb,var(--primary) 8%,#fff));color:var(--primary-press,#3b37a8)}
.prose .ob-badge, .ob-post__content .ob-badge, .entry-content .ob-badge, .post-body .ob-badge, article.post .ob-badge, .ob-post article .ob-badge{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:var(--primary);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.prose img, .ob-post__content img, .entry-content img, .post-body img, article.post img, .ob-post article img{max-width:100%;height:auto}
.prose svg, .ob-post__content svg, .entry-content svg, .post-body svg, article.post svg, .ob-post article svg{max-width:100%}
.prose p > svg, .ob-post__content p > svg, .entry-content p > svg, .post-body p > svg, article.post p > svg, .ob-post article p > svg{width:22px;height:22px}
.prose li > svg, .ob-post__content li > svg, .entry-content li > svg, .post-body li > svg, article.post li > svg, .ob-post article li > svg{width:20px;height:20px}
.prose .callout, .ob-post__content .callout, .entry-content .callout, .post-body .callout, article.post .callout, .ob-post article .callout{margin:30px 0;padding:20px 24px;border-radius:var(--r-xl,18px);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary-200)}
.prose .callout > strong:first-child, .ob-post__content .callout > strong:first-child, .entry-content .callout > strong:first-child, .post-body .callout > strong:first-child, article.post .callout > strong:first-child, .ob-post article .callout > strong:first-child{display:block;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--primary-press);margin-bottom:8px}
.prose .callout p, .ob-post__content .callout p, .entry-content .callout p, .post-body .callout p, article.post .callout p, .ob-post article .callout p{margin:6px 0 0;font-size:16px;color:var(--ink-2)}
.prose .embed-card, .ob-post__content .embed-card, .entry-content .embed-card, .post-body .embed-card, article.post .embed-card, .ob-post article .embed-card{display:flex;gap:18px;align-items:center;margin:34px 0;padding:22px 24px;border-radius:var(--r-2xl,22px);background:linear-gradient(135deg,var(--primary-soft),#fff);box-shadow:inset 0 0 0 1px var(--primary-200)}
.prose .embed-card__ic, .ob-post__content .embed-card__ic, .entry-content .embed-card__ic, .post-body .embed-card__ic, article.post .embed-card__ic, .ob-post article .embed-card__ic{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--primary);color:#fff}
.prose .embed-card__ic svg, .ob-post__content .embed-card__ic svg, .entry-content .embed-card__ic svg, .post-body .embed-card__ic svg, article.post .embed-card__ic svg, .ob-post article .embed-card__ic svg{width:23px;height:23px;flex:none}
.prose .embed-card__b, .ob-post__content .embed-card__b, .entry-content .embed-card__b, .post-body .embed-card__b, article.post .embed-card__b, .ob-post article .embed-card__b{flex:1;min-width:0}
.prose .embed-card__t, .ob-post__content .embed-card__t, .entry-content .embed-card__t, .post-body .embed-card__t, article.post .embed-card__t, .ob-post article .embed-card__t{font-size:16.5px;font-weight:700;color:var(--ink-1);margin:0;letter-spacing:-.01em}
.prose .embed-card__d, .ob-post__content .embed-card__d, .entry-content .embed-card__d, .post-body .embed-card__d, article.post .embed-card__d, .ob-post article .embed-card__d{font-size:14px;color:var(--ink-3);margin:4px 0 0;line-height:1.5}
.prose a.embed-card__go, .ob-post__content a.embed-card__go, .entry-content a.embed-card__go, .post-body a.embed-card__go, article.post a.embed-card__go, .ob-post article a.embed-card__go{flex:none;text-decoration:none;font-weight:700;font-size:14px;color:#fff;background:var(--primary);padding:10px 18px;border-radius:10px;white-space:nowrap;box-shadow:0 8px 20px -10px var(--primary-glow);transition:background .15s ease}
.prose a.embed-card__go:hover, .ob-post__content a.embed-card__go:hover, .entry-content a.embed-card__go:hover, .post-body a.embed-card__go:hover, article.post a.embed-card__go:hover, .ob-post article a.embed-card__go:hover{background:var(--primary-hover)}
.prose .msg-card, .ob-post__content .msg-card, .entry-content .msg-card, .post-body .msg-card, article.post .msg-card, .ob-post article .msg-card{margin:22px 0;padding:16px 20px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline-strong)}
.prose .msg-card > p, .ob-post__content .msg-card > p, .entry-content .msg-card > p, .post-body .msg-card > p, article.post .msg-card > p, .ob-post article .msg-card > p{margin:0 0 10px;font-size:16px;line-height:1.62;color:var(--ink-1)}
.prose .msg-card > p:last-child, .ob-post__content .msg-card > p:last-child, .entry-content .msg-card > p:last-child, .post-body .msg-card > p:last-child, article.post .msg-card > p:last-child, .ob-post article .msg-card > p:last-child{margin-bottom:0}
.prose .msg-card .msg-sub, .ob-post__content .msg-card .msg-sub, .entry-content .msg-card .msg-sub, .post-body .msg-card .msg-sub, article.post .msg-card .msg-sub, .ob-post article .msg-card .msg-sub{color:var(--ink-2)}
.prose .msg-card .msg-label, .ob-post__content .msg-card .msg-label, .entry-content .msg-card .msg-label, .post-body .msg-card .msg-label, article.post .msg-card .msg-label, .ob-post article .msg-card .msg-label{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.prose .tmpl, .ob-post__content .tmpl, .entry-content .tmpl, .post-body .tmpl, article.post .tmpl, .ob-post article .tmpl{margin:22px 0;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline-strong);overflow:hidden}
.prose .tmpl__sub, .ob-post__content .tmpl__sub, .entry-content .tmpl__sub, .post-body .tmpl__sub, article.post .tmpl__sub, .ob-post article .tmpl__sub{display:flex;gap:10px;align-items:baseline;padding:12px 18px;background:var(--bg-tint);border-bottom:1px solid var(--hairline);font-size:15px;color:var(--ink-2)}
.prose .tmpl__sub b, .ob-post__content .tmpl__sub b, .entry-content .tmpl__sub b, .post-body .tmpl__sub b, article.post .tmpl__sub b, .ob-post article .tmpl__sub b{color:var(--ink-3);font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;flex:none}
.prose .tmpl__body, .ob-post__content .tmpl__body, .entry-content .tmpl__body, .post-body .tmpl__body, article.post .tmpl__body, .ob-post article .tmpl__body{padding:16px 18px;font-size:16px;line-height:1.62;color:var(--ink-1);white-space:pre-line}
.prose .tmpl__when, .ob-post__content .tmpl__when, .entry-content .tmpl__when, .post-body .tmpl__when, article.post .tmpl__when, .ob-post article .tmpl__when{margin:18px 0 0;font-size:15px;color:var(--ink-2)}
.prose .tmpl + .tmpl-note, .ob-post__content .tmpl + .tmpl-note, .entry-content .tmpl + .tmpl-note, .post-body .tmpl + .tmpl-note, article.post .tmpl + .tmpl-note, .ob-post article .tmpl + .tmpl-note{margin-top:14px}
.prose .tmpl-note, .ob-post__content .tmpl-note, .entry-content .tmpl-note, .post-body .tmpl-note, article.post .tmpl-note, .ob-post article .tmpl-note{margin:8px 0;font-size:15.5px;color:var(--ink-2)}
.prose .tmpl-note b, .ob-post__content .tmpl-note b, .entry-content .tmpl-note b, .post-body .tmpl-note b, article.post .tmpl-note b, .ob-post article .tmpl-note b{color:var(--ink-1)}
.prose .verdict, .ob-post__content .verdict, .entry-content .verdict, .post-body .verdict, article.post .verdict, .ob-post article .verdict{display:flex;gap:16px;align-items:flex-start;margin:26px 0;padding:20px 22px;border-radius:var(--r-xl,18px);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline-strong)}
.prose .verdict__b, .ob-post__content .verdict__b, .entry-content .verdict__b, .post-body .verdict__b, article.post .verdict__b, .ob-post article .verdict__b{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800;font-size:15px}
.prose .verdict__t, .ob-post__content .verdict__t, .entry-content .verdict__t, .post-body .verdict__t, article.post .verdict__t, .ob-post article .verdict__t{margin:0;font-size:16.5px;font-weight:700;color:var(--ink-1);letter-spacing:-.01em}
.prose .verdict__d, .ob-post__content .verdict__d, .entry-content .verdict__d, .post-body .verdict__d, article.post .verdict__d, .ob-post article .verdict__d{margin:5px 0 0;font-size:15px;color:var(--ink-3);line-height:1.55}
@media (max-width:700px){.prose table, .ob-post__content table, .entry-content table, .post-body table, article.post table, .ob-post article table{font-size:14px}.prose th, .ob-post__content th, .entry-content th, .post-body th, article.post th, .ob-post article th, .prose td, .ob-post__content td, .entry-content td, .post-body td, article.post td, .ob-post article td{padding:11px 13px}}
@media (max-width:560px){.prose .embed-card, .ob-post__content .embed-card, .entry-content .embed-card, .post-body .embed-card, article.post .embed-card, .ob-post article .embed-card{flex-direction:column;align-items:flex-start}}
