/* v176: a genuinely readable, optional long-vowel progression. */
.sbs176-long{width:min(1020px,calc(100% - 24px));margin:24px auto;border:1px solid #d5dccb;border-radius:21px;background:#fcf9f0;color:#284736;box-shadow:0 14px 32px #233c2d10;overflow:hidden}
.sbs176-long>summary{display:flex;align-items:center;gap:15px;cursor:pointer;padding:22px;list-style:none}
.sbs176-long>summary::-webkit-details-marker{display:none}.sbs176-mark{font-size:2.6rem;color:#356e50;background:#e7f0e6;min-width:80px;text-align:center;border-radius:14px;padding:8px}
.sbs176-long summary span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.sbs176-long summary small{color:#947037;font-size:.71rem;font-weight:800;letter-spacing:.09em}.sbs176-long summary strong{font-family:Georgia,serif;font-size:clamp(1.25rem,2.3vw,1.8rem);line-height:1.25}.sbs176-long summary em{font-style:normal;color:#687467;font-size:.87rem}.sbs176-open{font-size:1.45rem}.sbs176-long[open] .sbs176-open{transform:rotate(45deg)}
.sbs176-inner{border-top:1px solid #dde4d5;padding:22px;line-height:1.65}.sbs176-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.sbs176-three>div{border:1px solid #dde8d9;border-radius:15px;padding:18px 10px;background:#fff;text-align:center}.sbs176-three span{display:block;color:#73816e;font-size:.72rem;font-weight:800}.sbs176-three strong{display:block;font-size:clamp(1.7rem,3vw,2.7rem);margin:8px 0}.sbs176-three p{margin:0;color:#627068}
.sbs176-game{background:#f1f6ef;border:1px solid #d9e7d5;border-radius:18px;padding:20px;text-align:center}.sbs176-game-head{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;color:#57705c}.sbs176-word{font-size:clamp(3.2rem,8vw,5.3rem);line-height:1.7;color:#274f3a}.sbs176-cue{font-weight:650;color:#687166}.sbs176-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.sbs176-choices button{display:grid;gap:2px;font-size:2rem;min-height:88px;border:1px solid #abc5ab;border-radius:13px;background:white;color:#264936;cursor:pointer}.sbs176-choices button small{font-size:.76rem;font-weight:650}.sbs176-choices button:disabled{opacity:.75;cursor:default}.sbs176-choices button.sbs176-correct{border:2px solid #33805a;background:#e1f3e5}.sbs176-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.sbs176-controls button{min-height:44px;background:#fff;border:1px solid #a9c3ae;border-radius:12px;color:#254836;padding:8px 15px;cursor:pointer}.sbs176-controls [data-sbs176-next]{background:#2f684a;color:white}.sbs176-controls button:disabled{opacity:.45;cursor:not-allowed}.sbs176-feedback{min-height:45px}.sbs176-note{font-size:.9rem;color:#687066;margin-top:19px}.sbs176-long :is(button,a,summary):focus-visible{outline:3px solid #8c61b5;outline-offset:3px}
@media(max-width:560px){.sbs176-three{grid-template-columns:1fr}.sbs176-three>div{padding:10px}.sbs176-three strong{margin:2px 0}.sbs176-inner{padding:14px}.sbs176-long>summary{padding:14px;gap:9px}.sbs176-mark{min-width:54px;font-size:1.9rem}.sbs176-choices{gap:6px}.sbs176-choices button{font-size:1.65rem;padding:4px;min-height:76px}.sbs176-choices button small{font-size:.69rem}}