:root{--red:#5da4ff;--red-bright:#81b8ff;--red-dark:#17478b}
.brand-mark,.cinema-symbol img{filter:hue-rotate(224deg)}
.book-page .hero h1{font-size:clamp(3.6rem,7.2vw,7.8rem)}
.hero .portrait{max-width:100%;height:auto!important;object-fit:contain!important}
.book-page .portrait-caption small,.book-page .portrait-hint{font-size:.875rem}
.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.id-vault .documents img{width:100%;height:auto;object-fit:contain}
.id-vault label,.id-vault p{font-size:1rem}
.factrow dd{overflow-wrap:anywhere}
.flip-card{aspect-ratio:2/3!important}
.flip-front img{width:100%;height:100%;object-fit:contain}
.dialog>img{width:100%;height:auto;max-height:80vh;object-fit:contain}
@media(max-width:700px){.tool-grid{grid-template-columns:1fr}.book-page .hero h1{font-size:clamp(3.1rem,14vw,5rem)}.edition b{font-size:.875rem}}