/* OBS Doctor v283 — compact diagnostic cards with native <details> disclosures */
.clinic-page .clinic-map{align-items:start}
.clinic-page .clinic-category,
.clinic-page .clinic-category.special-case{min-height:0!important}
.clinic-page .clinic-category>p,
.clinic-page .clinic-category.special-case>p{min-height:0!important;margin-bottom:16px!important}
.clinic-page .clinic-parameter-details{width:100%;margin-top:auto;border-top:1px solid #e8eef5;padding-top:10px}
.clinic-page .clinic-parameter-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px;margin:0;padding:4px 2px;list-style:none;cursor:pointer;color:#475569;font-size:12px;font-weight:800;line-height:1.45;user-select:none;-webkit-tap-highlight-color:transparent}
.clinic-page .clinic-parameter-details>summary::-webkit-details-marker{display:none}
.clinic-page .clinic-parameter-details>summary::marker{display:none;content:""}
.clinic-page .clinic-parameter-details>summary:hover{color:#2563eb}
.clinic-page .clinic-parameter-details>summary:focus-visible{outline:2px solid #93c5fd;outline-offset:4px;border-radius:6px}
.clinic-page .clinic-details-chevron{width:9px;height:9px;flex:0 0 9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.clinic-page .clinic-parameter-details[open] .clinic-details-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.clinic-page .clinic-details-label-open{display:none}
.clinic-page .clinic-parameter-details[open] .clinic-details-label-closed{display:none}
.clinic-page .clinic-parameter-details[open] .clinic-details-label-open{display:inline}
.clinic-page .clinic-parameter-details .clinic-tags{margin-top:8px!important;padding-top:2px}
.clinic-page .clinic-parameter-details[open] .clinic-tags{animation:clinicDetailsIn .16s ease-out}
@keyframes clinicDetailsIn{from{opacity:.3;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.clinic-page .clinic-details-chevron{transition:none}.clinic-page .clinic-parameter-details[open] .clinic-tags{animation:none}}
@media (max-width:640px){
  .clinic-page .clinic-parameter-details{padding-top:8px}
  .clinic-page .clinic-parameter-details>summary{min-height:42px;font-size:12.5px}
}
html[lang="ar"] .clinic-page .clinic-parameter-details>summary{direction:rtl;text-align:right}
html[lang="ar"] .clinic-page .clinic-parameter-details .clinic-tags{direction:rtl;text-align:right}
