.blog-index .purpose-guide { margin:28px 0; padding:20px 24px; border:1px solid var(--line); border-radius:6px; background:var(--soft); }
.purpose-guide h2 { margin:0 0 8px; font-size:1.25rem; }
.purpose-guide__intro,.purpose-guide__status { color:var(--muted); font-size:.9rem; margin:8px 0; }
.purpose-guide__controls { display:flex; flex-wrap:wrap; gap:14px; margin:16px 0; }
.purpose-guide__controls[hidden],.purpose-guide [hidden] { display:none; }
.purpose-guide__controls label { display:flex; flex-direction:column; gap:6px; font-size:.9rem; flex:1 1 220px; }
.purpose-guide select { width:100%; min-width:0; padding:10px; border:1px solid var(--line); border-radius:4px; background:#fff; color:var(--ink); font:inherit; }
.purpose-guide__card { margin-top:14px; padding:16px 18px; border:1px solid var(--line); border-radius:4px; background:#fff; }
.purpose-guide__card h3 { margin:0 0 8px; font-size:1.05rem; }
.purpose-guide__card p { margin:8px 0; font-size:.93rem; }
.purpose-guide__card ul { margin:8px 0; padding-left:1.4em; }
.purpose-guide__next { padding-top:8px; border-top:1px solid var(--line); }
.purpose-guide__next strong { font-size:.9rem; }
@media(max-width:600px) { .blog-index .purpose-guide { padding:16px; } .purpose-guide__card { padding:14px; } }