/* Batman '66 editorial composition: Batphone opener, case-file planning, villain finale. */
body.batman{--batman-gutter:max(40px,calc((100vw - 1240px)/2 + 40px))}
body.batman .shortcut.act-map{background:none;border-left:0;border-right:0;border-bottom:0}
body.batman #act-learn{margin-top:120px}
body.batman #act-learn>a{width:100%;max-width:none;margin:0}
body.batman #act-learn img{width:100%;height:clamp(440px,74vh,820px);object-fit:cover;object-position:50% 45%;-webkit-mask-image:linear-gradient(#000 58%,transparent 94%);mask-image:linear-gradient(#000 58%,transparent 94%)}
body.batman #act-learn figcaption{position:relative;width:auto;max-width:none;margin:-104px 0 0;padding:0 var(--batman-gutter);text-align:left}

body.batman #act-plan{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:0;margin-top:160px}
body.batman #act-plan>a{grid-column:2;grid-row:1;width:100%;max-width:none;margin:0}
body.batman #act-plan img{display:block;width:100%;height:clamp(420px,70vh,740px);object-fit:cover;object-position:50% 44%}
body.batman #act-plan figcaption{grid-column:1;grid-row:1;width:auto;max-width:none;margin:0;padding:24px 54px 24px var(--batman-gutter);text-align:left}
body.batman #act-plan strong{font-size:clamp(64px,7.6vw,112px)}

body.batman #act-finish{position:relative;margin-top:170px;overflow:hidden}
body.batman #act-finish>a{display:block;width:100%;max-width:none;margin:0}
body.batman #act-finish img{width:100%;height:clamp(440px,72vh,760px);object-fit:cover;object-position:72% 40%}
body.batman #act-finish figcaption{position:absolute;inset:0 auto 0 0;width:min(50%,680px);display:flex;flex-direction:column;justify-content:center;margin:0;padding:44px 150px 44px var(--batman-gutter);text-align:left;background:linear-gradient(90deg,rgba(8,10,17,.97) 0%,rgba(8,10,17,.9) 68%,transparent)}
body.batman #act-finish strong{font-size:clamp(64px,7.6vw,112px)}
body.batman .act-divider .act-toc{justify-content:flex-start}

body.batman .field-graphic--first-ball-route{position:relative;width:100%;max-width:none;margin:74px 0 42px;border:0;background:none;overflow:visible}
body.batman .field-graphic--first-ball-route img{width:100%;height:auto;border-radius:8px}
body.batman .field-graphic--first-ball-route figcaption{position:relative;width:min(590px,calc(100% - 30px));margin:-78px 18px 0 auto;padding:28px 34px;background:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:16px}
body.batman .field-graphic--multiball-flow{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);width:100vw;max-width:none;margin:80px 0 56px calc(50% - 50vw);border:0;border-radius:0;background:none;align-items:stretch}
body.batman .field-graphic--multiball-flow img{width:100%;height:clamp(420px,68vh,720px);object-fit:cover;object-position:50% 48%}
body.batman .field-graphic--multiball-flow figcaption{display:flex;flex-direction:column;justify-content:center;padding:44px var(--batman-gutter) 44px 54px;font-size:17px}

@media(max-width:900px){body.batman #act-learn img{height:clamp(320px,56vh,520px)}body.batman #act-learn figcaption{margin-top:-72px}body.batman #act-plan{grid-template-columns:1fr;margin-top:110px}body.batman #act-plan>a{grid-column:1;grid-row:1}body.batman #act-plan figcaption{grid-column:1;grid-row:2;padding:38px var(--batman-gutter) 0}body.batman #act-plan img{height:clamp(300px,52vh,480px)}body.batman #act-finish img{height:clamp(300px,62vw,470px)}body.batman #act-finish figcaption{position:static;width:auto;padding:38px var(--batman-gutter) 0;background:none}body.batman .field-graphic--multiball-flow{grid-template-columns:1fr}body.batman .field-graphic--multiball-flow img{height:clamp(300px,62vw,470px)}body.batman .field-graphic--multiball-flow figcaption{padding:24px var(--batman-gutter) 0}}
.record-table td:first-child {
  font-weight: 700;
  min-width: 12rem;
}

.record-table td,
.record-table th {
  vertical-align: top;
}