.unit-sheet{position:relative;isolation:isolate;background:#fff;color:#222;width:100%;max-width:1536px;min-height:min(70.703125vw,1086px);margin:24px auto;container-type:inline-size}
.unit-art{position:absolute;inset:0;display:block;width:100%;height:auto}
.unit-transition{position:absolute;inset:0;width:100%;height:auto;pointer-events:none}
.unit-transition[hidden]{display:none}


.unit-info{position:relative;margin-left:74%;width:26%;min-height:min(70.703125vw,1086px);padding:40px 22px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.unit-heading{margin:0;font-size:clamp(16px,1.35cqw,21px);line-height:1.5;font-weight:500}
.unit-title{display:block}
.unit-toggle{display:flex;flex-direction:column;align-items:center;width:48px;margin:0 auto;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}
.unit-toggle canvas{width:48px;height:48px;margin:3px 0}
.unit-toggle:focus-visible{outline:1px dotted #d3404a;outline-offset:6px}
.unit-description{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .65s ease,opacity .4s ease}
.unit-description.open{grid-template-rows:1fr;opacity:1}
.unit-description-inner{min-height:0;overflow:hidden}
.unit-description h3{font-size:clamp(12px,1cqw,15px);font-weight:500;margin:20px 0 12px}
.unit-description p{font-size:clamp(12px,1cqw,15px);line-height:1.6;margin:0 0 16px}
@media(max-width:700px){.unit-sheet{margin:12px auto}.unit-art{position:relative}.unit-info{margin:0;width:100%;min-height:0;padding:24px 8vw 48px}.unit-description p{font-size:14px}.unit-heading{font-size:18px}}
@media(prefers-reduced-motion:reduce){.unit-description{transition:none}}
.unit-description[hidden]{display:none}
