/* 36 · 猫弓形虫与怀孕 —— 视觉母题「三栏证据对照台」
   独立布局：左表单 / 右藕粉结论卡；结果卡用 说法 | 证据 | 做法 三列竖线分隔，非普通网格。 */
.b29.tx-wrap {
    --b29-bg: #faf5f6;
    --b29-surface: #fffcfd;
    --b29-surface-2: #f8f0f2;
    --b29-ink: #2d2229;
    --b29-sub: #5f5158;
    --b29-muted: #96858c;
    --b29-line: #eddee3;
    --b29-line-strong: #ddc7d0;
    --b29-accent: #a2536f;
    --b29-accent-2: #4c7186;
    --b29-tint: #f8e9ef;
    --b29-radius: 19px;
    --b29-radius-sm: 11px;
}
:root[data-theme="dark"] .b29.tx-wrap {
    --b29-bg: #161116;
    --b29-surface: #211920;
    --b29-surface-2: #2a2029;
    --b29-ink: #f5eaf0;
    --b29-sub: #cdb9c3;
    --b29-muted: #a08e98;
    --b29-line: #392b34;
    --b29-line-strong: #4c3945;
    --b29-accent: #e29bb6;
    --b29-accent-2: #96bfd2;
    --b29-tint: #3a2632;
}
.tx-hero h1 em { font-style: normal; color: var(--b29-accent); display: block; font-size: .56em; margin-top: 10px; }
.tx-console { display: grid; grid-template-columns: minmax(0, 1.28fr) minmax(0, .72fr); gap: 0;
    border: 1px solid var(--b29-line); border-radius: var(--b29-radius); overflow: hidden; box-shadow: var(--b29-shadow); }
.tx-console-form { padding: 28px; background: var(--b29-surface); }
.tx-tag { font-family: var(--b29-mono); font-size: 11.5px; letter-spacing: .16em; color: var(--b29-accent); margin-bottom: 12px; }
.tx-console-form h2 { font-size: var(--b29-xl); margin-bottom: 18px; }
.tx-sub-title { font-size: var(--b29-sm); font-weight: 800; color: var(--b29-sub); margin: 20px 0 10px; }
.tx-console-form .b29-chip { border-radius: 999px; }
.tx-console-side { padding: 30px 26px; background: var(--b29-tint); border-left: 1px solid var(--b29-line);
    display: flex; flex-direction: column; justify-content: center; }
.tx-side-tag { font-size: var(--b29-xs); font-weight: 800; letter-spacing: .14em; color: var(--b29-accent); margin-bottom: 14px; }
.tx-console-side p { font-size: var(--b29-md); line-height: 1.8; color: var(--b29-ink); margin: 0; }
.tx-console-side p b { color: var(--b29-accent); }
.tx-side-rule { margin-top: 20px; padding-top: 16px; border-top: 1px dashed var(--b29-line-strong);
    font-size: var(--b29-sm); color: var(--b29-sub); line-height: 1.85; }

.tx-verdict { padding: 18px 21px; border-radius: var(--b29-radius); background: var(--b29-surface);
    border: 1.5px solid var(--b29-line-strong); border-left: 5px solid var(--b29-accent-2);
    font-size: var(--b29-sm); line-height: 1.85; margin-bottom: 20px; }
.tx-verdict b { color: var(--b29-accent-2); }
.tx-cards { display: flex; flex-direction: column; gap: 13px; }
/* 三栏：用竖线分隔的说法 / 证据 / 做法，非卡片网格 */
.tx-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr) minmax(0, 1.1fr);
    background: var(--b29-surface); border: 1px solid var(--b29-line); border-radius: var(--b29-radius-sm); overflow: hidden; }
.tx-card > div { padding: 17px 19px; }
.tx-card > div + div { border-left: 1px solid var(--b29-line); }
.tx-card .tx-tagline { font-size: var(--b29-xs); font-weight: 800; letter-spacing: .12em; color: var(--b29-muted); margin-bottom: 8px; }
.tx-card .tx-say { font-size: var(--b29-md); font-weight: 800; line-height: 1.5; }
.tx-card .tx-evi { font-size: var(--b29-sm); color: var(--b29-sub); line-height: 1.8; }
.tx-card .tx-do { font-size: var(--b29-sm); color: var(--b29-accent); line-height: 1.8; font-weight: 600; }
.tx-card .tx-do b { color: var(--b29-ink); }

.tx-duty { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.tx-duty-item { padding: 17px 19px; border-radius: var(--b29-radius-sm); background: var(--b29-surface); border: 1px solid var(--b29-line); }
.tx-duty-item .tx-who { display: inline-block; font-size: var(--b29-xs); font-weight: 800; padding: 3px 10px; border-radius: 999px;
    background: var(--b29-tint); color: var(--b29-accent); margin-bottom: 10px; }
.tx-duty-item b { display: block; font-size: var(--b29-sm); margin-bottom: 5px; }
.tx-duty-item small { display: block; font-size: var(--b29-xs); color: var(--b29-muted); line-height: 1.75; }

@media (max-width: 900px) {
    .tx-console { grid-template-columns: minmax(0, 1fr); }
    .tx-console-side { border-left: 0; border-top: 1px solid var(--b29-line); }
    .tx-card { grid-template-columns: minmax(0, 1fr); }
    .tx-card > div + div { border-left: 0; border-top: 1px solid var(--b29-line); }
    .tx-duty { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .tx-console-form, .tx-console-side { padding: 18px 16px; }
    .tx-duty { grid-template-columns: minmax(0, 1fr); }
}