/* Statins: original vector teaching within the shared Cardiology Guide palette. */
#statins .page{font-size:9.3pt;line-height:1.34;padding:.28in .34in .24in;justify-content:flex-start}
#statins .page>*{flex-shrink:0}
#statins .pfoot{margin-top:auto;padding-top:7px}
#statins .head .title h1{font-size:20pt;line-height:1.06}
#statins .head .title .sub{white-space:normal;font-size:7.2pt;line-height:1.3;letter-spacing:.025em}
#statins .stat-lede{font-size:10pt;line-height:1.4;border-left:4px solid var(--guide-red);background:var(--tint);padding:9px 11px;margin:2px 0 8px}
#statins .stat-body h2{font-size:11pt;line-height:1.18;margin:9px 0 5px;color:var(--guide-red-deep)}
#statins .stat-body p{margin:6px 0}
#statins .stat-body ul{margin:5px 0;padding-left:19px}
#statins .stat-body li{margin:4px 0;padding:0}
#statins .stat-body strong,#statins .stat-body b{font-weight:800}
#statins .stat-table{width:100%;border-collapse:collapse;margin:6px 0;font-size:9pt;line-height:1.3;table-layout:fixed}
#statins .stat-table th{background:var(--ink);color:var(--paper);font-size:7.6pt;letter-spacing:.025em;text-align:left;padding:6px 7px}
#statins .stat-table td{border:1px solid var(--rule-hair);padding:7px;vertical-align:top;overflow-wrap:break-word}
#statins .stat-table tr:nth-child(even) td{background:var(--paper-warm)}
#statins .stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:7px 0}
#statins .stat-card{border:1px solid var(--rule-hair);border-top:3px solid var(--guide-red);background:var(--paper-warm);padding:8px 10px}
#statins .stat-card h3{font-size:10pt;line-height:1.2;margin:0 0 5px}
#statins .stat-figure{border:1px solid var(--rule-hair);border-radius:5px;background:var(--paper-warm);padding:8px 10px;margin:8px 0}
#statins .stat-figure svg{display:block;width:100%;height:auto}
#statins .figure-kicker{font-size:7.3pt;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--guide-red-deep);margin-bottom:5px}
#statins .stat-figure figcaption{font-size:8.2pt;line-height:1.31;margin-top:6px;color:var(--ink-2)}
#statins .stat-quiz{padding:9px 11px;background:var(--tint-blue);border-left:4px solid var(--tint-blue-line);margin:8px 0;font-size:9pt;line-height:1.34}
#statins .stat-quiz .question{margin:0 0 5px;font-weight:800}
#statins .stat-quiz .answer{margin:5px 0 0}
#statins .stat-quiz button,#statins .lab-controls button{font:inherit;font-size:13px;border:1px solid var(--tint-blue-line);background:var(--paper);color:var(--ink);padding:6px 9px;border-radius:4px;cursor:pointer}
#statins button:focus-visible,#statins input:focus-visible,#statins select:focus-visible{outline:3px solid var(--guide-red);outline-offset:3px}
#statins .lab-controls{border:1px solid var(--rule-hair);padding:12px;margin:10px 0;background:var(--paper)}
#statins .lab-controls label{display:block;font-weight:750;line-height:1.4;margin:6px 0}
#statins .lab-controls input[type=range]{display:block;width:100%;margin:12px 0}
#statins .lab-controls select{font:inherit;max-width:100%;padding:7px;border:1px solid var(--rule-hair);border-radius:4px;background:var(--paper)}
#statins .lab-controls output{display:block;border-left:4px solid var(--guide-red);background:var(--tint);padding:10px;margin-top:12px;font-size:16px;line-height:1.4}
#statins .lab-controls .lab-caption{font-size:13px;line-height:1.4;margin:8px 0 0}
#statins .stat-credit{font-size:8pt;line-height:1.3;color:var(--ink-3);margin-top:8px}
#statins .pfoot .refs{font-size:6.8pt;line-height:1.25}
#statins .pfoot .rf{white-space:normal}
#statins .pfoot .stamp .ser{font-size:7.3pt}
#statins .pfoot .toc{font-size:6.3pt;line-height:1.2}
@media screen{#statins .stat-body,#statins .stat-lede,#statins .stat-quiz{max-width:100%}#statins .stat-quiz [hidden]{display:none}}
@media screen and (max-width:700px){#statins .stat-grid{grid-template-columns:minmax(0,1fr)}#statins .stat-lede{display:block}#statins .stat-table th,#statins .stat-table td{padding:8px}#statins .stat-figure{padding:9px 6px}#statins .stat-credit{font-size:12px}}
@media print{#statins .lab-controls,#statins .stat-quiz button{display:none!important}#statins .stat-quiz .answer[hidden]{display:block!important}#statins .stat-figure,#statins .stat-quiz,#statins .stat-table tr{break-inside:avoid}#statins .stat-credit{font-size:7pt}}
/* Keep full chapter headings and let an unpaired teaching card use the row. */
#statins .head .title h1{white-space:normal;overflow:visible;text-overflow:clip}
#statins .head .title{overflow:visible}
@media print{#statins .head .meta{max-width:140px;white-space:normal}}
#statins .stat-grid>.stat-card:last-child:nth-child(odd){grid-column:1/-1}
#statins .page:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="6"],[data-page="16"]) .stat-body{font-size:10.3pt;line-height:1.4}
#statins .page:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="6"],[data-page="16"]) .stat-table{font-size:9.6pt;line-height:1.4}
#statins .page[data-page="14"] .stat-table td{padding:5px 7px}

#statins .head .title h1 .em{display:none}
@media screen and (max-width:700px){#statins .head .meta{max-width:none}#statins .page:first-child>.evidence-notice{display:block}#statins .page:first-child>.evidence-notice>b{display:block;margin-bottom:5px}}

/* Qualitative receptor uptake, with a complete static diagram in every state. */
#statins .stat-mechanism{max-width:400px;margin-inline:auto}
#statins .stat-ldl-particle{animation:statin-ldl-uptake 5s ease-in-out infinite;animation-play-state:paused}
#statins [data-motion="running"] .stat-ldl-particle{animation-play-state:running}
#statins .stat-restarting .stat-ldl-particle{animation:none}
@keyframes statin-ldl-uptake{0%,15%{transform:translateX(0);opacity:1}65%{transform:translateX(165px);opacity:1}80%,100%{transform:translateX(165px);opacity:0}}
#statins .stat-motion-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;font-size:13px}
#statins .stat-motion-controls[hidden]{display:none}
#statins .stat-motion-controls button{font:inherit;min-height:44px;padding:6px 12px;border:1px solid var(--rule);border-radius:4px;background:var(--paper);color:var(--ink);cursor:pointer}
#statins .stat-motion-controls button:disabled{cursor:default}
#statins .stat-source-data{border:1px solid var(--rule);padding:10px;margin:10px 0;background:var(--paper)}
#statins .stat-source-data summary{font-weight:700;cursor:pointer;min-height:44px;display:list-item;align-content:center}
#statins .stat-source-data img{display:block;width:100%;height:auto;margin-block:10px}
#statins .stat-source-data figcaption,#statins .stat-image-credit{font-size:12px;line-height:1.45}
#statins .stat-source-data figure{margin:0}
#statins .stat-image-credit{margin:6px 0;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){#statins .stat-ldl-particle{animation:none!important}}
@media print{#statins .stat-mechanism{max-width:290px}#statins .stat-ldl-particle{animation:none!important;transform:none!important;opacity:1!important}#statins .stat-motion-controls,#statins .stat-source-data{display:none!important}#statins .stat-image-credit{font-size:7pt}}
/* Give the longer print chapters more usable line width without reducing type. */
@media print{
 #statins .page[data-page="13"] .stat-grid{display:block;margin:4px 0}
 #statins .page[data-page="13"] .stat-grid .stat-card{display:grid;grid-template-columns:1in minmax(0,1fr);gap:8px;padding:5px 8px;margin:4px 0;border-top-width:1px}
 #statins .page[data-page="13"] .stat-grid .stat-card h2,#statins .page[data-page="13"] .stat-grid .stat-card p{margin:0}
 #statins .page[data-page="15"] .stat-table th:first-child{width:30%}
 #statins .page[data-page="15"] .stat-table td{padding:4px 7px}
}