/* /studies/ — builds on articles.css. Cards show the PubMed screenshot from the top, uncropped width. */
.s-card .x-card__media { aspect-ratio: auto; max-height: 300px; overflow: hidden; background: #fff; }
.s-card .x-card__media img { height: auto; object-fit: cover; object-position: top; }

.s-article .x-title { margin-top: 18px; }
.s-shot { margin-top: 0; }

.s-refs { margin: 26px 0 6px; padding: 16px; border: 1px solid var(--x-line); border-radius: 16px; }
.s-refs__label { font-family: "Geist Mono", ui-monospace, monospace; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: #8A8A8A; margin-bottom: 10px; }
.s-refs ol { margin: 0; padding-left: 20px; display: grid; gap: 12px; }
.s-refs li { font-size: 15px; line-height: 1.45; color: #8A8A8A; }
.s-refs a { display: block; color: #fff; font-weight: 600; text-decoration: underline; text-decoration-color: #555; text-underline-offset: 3px; }
.s-refs a:hover { text-decoration-color: #fff; }
.s-refs span { display: block; margin-top: 2px; font-size: 13px; }

/* search */
.s-search { position: sticky; top: 64px; z-index: 5; margin: 14px 16px 4px; display: flex; align-items: center; gap: 10px; padding: 0 14px;
  background: #000; border: 1px solid #3A3A3A; border-radius: 999px; transition: border-color .2s; }
.s-search:focus-within { border-color: #fff; }
.s-search__icon { width: 19px; height: 19px; flex: none; color: #8A8A8A; }
.s-search input { flex: 1; min-width: 0; height: 50px; padding: 0; border: 0; outline: none; background: transparent; color: #fff; font: inherit; font-size: 16px; }
.s-search input::placeholder { color: #6B6B6B; }
.s-search input::-webkit-search-cancel-button { display: none; }
.s-search button { flex: none; width: 30px; height: 30px; border: 0; border-radius: 50%; background: #1F1F1F; color: #fff; font-size: 20px; line-height: 1; cursor: pointer; }
.s-search button:hover { background: #fff; color: #000; }
.s-status { margin: 0 18px; min-height: 0; font-size: 14px; color: #8A8A8A; }
.s-status:not(:empty) { margin: 6px 18px 4px; }
.s-snippet { display: block; margin-top: 4px; padding-top: 8px; border-top: 1px solid #1F1F1F; font-size: 14px; line-height: 1.5; color: #A3A3A3; }
.s-snippet mark { background: #fff; color: #000; border-radius: 3px; padding: 0 2px; }