#wordcheck { margin: 40px 0; scroll-margin-top: 100px; }
#wordcheck .wordcheck-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 20px 0; }
#wordcheck .wordcheck-inputs > div { min-width: 0; }
#wordcheck-clear { background: #fff; color: #254c41; }
#wordcheck-status { font-weight: 700; }
#wordcheck .wordcheck-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 16px 0 24px; }
#wordcheck .wordcheck-course { min-width: 0; padding: 18px; border: 1px solid #a6b9b0; border-radius: 10px; background: #fff; color: #173b30; overflow-wrap: anywhere; }
#wordcheck .wordcheck-course h4 { margin: 0 0 12px; font-size: 1.05rem; line-height: 1.7; color: #173b30; }
#wordcheck .wordcheck-course a { color: #175740; text-decoration: underline; text-underline-offset: .15em; }
#wordcheck .wordcheck-play { display: block; padding: 12px; border-radius: 8px; min-height: 48px; box-sizing: border-box; background: #1c5747; color: #fff !important; font-weight: 700; text-align: center; }
#wordcheck .wordcheck-count, #wordcheck .wordcheck-access { font-weight: 700; }
#wordcheck .wordcheck-word { margin: 32px 0; padding-top: 16px; border-top: 1px solid #a6b9b0; }
#wordcheck .wordcheck-word h3 { font-size: 1.4rem; overflow-wrap: anywhere; color: #173b30; }
#wordcheck .wordcheck-sentence { line-height: 1.8; }
#wordcheck .wordcheck-credit { font-size: .84rem; line-height: 1.8; }
#wordcheck details { margin: 16px 0 0; }
#wordcheck summary { padding: 10px 0; min-height: 44px; box-sizing: border-box; cursor: pointer; font-weight: 700; }
#wordcheck img { display: block; width: 160px; max-width: 100%; height: auto; margin: 12px auto; background: #fff; }
#wordcheck .wordcheck-example + .wordcheck-example { margin-top: 20px; border-top: 1px solid #c3d0ca; padding-top: 12px; }
#wordcheck-result-title:focus { outline: 3px solid #a1440c; outline-offset: 3px; }
@media (max-width: 820px) { #wordcheck .wordcheck-grid { grid-template-columns: 1fr; } }
@media (max-width: 540px) { #wordcheck .wordcheck-inputs { grid-template-columns: 1fr; } #wordcheck .wordcheck-course { padding: 16px; } }