/* 17 反酸烧心自查 · 焦橙 + 餐后时段轴；体位按钮、餐次记录、红旗卡 */
.ar { --a:#b45a26; --a2:#823c13; --asoft:#faeade; }
:root[data-theme="dark"] .ar { --a:#e8a370; --a2:#f0be95; --asoft:#3a2418; }
.ar-hero-grid { display:grid; grid-template-columns:.84fr 1.16fr; }
.ar-intro { background:linear-gradient(180deg,var(--card),var(--card2)); }
.ar-axis-mini { margin-top:24px; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px 18px; }
.ar-axis-mini > b { font-family:var(--fd); font-size:15px; }
.ar-axis-mini > div { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:12px 0 8px; }
.ar-axis-mini i { font-family:var(--fm); font-style:normal; font-size:11px; text-align:center; color:var(--ink2); background:var(--asoft); border-radius:8px; padding:8px 3px; }
.ar-axis-mini i:nth-child(2) { background:#f6e0be; } .ar-axis-mini i:nth-child(3) { background:#f0cfc4; }
:root[data-theme="dark"] .ar-axis-mini i:nth-child(2) { background:#3b2f19; }
:root[data-theme="dark"] .ar-axis-mini i:nth-child(3) { background:#3d231e; }
.ar-axis-mini small { font-size:11.5px; color:var(--muted); }
.ar-log { padding:28px 30px; border-left:1px solid var(--line); background:var(--card); }
.ar-log-hd { display:flex; align-items:baseline; justify-content:space-between; border-bottom:2px solid var(--a2); padding-bottom:10px; margin-bottom:16px; }
.ar-log-hd b { font-family:var(--fd); font-size:19px; }
.ar-log-hd span { font-family:var(--fm); font-size:11px; color:var(--a); }
.ar-segments { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:16px; }
.ar-segments button { padding:11px 6px; background:var(--card2); border:1px solid var(--line2); border-radius:10px; color:var(--ink2); font-size:13px; font-weight:700; cursor:pointer; }
.ar-segments button small { display:block; font-size:11px; font-weight:500; color:var(--muted); margin-top:3px; }
.ar-segments button.is-on { background:var(--a); border-color:var(--a); color:#fff; }
.ar-segments button.is-on small { color:#fae6d8; }
.ar-row2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ar-posture { margin-top:14px; }
.ar-posture > b { font-size:12.5px; color:var(--ink2); }
.ar-posture > div { display:flex; gap:8px; margin-top:8px; }
.ar-posture button { flex:1; font-family:var(--fb); font-size:12.5px; padding:8px; border-radius:999px; border:1px solid var(--line2); background:var(--card2); color:var(--ink2); cursor:pointer; }
.ar-posture button.is-on { background:var(--a); border-color:var(--a); color:#fff; }
.ar-food { margin-top:14px; }
.ar-flags { display:flex; flex-wrap:wrap; gap:2px 0; margin-top:12px; padding-top:10px; border-top:1px dashed var(--line2); }
.ar-log .h17-note b { color:var(--bad); }

.ar-axis { display:grid; grid-template-columns:repeat(3,1fr); gap:0; background:var(--card); border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.ar-seg { position:relative; padding:18px 20px; border-right:1px dashed var(--line2); }
.ar-seg:last-child { border-right:0; }
.ar-seg.is-on { background:var(--asoft); }
.ar-seg.is-on::after { content:'本次'; position:absolute; right:12px; top:12px; font-family:var(--fm); font-size:10px; color:var(--a2); background:var(--card); border-radius:999px; padding:2px 8px; }
.ar-seg span { font-family:var(--fm); font-size:10.5px; color:var(--muted); }
.ar-seg b { display:block; font-family:var(--fd); font-size:18px; margin:5px 0; }
.ar-seg p { font-size:12.5px; line-height:1.8; color:var(--ink2); margin:0; }
.ar-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:12px; }
.ar-card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px 18px; }
.ar-card.is-red { background:var(--badbg); border-color:var(--bad); }
.ar-card span { font-family:var(--fm); font-size:10px; letter-spacing:.1em; color:var(--muted); }
.ar-card b { display:block; font-size:15px; margin:5px 0; }
.ar-card p { font-size:12.5px; line-height:1.8; color:var(--ink2); margin:0; }
.ar-summary-card { margin-top:14px; }
.ar-summary-card h3 { font-size:18px; margin-bottom:10px; }
.ar-summary { background:var(--card2); border-left:3px solid var(--a); border-radius:0 10px 10px 0; padding:12px 16px; font-size:14px; line-height:2; color:var(--ink2); }
.ar .h17-bench-in { border-top:4px solid var(--a); }
@media (max-width:900px){
    .ar-hero-grid,.ar-row2,.ar-axis,.ar-cards { grid-template-columns:1fr; }
    .ar-log { border-left:0; border-top:1px solid var(--line); padding:24px 20px; }
    .ar-seg { border-right:0; border-bottom:1px dashed var(--line2); }
}