.hw-study{--hw-ink:#101010;--hw-yellow:#ffcb06;--hw-muted:#514519;font-family:Ubuntu,Arial,sans-serif;color:var(--hw-ink);background:var(--hw-yellow);margin:0;isolation:isolate;scroll-margin-top:0}
.hw-study *{box-sizing:border-box}.hw-study .hw-inner{width:100%;max-width:none;margin:0;padding:40px clamp(24px,3.2vw,64px)}
.hw-study h2,.hw-study h3,.hw-study p{margin:0}
.hw-study h2{font:700 clamp(36px,3.4vw,58px)/1.07 Ubuntu,Arial,sans-serif;letter-spacing:-1.6px;text-wrap:balance}
.hw-study .hw-heading>p{font:400 17px/27px Ubuntu,Arial,sans-serif;color:var(--hw-muted);margin-top:16px;text-wrap:balance}
.hw-study .hw-heading{text-align:center;margin-bottom:28px}
.hw-study .hw-number{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:var(--hw-ink);color:var(--hw-yellow);font:500 11px/1 Ubuntu,Arial,sans-serif;letter-spacing:.2px}
.hw-study .hw-wide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,2.7vw,52px);list-style:none;padding:0;margin:0}
.hw-study .hw-wide-steps>li{min-width:0;margin:0;padding:0}
.hw-study .hw-stage{height:244px;background:#fffcf1;border:1px solid #e0b61e;border-radius:18px;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 4px 0 #b7951a0d}
.hw-study .hw-step-heading{display:flex;align-items:center;gap:12px;margin-top:19px}
.hw-study h3{font:700 clamp(19px,1.6vw,25px)/1.2 Ubuntu,Arial,sans-serif;letter-spacing:-.45px;text-wrap:balance}
.hw-study .hw-wide-steps>li>p{padding-left:42px;font:400 15px/24px Ubuntu,Arial,sans-serif;margin-top:9px;color:var(--hw-muted);max-width:520px}
.hw-study .hw-scene-caption{font:500 12px/18px Ubuntu,Arial,sans-serif;letter-spacing:.2px;color:#797263;margin-bottom:14px}
.hw-study .hw-search-scene,.hw-study .hw-options-scene{width:100%;max-width:410px;text-align:left}
.hw-study .hw-search-field{display:flex;align-items:center;gap:10px;background:white;border:1px solid #ddd8ca;border-radius:28px;padding:7px 8px 7px 15px;box-shadow:0 4px 12px #21170005;font:400 15px/22px Ubuntu,Arial,sans-serif}
.hw-study .hw-search-field>svg{width:18px;height:18px;color:#68645a}
.hw-study .hw-search-field>span{flex:1;min-width:0}
.hw-study .hw-search-field>i{display:grid;place-items:center;width:32px;height:32px;background:#ffcb06;border-radius:50%;font-style:normal;flex-shrink:0}
.hw-study .hw-search-field>i svg{width:17px;height:17px}
.hw-study .hw-found-book{display:flex;align-items:center;gap:17px;margin-top:23px}
.hw-study .hw-book{display:block;flex-shrink:0;object-fit:cover;border-radius:9px;box-shadow:0 5px 12px #201b1217}
.hw-study .hw-found-book .hw-book{width:88px;height:88px}
.hw-study .hw-found-book small,.hw-study .hw-found-book strong,.hw-study .hw-found-book span{display:block;font-family:Ubuntu,Arial,sans-serif}
.hw-study .hw-found-book small{font-size:10px;line-height:16px;letter-spacing:.6px;text-transform:uppercase;color:#777064;margin-bottom:6px}
.hw-study .hw-found-book strong{font-size:18px;line-height:23px;letter-spacing:-.3px}
.hw-study .hw-found-book span{font-size:13px;line-height:20px;color:#726b60;margin-top:4px}
.hw-study .hw-option{display:flex;align-items:center;gap:12px;border-top:1px solid #e9e3d3;padding:12px 0;font:400 12px/17px Ubuntu,Arial,sans-serif}
.hw-study .hw-option>i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff2ba;flex:0 0 32px}
.hw-study .hw-option>i svg{width:17px;height:17px}
.hw-study .hw-option>div{flex:1;min-width:0}
.hw-study .hw-option strong,.hw-study .hw-option span{display:block}.hw-study .hw-option strong{font-size:15px;line-height:19px;font-weight:500}.hw-study .hw-option span{font-size:11px;line-height:16px;color:#756d5f;margin-top:2px}
.hw-study .hw-option>svg{width:17px;height:17px;flex:0 0 17px;color:#7b725d}
.hw-study .hw-option:last-child{padding-bottom:0}
.hw-study .hw-play-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:390px;text-align:center}
.hw-study .hw-listening-book{position:relative;margin-bottom:20px}
.hw-study .hw-listening-book .hw-book{width:124px;height:124px}
.hw-study .hw-play-symbol{display:grid;place-items:center;position:absolute;right:-17px;bottom:-10px;width:46px;height:46px;border-radius:50%;background:#101010;border:4px solid #fffcf1;box-shadow:0 4px 8px #0001;color:#ffcb06}
.hw-study .hw-play-symbol svg{width:19px;height:19px;fill:#ffcb06;stroke-width:1;transform:translateX(-1px)}
.hw-study .hw-play-scene>strong{font:500 16px/22px Ubuntu,Arial,sans-serif}.hw-study .hw-outside{display:flex;align-items:center;justify-content:center;gap:6px;font:400 12px/19px Ubuntu,Arial,sans-serif;color:#746c5d;margin-top:6px}.hw-study .hw-outside svg{width:12px;height:12px}
.hw-study .hw-sound{position:absolute;width:14px;height:48px;top:37px;border-block:2px solid #d8c478;border-radius:45%;opacity:.65}.hw-study .hw-sound-left{right:calc(100% + 18px);border-left:2px solid #d8c478}.hw-study .hw-sound-right{left:calc(100% + 18px);border-right:2px solid #d8c478}
@media(min-width:1750px){.hw-wide .hw-stage{height:256px}.hw-wide .hw-inner{padding-block:44px}.hw-study .hw-wide-steps>li>p{font-size:16px;line-height:26px}}
@media(max-width:1100px) and (min-width:761px){.hw-study .hw-inner{padding-inline:28px}.hw-study .hw-wide-steps{gap:22px}.hw-study .hw-stage{padding:17px;height:230px}.hw-study .hw-found-book{gap:12px}.hw-study .hw-found-book .hw-book{width:68px;height:68px}.hw-study .hw-found-book strong{font-size:15px;line-height:20px}.hw-study .hw-search-field{font-size:12px;gap:6px;padding-left:10px}.hw-study .hw-option{gap:8px}.hw-study .hw-option>i{width:27px;height:27px;flex-basis:27px}.hw-study .hw-option span{font-size:10px}.hw-study .hw-wide-steps>li>p{padding-left:0;font-size:14px;line-height:23px}.hw-study .hw-step-heading{align-items:flex-start}.hw-study .hw-step-heading .hw-number{width:25px;height:25px;flex-basis:25px}}
@media(max-width:760px){
 .hw-study .hw-inner{padding:30px 22px}.hw-study h2{font-size:35px;line-height:1.1;letter-spacing:-1px}.hw-study .hw-heading{margin-bottom:22px;text-align:left}.hw-study .hw-heading>p{font-size:15px;line-height:24px;margin-top:13px;text-wrap:initial}
 .hw-study .hw-wide-steps{grid-template-columns:1fr;gap:24px}.hw-study .hw-wide-steps>li{display:grid;grid-template-columns:116px minmax(0,1fr);column-gap:19px;align-items:start}.hw-study .hw-stage{grid-row:1 / span 2;height:142px;padding:0;border-radius:13px;overflow:hidden}.hw-study .hw-step-heading{display:block;margin-top:0}.hw-study .hw-step-heading .hw-number{width:auto;height:auto;display:block;background:none;color:#766019;margin-bottom:7px;font-size:11px;line-height:15px}.hw-study h3{font-size:20px;line-height:24px;letter-spacing:-.4px;text-wrap:initial}.hw-study .hw-wide-steps>li>p{font-size:13px;line-height:21px;margin-top:8px;padding-left:0;grid-column:2}
 .hw-wide .hw-search-scene{display:flex;flex-direction:column;align-items:center}.hw-wide .hw-search-scene .hw-scene-caption,.hw-wide .hw-search-field>span,.hw-wide .hw-search-field>i,.hw-wide .hw-found-book>div{display:none}.hw-wide .hw-search-field{width:82px;height:25px;justify-content:flex-start;padding:0 8px;position:relative}.hw-wide .hw-search-field::after{content:'';height:2px;width:34px;background:#d5cba9}.hw-wide .hw-search-field>svg{width:11px;height:11px}.hw-wide .hw-found-book{margin-top:11px;gap:0}.hw-wide .hw-found-book .hw-book{width:68px;height:68px;border-radius:5px}
 .hw-wide .hw-options-scene{padding:14px 10px}.hw-wide .hw-options-scene .hw-scene-caption,.hw-wide .hw-option>i,.hw-wide .hw-option span{display:none}.hw-wide .hw-option{padding:11px 0;gap:4px}.hw-wide .hw-option:first-of-type{border-top:0}.hw-wide .hw-option strong{font-size:9px;line-height:13px;font-weight:500}.hw-wide .hw-option>svg{width:11px;height:11px;flex-basis:11px}
 .hw-wide .hw-listening-book{margin:0}.hw-wide .hw-listening-book .hw-book{width:77px;height:77px;border-radius:6px}.hw-wide .hw-play-symbol{width:32px;height:32px;border-width:3px;right:-8px;bottom:-9px}.hw-wide .hw-play-symbol svg{width:13px;height:13px}.hw-wide .hw-play-scene>strong,.hw-wide .hw-outside,.hw-wide .hw-sound{display:none}
}
@media(max-width:350px){.hw-study .hw-inner{padding-inline:18px}.hw-study h2{font-size:30px}.hw-study .hw-wide-steps>li{grid-template-columns:94px minmax(0,1fr);column-gap:15px}.hw-study h3{font-size:18px;line-height:22px}.hw-study .hw-wide-steps>li>p{font-size:12px;line-height:20px}}