.subject-cards{display:grid;gap:24px;padding:10px 0 24px}.subject-card{border:0;border-radius:24px;background:linear-gradient(108deg,#293238 0%,#253238 56%,#2b4548 100%);overflow:hidden;overflow:clip;min-width:0;position:relative}.subject-banner{position:relative;display:flex;align-items:center;width:100%;min-height:184px;padding:32px 40px;border:0;border-radius:0;background:transparent;color:#e8edef;text-align:left;isolation:isolate}.subject-title{position:relative;z-index:2;max-width:73%;font-family:'Arial Narrow','Bahnschrift',sans-serif;font-size:clamp(32px,4.5vw,64px);font-weight:600;line-height:1.12;letter-spacing:-.025em;overflow-wrap:normal}.subject-art{position:absolute;right:0;top:0;width:28%;height:100%;pointer-events:none;z-index:0;overflow:hidden;transition:transform 750ms cubic-bezier(.22,1,.36,1),opacity 750ms cubic-bezier(.22,1,.36,1)}.subject-card.is-open .subject-art{transform:translateX(110%) rotate(4deg);opacity:0}.subject-art img{display:block;width:100%;height:100%;object-fit:cover}.subject-art-pharmacology{width:29%;padding:8px 20px 8px 0}.subject-art-pharmacology img{position:absolute;left:-20%;top:-20%;width:140%;height:140%;object-fit:contain;filter:brightness(.86) saturate(.65)}.subject-art-pathological-anatomy{mask-image:linear-gradient(to right,transparent,#000 30%);-webkit-mask-image:linear-gradient(to right,transparent,#000 30%)}.subject-art-pathological-anatomy img{filter:brightness(.7) saturate(.58)}.subject-indicator{position:absolute;right:18px;bottom:16px;z-index:3;color:#e8edef99}.subject-indicator .ui-icon{width:17px;height:17px;transition:transform 750ms cubic-bezier(.22,1,.36,1)}.is-open .subject-indicator .ui-icon{transform:rotate(45deg)}.subject-banner:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:24px}.subject-banner:hover{background:transparent}.subject-content{padding:4px 40px 32px;min-height:154px;color:var(--muted)}.subject-content h2{font-size:22px;color:var(--ink);margin:0 0 10px}.subject-content p{margin:0;font-size:15px}.subject-content[hidden]{display:none}.subject-banner .subject-title{font-size:clamp(32px,4.5vw,64px)}
@media(max-width:760px){.subject-cards{gap:16px;padding-top:0}.subject-card{border-radius:18px}.subject-banner{min-height:156px;padding:24px 20px}.subject-title{max-width:76%;font-size:clamp(26px,4.6vw,34px);line-height:1.2;letter-spacing:-.025em}.subject-banner .subject-title{font-size:clamp(26px,4.6vw,34px)}.subject-art{width:30%;opacity:.8}.subject-art-pharmacology{width:29%;padding:4px 4px 4px 0}.subject-content{padding:0 20px 26px;min-height:136px}.subject-indicator{right:14px;bottom:12px}.subject-banner:focus-visible{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.subject-indicator .ui-icon,.subject-art{transition:none}}