.focus-banner{padding:64px max(7vw,30px);background:#202225;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:45px}.focus-banner h1{font-size:clamp(38px,5vw,64px);margin:8px 0}.focus-banner>div>p:last-child{color:#bbb}.focus-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-width:min(620px,55vw)}.focus-steps a{display:flex;gap:12px;padding:18px;background:#303236;border:1px solid #555;border-radius:12px;color:#fff;text-decoration:none}.focus-steps a:first-child{background:#4b70e8;border-color:#8ba4ff}.focus-steps b{color:#ffd83d}.focus-steps span{font-weight:900}.focus-steps small{display:block;color:#bbb;margin-top:4px}.phonetics-section,.vocabulary-section{padding:90px max(7vw,30px);scroll-margin-top:80px}.phonetics-section{background:#edf2ff}.phonetics-layout{max-width:1100px;margin:35px auto;display:grid;grid-template-columns:300px 1fr;gap:25px}.sound-guide,.sound-board,.sound-quiz{border:2px solid var(--ink);border-radius:16px;background:#fff;padding:28px;box-shadow:5px 5px 0 var(--ink)}.sound-guide{background:#fff8d2}.sound-icon{display:grid;place-items:center;width:55px;height:55px;border:2px solid var(--ink);border-radius:50%;background:var(--pink);color:#fff;font-size:25px}.sound-guide h3,.sound-quiz h3{font-size:25px;margin:16px 0 8px}.sound-guide p{line-height:1.7}.mouth-tip{padding:14px;background:#fff;border-left:4px solid var(--yellow);margin:20px 0}.mouth-tip span{display:block;font-size:12px;margin-top:5px}.sound-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.sound-tabs button{border:2px solid #ddd;border-radius:99px;background:white;padding:8px 14px;font-weight:900;cursor:pointer}.sound-tabs button.active{background:var(--blue);border-color:var(--ink);color:white}.sound-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sound-card{border:2px solid var(--ink);border-radius:11px;background:white;padding:14px 8px;text-align:center;cursor:pointer;box-shadow:3px 3px 0 #ddd}.sound-card:hover{transform:translateY(-2px);background:#f5f7ff}.sound-card b{display:block;color:var(--blue);font-size:25px}.sound-card span{font-size:12px;font-weight:800}.sound-card small{display:block;color:#888}.sound-status{text-align:center;color:#666;font-weight:800;min-height:24px}.sound-quiz{max-width:1100px;margin:25px auto 0;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#f5edff}.sound-quiz h3{margin:4px 0}.sound-options{display:flex;gap:10px}.sound-options button{border:2px solid var(--ink);background:white;border-radius:9px;padding:12px 24px;font-weight:900;cursor:pointer}.sound-options button.correct{background:#dff8ed}.sound-options button.wrong{background:#ffe6ea}.vocabulary-section{background:#fff}.word-progress{max-width:1100px;margin:30px auto 22px;display:flex;align-items:center;gap:15px;font-weight:900}.word-progress>div{height:10px;flex:1;background:#eee;border-radius:10px;overflow:hidden}.word-progress i{display:block;width:0;height:100%;background:var(--pink);transition:.3s}.word-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.word-card{min-height:185px;border:2px solid var(--ink);border-radius:14px;padding:20px;background:#fff;box-shadow:4px 4px 0 var(--ink);cursor:pointer;text-align:left;position:relative}.word-card.learned{background:#ddf5ea}.word-card h3{font-size:25px;margin:5px 0}.word-card .ipa{color:var(--blue);font-weight:800}.word-card .meaning{font-size:17px;font-weight:900;margin-top:18px}.word-card .example{color:#666;font-size:13px}.speak-word{position:absolute;right:12px;top:12px;border:0;background:#edf2ff;border-radius:50%;width:35px;height:35px;cursor:pointer}@media(max-width:950px){.focus-banner{align-items:flex-start;flex-direction:column}.focus-steps{min-width:0;width:100%}.phonetics-layout{grid-template-columns:1fr}.word-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.focus-banner{padding:45px 20px}.focus-steps{grid-template-columns:1fr}.phonetics-section,.vocabulary-section{padding:65px 20px}.sound-grid{grid-template-columns:repeat(3,1fr)}.sound-quiz{align-items:flex-start;flex-direction:column}.sound-options{width:100%}.sound-options button{flex:1;padding:11px}.word-grid{grid-template-columns:1fr 1fr}.word-card{min-height:165px;padding:15px}.word-card h3{font-size:21px}}