.chapter-animation{width:100%;min-width:0}.chapter-animation h3{margin:12px 0}.animation-tip{font-size:.95rem;color:#36594e}.animation-demos{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.chapter-animation button,.chapter-animation select{font:inherit;color:#173c35;background:#eef6ee;border:1px solid #87af9d;border-radius:10px;min-height:56px;padding:10px 16px;white-space:normal;overflow-wrap:anywhere;max-width:100%;cursor:pointer}.chapter-animation button:hover{background:#e0eee3}.animation-demos button[aria-pressed=true]{color:#fff;background:#247568;border-color:#247568}.chapter-animation button:disabled{color:#54655d;background:#edf0eb;cursor:default}.chapter-animation [data-animation-action=play]{background:#247568;color:white;min-width:100px}.chapter-animation :focus-visible{outline:3px solid #a65e19;outline-offset:3px}.animation-figure{margin:20px 0!important;padding:0!important;background:#f7faf6;border:1px solid #d2e3d8;border-radius:16px;overflow:hidden;width:100%}.animation-stage{width:100%;aspect-ratio:5/3;overflow:hidden}.animation-figure .chapter-animation-canvas{display:block;width:100%;height:100%;max-height:none;max-width:100%}.animation-caption{padding:16px 20px!important;min-height:120px;background:#eef4ed;color:#234c40!important}.animation-caption p{margin:8px 0 0;font-size:1rem;line-height:1.85}.animation-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.animation-controls label{display:flex;align-items:center;gap:8px}.animation-position{display:grid;gap:8px;margin-top:20px}.animation-position input{width:100%;min-width:0;min-height:44px;margin:0;accent-color:#247568;cursor:pointer}.animation-excerpt{background:#faf7ed;border:1px solid #e7dcc0;border-radius:12px;padding:16px;margin-bottom:20px;overflow-wrap:anywhere}.animation-excerpt-label{font-size:.9rem;color:#567063}.animation-sentence{font-size:1.25rem;line-height:2}.animation-sentence span{display:inline-block;padding:4px 8px;border-radius:6px}.animation-highlight{background:#f5d580;color:#203c35}.chapter-photo{margin:28px 0 0;min-width:0}.chapter-photo img{display:block;width:100%;height:auto;aspect-ratio:1430/805;object-fit:contain;max-width:100%;background:#edf2ed;border-radius:12px}.chapter-photo figcaption{font-size:.9rem;line-height:1.8;overflow-wrap:anywhere}.chapter-photo a{color:#1b5c51}.animation-stage svg text{paint-order:stroke;stroke:#f7faf6;stroke-width:.3px;stroke-linejoin:round}
@media(max-width:740px){.animation-controls button{flex:1 1 calc(50% - 10px)}.animation-controls label{width:100%;justify-content:space-between}.animation-controls select{min-width:110px}.animation-demos{display:grid;grid-template-columns:1fr;width:100%}.animation-demos button{width:100%;text-align:left}.animation-caption{padding:14px!important;min-height:150px}.animation-sentence{font-size:1.1rem}.animation-excerpt{padding:12px}}
@media(prefers-reduced-motion:reduce){.chapter-animation *{scroll-behavior:auto;transition:none!important}}
.chapter-animation button[data-animation-action=play]:hover,.chapter-animation button[data-animation-action=play]:focus-visible{background:#1e6257;color:#fff}.chapter-animation input[data-animation-position]{min-height:56px}