/**
 * xsigns-product-title-ui
 * 严格复刻 content/calculator_20260627.html 中产品标题/副标题的样式：
 *
 *   <h1 class="text-2xl font-extrabold text-[#0f2241] flex items-center gap-1.5"> ... </h1>
 *   <p  class="text-slate-500 text-sm mt-1"> ... </p>
 *
 * Tailwind 类映射为原生 CSS，避免依赖 Tailwind CDN。
 */

.xsigns-product-title-ui {
    display: flex;
    flex-direction: column;
    /* 使用参考页 body 的字体栈，而非主题字体 */
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* h1: text-2xl(1.5rem/2rem) + font-extrabold(800) + text-[#0f2241] + flex items-center gap-1.5 */
.xsigns-product-title-ui .xsigns-title-main {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 800;
    letter-spacing: 0;
    color: #0f2241;
}

/* p: text-slate-500 + text-sm(0.875rem/1.25rem) + mt-1(0.25rem) */
.xsigns-product-title-ui .xsigns-title-subtitle {
    margin: 0.25rem 0 0;
    padding: 0;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #64748b;
}