/* Original editorial graphics and Alexandra's existing Chicago footage. */
.booklet-topic .card-front .card-visual{min-height:155px;margin:1.1rem -1.5rem 1.35rem;isolation:isolate;flex:1}
.booklet-topic .topic-graphic{position:relative;display:block;width:100%;height:100%;min-height:155px;overflow:hidden;background:transparent}
.topic-graphic>svg{display:block;width:100%;height:100%;min-height:155px;color:var(--card-ink);overflow:visible}
.topic-graphic .graphic-grid{opacity:.16}
.topic-graphic .graphic-soft{opacity:.28}
.topic-graphic .graphic-mid{opacity:.55}
.topic-graphic .graphic-solid{fill:currentColor}
.topic-graphic .graphic-line{fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke}
.topic-graphic .graphic-fine{stroke-width:.75}
.booklet-topic.black .topic-graphic>svg{color:var(--blue)}
.topic-graphic-media{background:#071015!important}
.topic-graphic-media img,.topic-graphic-media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#071015}
.topic-graphic-media:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff20}
.topic-graphic-media>svg.graphic-overlay{position:absolute;inset:0;color:#fff;min-height:0;z-index:1;pointer-events:none}
.topic-graphic-media .graphic-caption{position:absolute;left:1rem;bottom:.75rem;z-index:2;background:#05080bea;color:#e7f5ff;padding:.3rem .45rem;font:500 .58rem/1.3 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.topic-graphic .graphic-orbit{transform-origin:160px 105px;animation:claim-orbit 28s linear infinite;animation-play-state:paused}
.topic-graphic .graphic-pulse{animation:claim-pulse 5s ease-in-out infinite;animation-play-state:paused}
.topic-graphic.graphic-is-visible .graphic-orbit,.topic-graphic.graphic-is-visible .graphic-pulse{animation-play-state:running}
.site-motion-paused .topic-graphic .graphic-orbit,.site-motion-paused .topic-graphic .graphic-pulse{animation-play-state:paused}
.claim-graphics-controls{display:flex;justify-content:flex-end;margin:-.75rem 0 1rem}
.claim-graphics-controls button{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;padding:.5rem 0;background:none;border:0;border-bottom:1px solid var(--line);color:var(--silver);font:500 .75rem/1.3 var(--sans)}
.claim-graphics-controls button:hover{color:var(--blue)}
.claim-graphics-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.claim-graphics-controls button:before{content:"Ⅱ";font:500 1rem/1 var(--sans);color:var(--blue)}
.claim-graphics-controls button[data-paused="true"]:before{content:"▷"}
@keyframes claim-orbit{to{transform:rotate(360deg)}}
@keyframes claim-pulse{0%,100%{opacity:.3}50%{opacity:1}}
@media(max-width:800px){.booklet-topic .card-front .card-visual{margin-inline:-1.3rem}}
@media(prefers-reduced-motion:reduce){.topic-graphic .graphic-orbit,.topic-graphic .graphic-pulse{animation:none!important}}