.pm-guide .pm-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:26px 0 10px; }
.pm-guide .pm-flow div { position:relative; padding:16px 14px; border-radius:16px; background:var(--fe-raised); border:1px solid var(--fe-border); color:var(--fe-ink); }
.pm-guide .pm-flow div:not(:last-child)::after { content:"→"; position:absolute; right:-13px; top:50%; transform:translateY(-50%); z-index:1; color:var(--fe-accent); font-weight:800; }
.pm-guide .pm-flow small { display:block; margin-bottom:6px; font-size:.7rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--fe-accent); }
.pm-guide .pm-flow b { display:block; margin-bottom:6px; font-size:.95rem; line-height:1.3; }
.pm-guide .pm-flow span { display:block; font-size:.82rem; line-height:1.45; color:var(--fe-muted); }
.pm-guide .pm-flow .ad { background:var(--fe-ink); color:var(--fe-raised); border-color:var(--fe-ink); }
.pm-guide .pm-flow .ad small { color:var(--fe-accent-2); } .pm-guide .pm-flow .ad span { color:inherit; opacity:.8; }
html.theme-dark .pm-guide .pm-flow .ad { background:var(--fe-accent); color:#22100f; border-color:var(--fe-accent); } html.theme-dark .pm-guide .pm-flow .ad small { color:#22100f; }
.pm-guide .pm-qs { display:grid; gap:10px; margin:14px 0; }
.pm-guide .pm-qs .pm-q { display:grid; grid-template-columns:1fr auto auto; gap:8px; align-items:center; margin:0; padding:12px 14px; border:1px solid var(--fe-border); border-radius:12px; background:var(--fe-raised); color:var(--fe-ink); min-width:0; }
.pm-guide .pm-qs .pm-l { font-size:.9rem; line-height:1.4; }
.pm-guide .pm-qs label { display:flex; gap:6px; align-items:center; padding:6px 12px; border-radius:999px; border:1px solid var(--fe-border); font-size:.8rem; font-weight:700; cursor:pointer; white-space:nowrap; }
.pm-guide .pm-qs input { accent-color:var(--fe-accent); }
.pm-guide .pm-qs .pm-q.ok { border-color:var(--fe-high); box-shadow:inset 4px 0 0 var(--fe-high); } .pm-guide .pm-qs .pm-q.bad { border-color:var(--fe-low); box-shadow:inset 4px 0 0 var(--fe-low); }
.pm-guide .pm-qs .why { grid-column:1/-1; font-size:.82rem; line-height:1.45; color:var(--fe-muted); }
@media(max-width:860px) { .pm-guide .pm-flow { grid-template-columns:1fr 1fr; } .pm-guide .pm-flow div:nth-child(2)::after { display:none; } }
@media(max-width:560px) { .pm-guide .pm-flow { grid-template-columns:1fr; } .pm-guide .pm-flow div::after { display:none; } .pm-guide .pm-qs .pm-q { grid-template-columns:1fr 1fr; } .pm-guide .pm-qs .pm-l { grid-column:1/-1; margin-bottom:4px; } }