/* A separate, clearly labelled companion on each story cover. */
body[data-page="hero-academy"] .ha-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
body[data-page="hero-academy"] .ha-book .cv{position:relative;overflow:visible;margin:0 12px 40px 0}
body[data-page="hero-academy"] .ha-book .cv>img{display:block;border-radius:10px}
body[data-page="hero-academy"] .ha-companion{position:absolute;right:-12px;bottom:-24px;width:35%;max-width:118px;min-width:88px;padding:5px;background:#fff;border:1px solid #d9e0eb;border-radius:6px;box-shadow:0 6px 20px #08162e55;text-decoration:none;color:#15213b;transition:transform .2s,box-shadow .2s;z-index:1}
body[data-page="hero-academy"] .ha-companion img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:2px}
body[data-page="hero-academy"] .ha-companion>span{display:block;padding:7px 1px 3px;font-size:11px;font-weight:700;line-height:1.3}
body[data-page="hero-academy"] .ha-companion small{display:block;margin-top:4px;font-size:10px;font-weight:400;color:#4d5b70}
body[data-page="hero-academy"] .ha-companion:hover{transform:translateY(-4px);box-shadow:0 10px 24px #08162e66}
body[data-page="hero-academy"] .ha-companion:focus-visible{outline:3px solid #15213b;outline-offset:4px}
@media(max-width:820px){body[data-page="hero-academy"] .ha-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}}
@media(max-width:480px){body[data-page="hero-academy"] .ha-shelf{grid-template-columns:1fr;gap:44px}}
@media(prefers-reduced-motion:reduce){body[data-page="hero-academy"] .ha-companion{transition:none}}