/* The original infographic remains intact; this presentation omits its mnemonic footer. */
.infographic-window{display:block;position:relative;overflow:hidden;aspect-ratio:720/934;width:100%;border-radius:8px}
.infographic-preview>.infographic-window{width:100%;padding:0;border:0;border-radius:8px;background:none;margin:0;max-width:none}
.infographic-preview .infographic-window img,#infographic-dialog .infographic-window img{width:100%;height:auto;max-height:none;display:block;border:0;transform:none;filter:none;border-radius:0}
.infographic-preview{width:min(78%,425px,calc((100svh - 230px)*.77))}
#infographic-dialog .infographic-window{width:100%}
@media(min-width:701px) and (max-height:820px){.infographic-preview{width:min(77%,425px,calc((100svh - 190px)*.77))}}
@media(max-width:700px){.infographic-preview{width:auto}.infographic-preview>.infographic-window{width:133px;max-width:133px;flex-shrink:0;transform:rotate(-4deg);border-radius:4px}.infographic-preview>span:last-child{max-width:103px}.infographic-preview img{height:auto}}
@media(max-width:700px) and (max-height:850px){.infographic-preview>.infographic-window{width:112px;max-width:112px}}
html.is-embedded,html.is-embedded body{margin:0;background:#0a0f1e}
html.has-word main{visibility:hidden}
.art.no-image #picture,.art.no-info-image #infographic-preview{display:none!important}
.art.no-image .paper-back{display:none}
.text-only-card{position:relative;z-index:4;width:min(75%,360px);padding:30px;background:#f3ebdc;color:#182137;box-shadow:12px 18px 35px #0007;transform:rotate(-3deg);border-radius:4px}
.text-only-card small{display:block;font:700 10px Inter,sans-serif;letter-spacing:.15em;color:#957346;margin-bottom:28px}
.text-only-card strong{display:block;font:700 clamp(30px,4vw,54px) Georgia,serif;overflow-wrap:anywhere}
.text-only-card p{font:italic 16px/1.55 Georgia,serif;margin-top:22px}
.art.recall-view .text-only-card,.art.solved .text-only-card{display:none}
@media(max-width:700px){.text-only-card{width:148px;padding:14px;transform:rotate(-3deg)}.text-only-card small{font-size:6px;margin-bottom:5px}.text-only-card strong{font-size:22px}.text-only-card p{font-size:9px;margin-top:5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
.art.no-image .scene-word{opacity:.24;transform:translate(-50%,-50%) scale(1)}
.paper figcaption>div{flex:1;min-width:0}
.paper figcaption strong,.recall-art strong,.text-only-card strong{display:block;min-width:0}
#word-title,.paper figcaption strong,.recall-art strong{overflow-wrap:anywhere}
.recall-choices .choice{overflow-wrap:anywhere}
html.has-word .work{min-width:0}
html.is-embedded header{height:62px;padding:0 26px}
html.is-embedded .brand,html.is-embedded footer,html.is-embedded .ambient{display:none}
html.is-embedded header .route{margin-right:auto}
html.is-embedded main{width:100%;min-height:0;border-radius:18px;box-shadow:none}
html.is-embedded .art{min-height:590px}
html.is-embedded .work-inner{padding-top:25px;padding-bottom:22px}
html.is-embedded .infographic-preview{width:min(77%,335px);max-height:none;margin:0}
html.is-embedded .infographic-preview>.infographic-window{max-height:none}
html.is-embedded .controls{position:relative}
html.is-embedded .paper,html.is-embedded .paper-back{width:min(69%,340px)}
@media(max-width:700px){html.is-embedded header{height:49px;padding:0 10px}html.is-embedded main{min-height:0;border-radius:12px}html.is-embedded .art{min-height:0;height:190px}html.is-embedded .paper,html.is-embedded .paper-back{width:118px}html.is-embedded .work-inner{padding-top:20px;padding-bottom:10px}html.is-embedded .infographic-preview{width:auto}html.is-embedded .infographic-preview>.infographic-window{width:112px;max-width:112px}html.is-embedded .controls{position:relative}}
