/* =========================================================
   disorders.css — page-specific styles for disorders.php
   ========================================================= */

.page-hero-disorders{
  padding: 56px 0 40px;
  background:
    radial-gradient(circle at 85% 0%, rgba(47,169,140,0.14), transparent 45%),
    var(--bg-deep);
}
.disorder-toolbar{
  margin-bottom:28px;
}
.disorder-toolbar .doctor-search{width:100%; margin-bottom:16px;}
.category-pills{display:flex; flex-wrap:wrap; gap:8px;}
.pill{
  font-family:'IBM Plex Sans',sans-serif; font-size:13px; font-weight:500;
  padding:8px 15px; border-radius:20px;
  background:#fff; border:1.5px solid var(--paper-line-strong); color:var(--muted);
  cursor:pointer; transition:all .15s ease;
}
.pill:hover{border-color:var(--teal);}
.pill.is-active{background:var(--teal); border-color:var(--teal); color:#08211B; font-weight:600;}

.disorder-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;
}
.disorder-card{
  display:flex; flex-direction:column;
  background:#fff; border:1px solid var(--paper-line); border-radius:var(--radius-lg);
  padding:22px; box-shadow:var(--shadow-card);
  text-decoration:none; color:inherit;
  transition:opacity .2s ease, transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.disorder-card:hover{transform:translateY(-2px); border-color:var(--teal); box-shadow:0 10px 24px rgba(20,60,50,0.10);}
.disorder-card:hover .disorder-card-link{color:var(--teal-dim); text-decoration:underline;}
.disorder-cat-tag{
  display:inline-block;
  font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.03em; text-transform:uppercase;
  color:var(--teal-dim); background:#EEF3F1; padding:4px 9px; border-radius:12px; margin-bottom:10px;
}
.disorder-card h3{font-size:15.5px; margin-bottom:8px;}
.disorder-card p{color:var(--muted); font-size:13.5px; margin:0;}
.disorder-card-link{
  display:inline-block; margin-top:14px;
  font-family:'IBM Plex Sans',sans-serif; font-size:12.5px; font-weight:600;
  color:var(--teal); text-decoration:none;
}

.disclaimer-box{
  margin-top:36px; padding:18px 22px; border-radius:var(--radius-lg);
  background:#EEF3F1; color:var(--muted); font-size:13.5px; border-left:3px solid var(--teal);
}
.page-hero-disorders .eyebrow{
  color:#7FBFAE;
}
.page-hero-disorders h1{
  color:#FFFFFF;
}
.page-hero-disorders .page-hero-lead{
  color:#D7E7E1;
}
@media (max-width: 700px){
  .page-hero-disorders{padding:44px 0 32px;}
}
@media (max-width: 860px){.disorder-grid{grid-template-columns:1fr 1fr;}}
@media (max-width: 560px){.disorder-grid{grid-template-columns:1fr;}}