.os-study .sv-header{justify-content:space-between}.os-breadcrumb{color:var(--sv-purple);margin:0 0 18px;font-size:15px}.os-muted{color:var(--sv-muted);font-size:14px}.os-study .sv-hero{padding-top:42px}.os-study .sv-hero h1{font-size:clamp(30px,4vw,46px)}.os-study .sv-progress-card .os-muted{margin-bottom:0;font-size:12px}.os-navigation{border-bottom:1px solid var(--sv-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:0 0 22px;display:flex}.os-navigation nav{gap:8px;display:flex}.os-navigation nav a{border-radius:9px;padding:11px 18px;font-weight:600}.os-navigation nav a[aria-current=page]{color:var(--sv-purple);background:var(--sv-soft)}.os-navigation label,.os-controls label{align-items:center;gap:12px;font-size:14px;display:flex}.os-study select{border:1px solid var(--sv-line);background:var(--sv-surface);border-radius:8px;max-width:100%;padding:10px}.os-controls{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;padding:22px 0;display:flex}.os-controls p{color:var(--sv-muted);font-size:14px}.os-controls label{flex-shrink:0}.os-term-link{text-align:left;text-decoration:underline;text-decoration-color:var(--sv-line);text-underline-offset:5px;line-height:1.4}.os-term-link:hover{color:var(--sv-purple);text-decoration-color:currentColor}.os-study .sv-word-title h3{min-width:0}.os-study .sv-speak{flex:0 0 44px;width:44px;height:44px}.os-study .sv-star{min-width:44px;min-height:44px}.os-study .sv-collections button{justify-content:space-between}.os-study .sv-options>button{min-height:44px;color:var(--sv-purple);padding:8px}.os-study .sc-lesson-heading{display:block}.os-study .sc-lesson-heading>p:last-child{color:var(--sv-text);max-width:740px;font-size:17px;line-height:1.9}.os-snapshot{border:1px solid var(--sv-line);background:var(--sv-surface);border-radius:14px;overflow:hidden}.os-snapshot>div{background:var(--sv-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 22px;display:flex}.os-snapshot>div span{color:var(--sv-muted);font-size:12px}.os-snapshot dl{margin:0;padding:10px 22px}.os-snapshot dl>div{grid-template-columns:1fr 1fr;gap:20px;padding:14px 0;display:grid}.os-snapshot dl>div+div{border-top:1px solid var(--sv-line)}.os-snapshot dt{color:var(--sv-muted)}.os-snapshot dd{overflow-wrap:anywhere;margin:0;font-weight:600}.os-keywords{margin:28px 0}.os-keywords h3,.os-examples h3,.os-practice h3{margin:0 0 17px;font-size:19px}.os-keywords>div{flex-wrap:wrap;gap:10px;display:flex}.os-keyword{text-align:left;border:1px solid var(--sv-line);background:var(--sv-surface);border-radius:10px;padding:11px 16px}.os-keyword:hover{border-color:var(--sv-purple)}.os-keyword strong{font-size:16px;font-weight:550;display:block}.os-keyword span{color:var(--sv-muted);font-size:13px}.os-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.os-section-heading h3{margin:0}.os-text-button{min-height:44px;padding:10px 0;color:var(--sv-purple)!important}.os-examples ol{gap:14px;margin:18px 0;padding:0;list-style:none;display:grid}.os-examples li{background:var(--sv-surface);border:1px solid var(--sv-line);border-radius:13px;padding:22px 26px}.os-example-heading{color:var(--sv-purple);justify-content:space-between;align-items:center;font-size:13px;display:flex}.os-study .sc-english{overflow-wrap:anywhere;margin:10px 0;font-size:24px;line-height:1.65}.os-study .sc-ipa{overflow-wrap:anywhere;line-height:1.8}.os-study .sc-chinese{margin-top:10px;font-size:16px}.os-study .sc-inline-word{font:inherit;line-height:inherit;color:inherit;text-align:left;text-decoration:underline dotted;text-decoration-color:var(--sv-purple);text-underline-offset:5px;border:0;border-radius:2px;padding:0;display:inline}.os-study .sc-inline-word:hover{color:var(--sv-purple);background:var(--sv-soft)}.os-pattern{background:var(--sv-soft);border-radius:10px;padding:17px 22px;font-size:15px;line-height:1.9}.os-practice{background:var(--sv-surface);border:1px solid var(--sv-line);border-radius:14px;margin:32px 0;padding:28px}.os-practice fieldset{border:0;min-width:0;margin:20px 0;padding:0}.os-practice legend{margin-bottom:15px;font-size:17px;font-weight:550}.os-practice fieldset label{border:1px solid var(--sv-line);cursor:pointer;border-radius:9px;align-items:flex-start;gap:12px;margin:10px 0;padding:14px 16px;display:flex}.os-practice fieldset label.selected{border-color:var(--sv-purple);background:var(--sv-soft)}.os-practice input[type=radio]{width:18px;height:18px;accent-color:var(--sv-purple);flex-shrink:0;margin:5px 0 0}.os-writing{border-top:1px solid var(--sv-line);padding-top:22px}.os-writing>label{font-size:17px;font-weight:550}.os-writing p{color:var(--sv-muted);margin:10px 0 17px}.os-writing>div{font-size:22px;line-height:2}.os-writing input{background:var(--sv-bg);border:1px solid var(--sv-line);border-bottom:2px solid var(--sv-purple);border-radius:7px;width:100%;margin:8px 0;padding:9px 13px;display:block}.os-practice-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px;display:flex}.os-primary{background:var(--sv-purple);border-radius:8px;align-items:center;gap:10px;min-height:46px;padding:12px 22px;font-weight:600;display:inline-flex;color:var(--sv-surface)!important}.os-primary:disabled{opacity:.5}.os-reference,.os-feedback{background:var(--sv-soft);border-radius:10px;margin-top:20px;padding:18px}.os-reference p,.os-feedback p{margin:9px 0 0}.os-reference small{color:var(--sv-muted);margin-top:12px;display:block}.os-feedback{border-left:3px solid var(--sv-purple)}.os-feedback.correct{border-color:#578373}.os-directory-hero{max-width:900px;padding:54px 0 34px}.os-directory-hero h1{letter-spacing:-1.5px;margin:10px 0 20px;font-size:clamp(32px,5vw,52px);line-height:1.3}.os-directory-hero>p:not(.os-breadcrumb){color:var(--sv-muted);font-size:18px}.os-learning-path{flex-wrap:wrap;gap:30px;margin:34px 0 10px;padding:0;list-style:none;display:flex}.os-learning-path li{align-items:center;gap:13px;display:flex}.os-learning-path b{background:var(--sv-soft);color:var(--sv-purple);border-radius:10px;padding:11px}.os-learning-path small{color:var(--sv-muted);font-size:13px;display:block}.os-course-group{margin:44px 0}.os-course-group h2{margin-bottom:22px;font-size:23px}.os-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.os-course-card{background:var(--sv-surface);border:1px solid var(--sv-line);border-radius:16px;padding:26px}.os-card-heading{align-items:center;gap:16px;display:flex}.os-card-heading>span{background:var(--sv-soft);width:48px;height:48px;color:var(--sv-purple);border-radius:12px;flex-shrink:0;place-items:center;font-size:16px;font-weight:600;display:grid}.os-card-heading h3{margin:0;font-size:21px}.os-card-heading small{color:var(--sv-muted);font-size:14px;font-weight:400;display:block}.os-course-card>p{color:var(--sv-muted);min-height:52px;margin:20px 0 14px}.os-course-card ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;font-size:14px;list-style:none;display:grid}.os-course-card li:before{content:"·";color:var(--sv-purple);padding-right:6px}.os-card-links{border-top:1px solid var(--sv-line);flex-wrap:wrap;align-items:center;gap:22px;margin-top:23px;padding-top:19px;display:flex}.os-card-links a{min-height:44px;color:var(--sv-purple);align-items:center;font-size:15px;display:flex}.os-card-links a:first-child{font-weight:600}.os-home-link{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin:16px 0 28px;padding:22px;display:flex}.os-home-link strong{font-size:20px;display:block}.os-home-link small{opacity:.75;margin-top:7px;font-size:14px;display:block}@media (width<=700px){.os-controls{flex-direction:column;align-items:flex-start}.os-navigation{gap:20px}.os-navigation nav{width:100%}.os-navigation nav a{text-align:center;flex:1;padding:10px 6px}.os-study .sv-hero{padding-top:27px}.os-study .sc-english{font-size:21px}.os-examples li,.os-practice{padding:20px 17px}.os-snapshot>div,.os-snapshot dl{padding-left:17px;padding-right:17px}.os-snapshot dl>div{gap:12px;font-size:14px}.os-course-grid{grid-template-columns:1fr}.os-course-card{padding:22px}.os-course-card ul{grid-template-columns:1fr}.os-course-card>p{min-height:0}.os-directory-hero{padding-top:30px}.os-learning-path{gap:18px}.os-learning-path li{flex:190px}.os-practice-actions .os-primary{flex:1;justify-content:center}.os-study .sv-footer p{overflow-wrap:anywhere}}