.page-visual{margin:1.1rem 0 1.6rem;max-width:100%;overflow:hidden;border-radius:1rem;border:1px solid var(--line);background:var(--paper)}
.page-visual>img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;max-height:22rem}
.page-visual--vector{max-width:40rem;margin-inline:auto}
.page-visual--vector .resource-visual{aspect-ratio:2/1}
.resource-visual{display:block;width:100%;overflow:hidden;border-radius:.7rem;aspect-ratio:2/1;background:#f4f0e5;line-height:0}
.resource-visual svg{display:block;width:100%;height:100%;max-width:100%;overflow:hidden}
.page-visual>.resource-visual{border-radius:0}
@media(min-width:60rem){.page-visual>img{max-height:21rem}}
@media(max-width:36rem){.page-visual{border-radius:.7rem;margin-block:.8rem 1.2rem}.page-visual>img{max-height:none}.page-visual--vector{width:100%}}
@media(forced-colors:active){.page-visual,.resource-visual{border:1px solid CanvasText}.resource-visual svg{forced-color-adjust:none}}
@media print{.page-visual{max-width:28rem;break-inside:avoid}.resource-visual{max-width:16rem;break-inside:avoid}}