
.oh-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;max-width:1100px;margin:0 auto;padding:1rem}
.oh-header h2{font-size:1.75rem;margin:0 0 .25rem}
.oh-header p{color:#444;margin:0 0 1rem}
.oh-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:900px){.oh-grid{grid-template-columns:1fr}}
.oh-pane{border:1px solid #e5e7eb;border-radius:14px;padding:1rem;background:#fff}
.oh-pane h3{margin:.2rem 0 .75rem;font-size:1.1rem}
.oh-search{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:.6rem .75rem;margin-bottom:.75rem}
.oh-symptoms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
@media (max-width:640px){.oh-symptoms{grid-template-columns:1fr}}
.oh-chip{display:flex;gap:.5rem;align-items:center;border:1px solid #e5e7eb;border-radius:9999px;padding:.45rem .65rem;background:#fff;cursor:pointer}
.oh-chip.active{background:#111827;color:#fff;border-color:#111827}
.oh-chip input{accent-color:#111827}
.oh-card{border:1px solid #e5e7eb;border-radius:14px;padding:1rem;background:#fff}
.oh-card-head{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}
.oh-card h4{margin:0;font-size:1.05rem}
.oh-card a{text-decoration:underline}
.oh-score{color:#374151;margin:.35rem 0 .25rem}
.oh-tags{display:flex;gap:.35rem;flex-wrap:wrap}
.oh-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;font-size:.75rem;border:1px solid #e5e7eb;border-radius:9999px}
.oh-empty{color:#6b7280}
.oh-score-meta{color:#6b7280;font-size:.85rem;margin-left:.35rem}
