.use-page{max-width:1200px;margin:34px auto;padding:0 20px;color:#303238}.use-intro,.use-card{background:#f5f5f7;border-radius:20px;padding:28px;margin-bottom:18px}.use-intro h1{font-size:28px;line-height:1.4;margin:10px 0}.use-page p{line-height:1.8;margin:10px 0}.use-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.use-layout aside{align-self:start}.use-card h2{font-size:22px;line-height:1.5;margin:10px 0;overflow-wrap:anywhere}.use-step,.use-hint,#useStatus{font-size:14px;color:#60636b}.use-meaning{font-size:20px}.use-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}.use-page button,.use-page select,.use-paging a{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:10px 14px;min-height:44px;color:#303238;cursor:pointer;font:inherit}.use-page button:hover{background:#e9e9ed}.use-page button:focus-visible,.use-page a:focus-visible{outline:2px solid #303238;outline-offset:3px}.use-line{display:flex;gap:16px;align-items:center;background:white;padding:16px;border-radius:12px;margin:12px 0}.use-line>div{flex:1;min-width:0}.use-line button{flex-shrink:0}.use-lesson{display:block;padding:16px 12px;border-radius:12px;margin-top:8px;color:inherit}.use-lesson span{display:block;line-height:1.6;margin-top:8px}.use-lesson[aria-current]{background:#e9e9ed}.use-paging{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.use-masked{font-size:0!important;min-height:40px}.use-masked:after{content:'영어를 떠올려 소리 내어 말해보세요';font-size:18px;color:#60636b}.use-page:has(.use-masked) .use-lesson span{visibility:hidden}@media(max-width:767px){.use-page{margin-top:24px;padding:0 12px}.use-layout{grid-template-columns:1fr}.use-intro,.use-card{padding:20px}.use-intro h1{font-size:24px}.use-line{flex-wrap:wrap}.use-line>div{flex-basis:70%}.use-layout aside{grid-row:2}}
