.blood-title small { margin-left: 10px; font-size: 15px; font-weight: 500; color: #b7c7cb; }
.test1-heading { display: flex; align-items: center; gap: 16px; min-width: 0; }
.test1-heading .blood-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; }
.test1-heading .blood-title small { margin: 0; }
.test1-brief-button { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 1px solid #afcbe240; border-radius: 6px; background: #afcbe20b; color: #afcbe2; cursor: pointer; transition: background 160ms, border-color 160ms; }
.test1-brief-button:hover { background: #afcbe222; border-color: #afcbe2; }
.test1-brief-button:focus-visible { outline: 2px solid #afcbe2; outline-offset: 3px; }
.test1-brief-button svg { width: 25px; height: 25px; }
#test1-types-open { color: #a9d6bd; border-color: #a9d6bd40; }
#test1-types-open:hover { background: #a9d6bd20; border-color: #a9d6bd; }
body.ans-mode .protein-types-scope { color: #b7c7cb; font-size: 14px; line-height: 1.5; }
body.ans-mode .protein-types-convention { border-left: 2px solid #e8c28d; padding-left: 14px; font-size: 15px; line-height: 1.55; }
body.ans-mode .protein-types-search { display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin: 20px 0; border: 1px solid #b7c7cb50; border-radius: 6px; }
body.ans-mode .protein-types-search:focus-within { border-color: #a9d6bd; }
body.ans-mode .protein-types-search svg { width: 22px; height: 22px; flex: 0 0 22px; color: #a9d6bd; }
body.ans-mode .protein-types-search input { border: 0; outline: 0; min-width: 0; width: 100%; padding: 0; background: transparent; color: #e0e7e8; font: inherit; font-size: 16px; }
body.ans-mode .protein-types-group > h3 { margin: 28px 0 10px; color: var(--types-accent); font-size: 18px; }
body.ans-mode .protein-types-group dl { margin: 0; }
body.ans-mode .protein-types-entry { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.4fr); gap: 24px; padding: 17px 0; border-top: 1px solid #b7c7cb2b; }
body.ans-mode .protein-types-entry dt { font-size: 17px; font-weight: 650; color: var(--types-accent); overflow-wrap: anywhere; }
body.ans-mode .protein-types-entry dd { margin: 0; min-width: 0; }
body.ans-mode .protein-types-entry p { font-size: 16px; line-height: 1.55; margin: 0; overflow-wrap: anywhere; }
body.ans-mode .protein-types-entry .protein-types-example { color: #b7c7cb; margin-top: 7px; font-size: 14px; }
body.ans-mode .protein-types-entry .protein-types-distinction { color: #e8c28d; margin-top: 7px; font-size: 14px; }
body.ans-mode .protein-types-entry[hidden], body.ans-mode .protein-types-group[hidden] { display: none; }
body.ans-mode .protein-types-list .ans-term { color: inherit; border: 0; text-decoration: none; }
@media (max-width: 600px) {
    .test1-heading { gap: 10px; }
    .test1-heading .blood-title { min-width: 0; }
    body.ans-mode .protein-types-entry { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}
.test1-logistics { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border-block: 1px solid #c0d6e12b; padding-block: 20px; margin: 0 0 26px; }
.test1-logistics dt { font-size: 13px; color: #b7c7cb; margin-bottom: 5px; }
.test1-logistics dd { margin: 0; font-size: 17px; font-weight: 600; }
.test1-logistics small { display: block; font-size: 12px; font-weight: 400; color: #b7c7cb; margin-top: 3px; }
.test1-brief .test1-muted { color: #b7c7cb; font-size: 14px; margin-top: 12px; }
.test1-brief a { color: #afcbe2; text-underline-offset: 4px; }
.test1-brief a:hover { color: #fff; }
.test1-brief a svg { width: 15px; height: 15px; vertical-align: middle; margin-left: 5px; }
.test1-caution { border-left: 3px solid #e1ba86; padding-left: 16px; }
.test1-caution a { display: inline-block; margin-top: 12px; }
.test1-brief .test1-scope-list { padding-left: 25px; }
.test1-scope-list li { padding-left: 7px; }
.test1-scope-list li::marker { color: #a9d6bb; font-size: 14px; }
.test1-scope-list strong, .test1-scope-list span { display: block; }
.test1-scope-list span { color: #c5d0d5; font-size: 15px; }
.test1-extra { border-left: 3px solid #afcbe2; padding-left: 16px; }
body.blood-mode .card-content.is-answer-side .anki-imported-html { max-height: none; }
@media (max-width: 380px) {
    .test1-logistics { grid-template-columns: 1fr; gap: 15px; }
}
@media (prefers-reduced-motion: reduce) { .test1-brief-button { transition: none; } }
.ans-mode .ans-dialog figure img { max-height: 650px; object-fit: contain; }
.ans-mode .new-topic-controls, .ans-mode .new-subtopic-controls { flex-wrap: wrap; overflow: visible; }
.ans-mode .new-topic-controls button, .ans-mode .new-subtopic-controls button { white-space: normal; }
/* Animate the eye, not its full-width hit area. */
body.ans-mode #reveal-new-filters { transform: none; }
body.ans-mode #reveal-new-filters svg { transform: scale(.66) rotate(-7deg); transition: transform 520ms cubic-bezier(.16, .9, .2, 1); }
body.ans-mode .new-filter-panel.is-concealed #reveal-new-filters svg { transform: scale(1) rotate(0deg); }
body.ans-mode .new-filter-panel.is-concealed:is(:hover, :focus-within) #reveal-new-filters svg { transform: scale(1.08) rotate(2deg); }
@media (prefers-reduced-motion: reduce) { body.ans-mode #reveal-new-filters svg { transition: none; } }
body.ans-mode .topic-controls [data-topic-filter="priority"] { --topic-accent: #e1c184; --new-topic-accent: #e1c184; }
@media (max-width: 600px) { .blood-title small { font-size: 13px; } }
body.ans-mode .anki-imported-html .protein-recall-list { list-style: none; padding-left: 0; margin: 0; }
body.ans-mode .anki-imported-html .protein-recall-list > li { --recall-accent: #afd1ea; margin: 0 0 12px; padding: 2px 0 2px 12px; border-left: 2px solid var(--recall-accent); line-height: 1.55; }
body.ans-mode .anki-imported-html .protein-recall-list > li[data-recall-tone="mechanism"] { --recall-accent: #a9d6bd; }
body.ans-mode .anki-imported-html .protein-recall-list > li[data-recall-tone="clinical"] { --recall-accent: #e8c28d; }
body.ans-mode .protein-recall-label { color: var(--recall-accent); font-weight: 650; }
body.ans-mode .protein-recall-text, body.ans-mode .protein-recall-question { white-space: pre-wrap; overflow-wrap: anywhere; }
body.ans-mode .protein-recall-label .card-rich-run { color: inherit; }
body.ans-mode .anki-imported-html .card-rich-run--sky { color: #a9d3f5; }
body.ans-mode .anki-imported-html .card-rich-run--mint { color: #a9d5b8; }
body.ans-mode .anki-imported-html .card-rich-run--gold { color: #e7c980; }
body.ans-mode .anki-imported-html .card-rich-run--rose { color: #e5aeb7; }
body.ans-mode .anki-imported-html .card-rich-run--lilac { color: #c8b3e8; }
body.ans-mode .anki-imported-html .card-rich-run--aqua { color: #86d7d1; }
body.ans-mode .anki-imported-html .card-rich-run--peach { color: #efb690; }
body.ans-mode .anki-imported-html .card-rich-run--periwinkle { color: #aebdf4; }
body.ans-mode .protein-recall-list .ans-term { color: inherit; text-decoration: none; border-bottom: 0; }
body.ans-mode .ans-tooltip { max-height: calc(100dvh - 24px); overflow-y: auto; line-height: 1.55; }
body.ans-mode .protein-keyword { font-weight: 650; }
body.ans-mode .protein-keyword[data-keyword-tone="structure"] { color: #afd1ea; }
body.ans-mode .protein-keyword[data-keyword-tone="mechanism"] { color: #a9d6bd; }
body.ans-mode .protein-keyword[data-keyword-tone="clinical"] { color: #e8c28d; }
body.ans-mode .protein-keyword .ans-term,
body.ans-mode .protein-expanded .ans-term { color: inherit; border: 0; text-decoration: none; }
body.ans-mode .protein-expanded h4 { margin: 24px 0 9px; color: #afd1ea; font-size: 19px; font-weight: 650; }
body.ans-mode .protein-expanded p { margin: 0 0 12px; line-height: 1.6; }
body.ans-mode .protein-expanded p:has(+ ul),
body.ans-mode .protein-expanded p:has(+ ol) { margin-bottom: 6px; }
body.ans-mode .protein-expanded ul,
body.ans-mode .protein-expanded ol { margin: 0 0 16px; padding-left: 24px; }
body.ans-mode .protein-expanded li { margin-bottom: 5px; line-height: 1.6; }
body.ans-mode .protein-expanded li > ul { margin-top: 4px; margin-bottom: 10px; }
body.ans-mode .protein-expanded li::marker { color: #a9d6bd; }
body.ans-mode .protein-expanded hr { border: 0; border-top: 1px solid #b7c7cb25; margin: 22px 0; }
body.ans-mode .protein-scope-note { color: #f2a9ad; border-top: 1px solid #f2a9ad40; margin-top: 22px; padding-top: 13px; font-size: 14px; line-height: 1.55; text-align: left; overflow-wrap: anywhere; }
body.ans-mode .protein-scope-note > strong { color: inherit; display: block; font-size: 14px; font-weight: 650; }
body.ans-mode .protein-scope-note p { color: inherit; font-size: inherit; line-height: inherit; margin: 6px 0 0; }
body.ans-mode .protein-scope-note .ans-term { color: inherit; border: 0; text-decoration: none; }
body.ans-mode #test1-structure-open { color: #9edbcc; }
body.ans-mode #test1-structure-open[hidden] { display: none; }
body.ans-mode #test1-structure-open svg { width: 24px; height: 24px; }
body.ans-mode #test1-structure-open:hover { background: #9edbcc20; border-color: #9edbcc80; }
body.ans-mode .card-frame:has(#test1-structure-open:not([hidden])) .card-hover-meta { margin-right: 236px; }
body.ans-mode .protein-structure-section + .protein-structure-section { border-top: 1px solid #b7c7cb40; padding-top: 28px; }
body.ans-mode .protein-structure-section > h3 { color: #e7eeef; font-size: 20px; margin-bottom: 18px; }
body.ans-mode .protein-structure-columns,
body.ans-mode .protein-structure-rows dl { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr) minmax(0, 1fr); gap: 22px; }
body.ans-mode .protein-structure-columns { padding-bottom: 10px; font-size: 13px; font-weight: 650; }
body.ans-mode .protein-structure-rows { list-style: none; padding: 0; margin: 0; }
body.ans-mode .protein-structure-rows > li { padding: 17px 0; margin: 0; border-top: 1px solid #b7c7cb2b; }
body.ans-mode .protein-structure-rows dl { margin: 0; }
body.ans-mode .protein-structure-rows dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
body.ans-mode .protein-structure-rows dd { margin: 0; color: #e0e7e8; font-size: 16px; line-height: 1.55; overflow-wrap: anywhere; }
body.ans-mode [data-structure-column="structure"] { --structure-accent: #afd1ea; }
body.ans-mode [data-structure-column="mechanism"] { --structure-accent: #a9d6bd; }
body.ans-mode [data-structure-column="function"] { --structure-accent: #e8c28d; }
body.ans-mode .protein-structure-columns > span { color: var(--structure-accent); }
body.ans-mode .protein-structure-rows [data-structure-column="structure"] dd { color: #afd1ea; font-weight: 600; }
body.ans-mode .protein-structure-section .ans-term { color: inherit; text-decoration: none; border: 0; }
body.ans-mode .protein-structure-sources { margin-top: 18px; }
body.ans-mode .protein-structure-sources summary { color: #b7c7cb; cursor: pointer; padding: 6px 0; font-size: 14px; }
body.ans-mode .protein-structure-sources summary:hover { color: #e0e7e8; }
body.ans-mode .protein-structure-sources footer { margin: 4px 0 0; padding: 0; border: 0; }
@media (max-width: 600px) {
    body.ans-mode .card-frame:has(#test1-structure-open:not([hidden])) .card-hover-meta { margin-right: 14px; }
    body.ans-mode .protein-structure-columns { display: none; }
    body.ans-mode .protein-structure-rows dl { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    body.ans-mode .protein-structure-rows dt { position: static; width: auto; height: auto; overflow: visible; clip-path: none; color: var(--structure-accent); font-size: 12px; font-weight: 650; margin-bottom: 3px; }
    body.ans-mode .protein-structure-rows [data-structure-column="structure"] dd { color: #e0e7e8; }
}