.koshi-story{--ks-ink:#284833;--ks-line:#dce5dd;margin:18px 0 28px;color:#35473b;line-height:1.75}
.koshi-story *{box-sizing:border-box}.koshi-story p{max-width:900px;margin:0 0 18px}.koshi-story h2{font-size:25px;line-height:1.3;margin:32px 0 16px;color:#283e30}.koshi-story a{color:#285c3a;text-underline-offset:3px}
.koshi-story .ks-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:24px 0 14px}
.koshi-story .ks-column{min-width:0}.koshi-story .ks-heading{padding:16px 18px;border-radius:10px;background:#edf4e9;border:1px solid var(--ks-line);margin-bottom:14px;min-height:91px}.koshi-story .ks-column-classic .ks-heading{background:#f6f4ee}.koshi-story .ks-heading span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:11px;line-height:1.5;color:#596d58}.koshi-story .ks-heading h3{font-size:26px;line-height:1.3;color:var(--ks-ink);margin:4px 0 0}
.koshi-story .ks-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;background:#fff;border:1px solid var(--ks-line);border-radius:10px;padding:12px 16px;margin-bottom:12px;min-height:173px;transition:border-color .2s;overflow:hidden}
.koshi-story .ks-card[data-state=playing]{border-color:#4e7852;box-shadow:inset 0 0 0 1px #4e7852}
.koshi-story .ks-picture{display:flex;align-items:center;justify-content:center;width:112px;height:148px;overflow:hidden;background:#fff}
.koshi-story .ks-picture img{display:block;width:144px;max-width:none;height:144px;object-fit:contain;transform-origin:50% 9%;transform:rotate(0deg);pointer-events:none}
.koshi-story .ks-card[data-state=playing] .ks-picture img{animation:koshi-story-swing 3.4s ease-in-out infinite}
@keyframes koshi-story-swing{0%,100%{transform:rotate(0deg)}25%{transform:rotate(4deg)}75%{transform:rotate(-4deg)}}
.koshi-story .ks-info{min-width:0}.koshi-story .ks-info h4{font-size:20px;line-height:1.3;color:var(--ks-ink);margin:0 0 9px;font-weight:600}
.koshi-story .ks-play{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:128px;max-width:100%;height:42px;padding:8px 10px;background:var(--ks-ink);border:1px solid var(--ks-ink);border-radius:6px;color:#fff;font-size:13px;line-height:1.3;font-weight:600;white-space:nowrap;cursor:pointer}
.koshi-story .ks-play[aria-pressed=true]{background:#e7f0e3;color:var(--ks-ink)}.koshi-story .ks-play:disabled{opacity:.5;cursor:default}.koshi-story [data-ks-icon]{width:12px;font-size:11px;text-align:center}
.koshi-story .ks-progress{display:flex;gap:8px;align-items:center;height:24px;margin:8px 0 4px}.koshi-story .ks-progress input{min-width:0;width:100%;height:24px;flex:1;margin:0;padding:0;accent-color:#31563b}.koshi-story .ks-progress input:disabled{opacity:.45}.koshi-story .ks-progress output{flex:0 0 76px;width:76px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#5d6d60}
.koshi-story .ks-product{font-size:12px;line-height:1.5;display:inline-block}.koshi-story .ks-credit{font-size:12px;color:#687869;margin:4px 0 28px}.koshi-story .ks-set-link{display:inline-block;border:1px solid var(--ks-line);border-radius:7px;background:#edf4e9;padding:10px 17px;font-weight:600;font-size:14px;margin:0 10px 10px 0}
.koshi-story :is(button,input,a):focus-visible{outline:3px solid #6c986e;outline-offset:3px}.koshi-story .ks-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.koshi-story [hidden]{display:none!important}
@media(max-width:900px){.koshi-story .ks-columns{gap:16px}.koshi-story .ks-card{grid-template-columns:88px minmax(0,1fr);gap:10px;padding:10px}.koshi-story .ks-picture{width:88px}}
@media(max-width:650px){.koshi-story .ks-columns{gap:12px}.koshi-story .ks-heading{min-height:85px;padding:12px 10px}.koshi-story .ks-heading span{font-size:10px;letter-spacing:.02em}.koshi-story .ks-heading h3{font-size:20px}.koshi-story .ks-card{display:flex;flex-direction:column;gap:6px;padding:10px 8px;min-height:284px;text-align:center}.koshi-story .ks-picture{width:100%;height:120px}.koshi-story .ks-picture img{width:126px;height:126px}.koshi-story .ks-info{width:100%}.koshi-story .ks-info h4{font-size:18px;margin-bottom:8px}.koshi-story .ks-play{width:128px;font-size:12px}.koshi-story .ks-progress{gap:5px}.koshi-story .ks-progress output{flex-basis:61px;width:61px;font-size:10px}.koshi-story .ks-product{font-size:11px}.koshi-story h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.koshi-story .ks-card[data-state=playing] .ks-picture img{animation:none}.koshi-story .ks-card{transition:none}}