/* KhanAtlas: scoped final polish for the approved 4 + 8 Khan cards. */
#khans .cards{gap:clamp(14px,1.55vw,22px)}
#khans .card{overflow:hidden;border:1px solid #e0e8ed;border-radius:23px;box-shadow:0 6px 22px rgba(16,40,59,.045);transition:box-shadow .22s ease,border-color .22s ease}
#khans .card .visual{overflow:hidden}
#khans .card .visual img{display:block;width:100%;height:100%;object-fit:cover}
#khans .cardbody{padding:clamp(17px,1.4vw,22px);gap:9px}
#khans .cardbody .meta{display:none}
#khans .cardbody h3{margin:0;line-height:1.4;text-wrap:balance}
#khans .cardbody p{margin:0;line-height:1.7;text-wrap:pretty}
#khans .cardbody .soon{margin-top:auto;align-self:flex-start}
#khans .khans-expand>summary{min-height:56px;border-radius:17px;border:1px solid #dce5ec;background:#f4f7f9;transition:background-color .18s ease,border-color .18s ease}
#khans .khans-expand>summary:focus-visible{outline:3px solid #1968df;outline-offset:3px}
#khans .khans-expand-arrow{display:inline-block;transition:transform .2s ease}
#khans .khans-expand[open] .khans-expand-arrow{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){#khans .card:hover{border-color:#c9d9e5;box-shadow:0 12px 30px rgba(16,40,59,.11)}#khans .khans-expand>summary:hover{background:#eaf1f6;border-color:#cbdbe6}}
@media(max-width:620px){#khans .card{border-radius:18px}#khans .cardbody{padding:16px;gap:8px}#khans .khans-expand>summary{min-height:52px}}
@media(prefers-reduced-motion:reduce){#khans .card,#khans .khans-expand>summary,#khans .khans-expand-arrow{transition:none}}
html[data-theme=dark] #khans .card{border-color:#405366;box-shadow:0 6px 22px rgba(0,0,0,.13)}
html[data-theme=dark] #khans .khans-expand>summary{background:#203a4d;border-color:#4b6476}