/* 第 08 章特有样式 */
/* 宽表格在窄屏只横向滚动，不撑宽正文（参照第 10 章的修法） */
.philo .tp-main .tbl-w{width:0;min-width:100%}
.philo .tb8 td,.philo .tb8 th{font-size:13.5px}
.philo .tb8{min-width:440px}

/* 循环图、阶段图 */
.philo .lp8{max-width:620px}
.philo .sim8 .lc{max-width:100%}

/* 两栏小图 */
.philo .two8{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.philo .two8 h4{margin:0 0 6px;font-size:14.5px}
@media(max-width:700px){.philo .two8{grid-template-columns:minmax(0,1fr)}}

/* 小统计格 */
.philo .st8{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.philo .st8 .card{padding:10px 12px}
.philo .st8 .k{font-size:12.5px;color:var(--mute)}
.philo .st8 .v{font-size:18px;font-weight:700;color:var(--text);font-family:var(--font-mono)}
.philo .st8 .v.dn{color:var(--ch-down)}
.philo .st8 .v.up{color:var(--ch-up)}
.philo .st8 .s{font-size:12.5px;color:var(--sub);line-height:1.5}
@media(max-width:600px){.philo .st8{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 自测案例卡 */
.philo .case8{margin:16px 0;padding:16px 18px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line2)}
.philo .case8 h3{margin:0 0 6px;font-size:16px}
.philo .case8 .opts{margin-top:10px}

/* 事实卡（时间线） */
.philo .tl8{list-style:none;margin:8px 0;padding:0}
.philo .tl8 li{position:relative;padding:6px 0 6px 18px;font-size:14.5px;line-height:1.6;color:var(--sub)}
.philo .tl8 li::before{content:"";position:absolute;left:3px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.philo .tl8 li b{color:var(--text)}

/* 本章产物：画图卡 */
.philo .q8{margin:0 0 12px}
.philo .q8:last-child{margin-bottom:0}
.philo .q8 p{margin:0 0 8px;font-size:14.5px;line-height:1.6;color:var(--text)}
.philo .grid4{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
@media(max-width:600px){.philo .grid4{grid-template-columns:minmax(0,1fr)}}
.philo .verdict .vs{margin:12px 0 4px;padding:12px 14px;border-radius:12px;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.philo .verdict .vs .k{font-size:12.5px;color:var(--sub);font-weight:600}
.philo .verdict .vs .v{font-size:14.5px;font-weight:700;color:var(--accent);margin:2px 0 8px;line-height:1.5}
.philo .verdict .vs .v:last-child{margin-bottom:0}
.philo .ov8{min-width:560px}
.philo .ov8 td{vertical-align:top}
.philo .lpbox{margin:12px 0 0}
@media print{.philo .lpbox svg{max-width:520px}}
.philo .grid4 label{font-size:13px;color:var(--sub);display:block;margin-bottom:4px}
