.pro-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.pro-sound{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #dce1f5;border-radius:50%;background:#f2f1ff;color:#6053ce;cursor:pointer;flex:none}
.pro-sound .pro-icon{width:20px;height:20px}.pro-sound[aria-pressed=true]{background:#ded9ff}
.pro-sound:focus-visible,.pro-hero-actions a:focus-visible,.pro-hero-actions button:focus-visible{outline:3px solid #a89aef;outline-offset:3px}
.pro-hero-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.pro-hero-actions a,.pro-hero-actions button{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1px solid #ffffff66;border-radius:12px;color:white;background:#ffffff18;padding:8px 14px;font:inherit;text-decoration:none;cursor:pointer}
.c-stat>.pro-icon,.sh-stat>.pro-icon{display:block;margin:0 auto 8px;color:#e6e0ff}.pro-level-mark{display:flex;align-items:center;gap:10px;margin:14px 0;color:#ede9ff;font-weight:700}.pro-level-mark>.pro-icon{width:36px;height:36px}
.pro-about{width:min(640px,92vw);max-height:85vh;overflow:auto;padding:28px;border:1px solid #dce1f5;border-radius:22px;color:#17243a;box-shadow:0 20px 80px #17243a33}.pro-about::backdrop{background:#17243a88}.pro-about h2{font-size:24px;margin:0 0 18px}.pro-about h3{font-size:17px;margin:20px 0 8px}.pro-about p,.pro-about li{line-height:1.7}.pro-about ul{padding-left:22px;list-style:disc}.pro-about button{min-height:44px;padding:10px 20px;margin-top:20px;border:0;border-radius:10px;background:#6053ce;color:white;cursor:pointer}
.preview-plan{margin-bottom:24px;padding:18px;border:1px solid #e0def5;border-radius:16px;background:#faf9ff}.preview-plan ol{padding-left:22px;list-style:decimal}.preview-plan li{padding:4px}.preview-stage .preview-chevron{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid #dddaf6;border-radius:50%;transition:transform .2s}.preview-stage[open] .preview-chevron{transform:rotate(180deg)}
.preview-stage .li-step-icon{color:#6254c7;background:#fff;display:flex;align-items:center;justify-content:center}.preview-item+.preview-item{margin-top:24px;border-top:1px solid #e3e4f2;padding-top:20px}.preview-item h3{font-size:17px;margin:0 0 8px}.preview-item-description{color:#65728b;line-height:1.6;margin-bottom:14px}
.preview-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;scroll-behavior:smooth;padding:3px 2px 14px}.preview-carousel>.preview-word-card{flex:0 0 calc((100% - 24px)/3);min-width:0;scroll-snap-align:start;overflow-wrap:anywhere}.preview-carousel-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.preview-carousel-nav button{min-width:44px;min-height:44px;border:1px solid #dce1f5;background:white;border-radius:12px;color:#6053ce;cursor:pointer}.preview-dialogue strong{display:inline-block;margin-right:14px}.preview-dialogue.playing{border-color:#6053ce;background:#f0edff}.preview-dialogue-controls{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.preview-dialogue-controls button{min-height:44px;border:1px solid #dce1f5;border-radius:10px;background:white;padding:9px 14px;color:#6053ce;cursor:pointer}
.courses-page .pro-path{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:stretch}.courses-page .pro-path-step{padding:14px 8px;border:1px solid #ffffff55;border-radius:14px;background:#ffffff12;transition:background .2s}.courses-page .pro-path-step:hover{background:#ffffff28}.courses-page .pro-path-step::after{display:none}.courses-page .path-node{width:46px;height:46px;border-radius:14px;color:white;background:#ffffff18;border-color:#ffffff66}.courses-page .path-code{color:#eee9ff;font-size:13px;font-weight:700}.courses-page .path-name{color:white;font-size:12px;line-height:1.45}.courses-page .pro-path-step.current .path-code,.courses-page .pro-path-step.current .path-name{color:white}.courses-page .pro-path-step.current .path-node{color:#6053ce}.courses-page .pro-card-icon{color:#6053ce;flex-shrink:0}
@media(max-width:760px){.courses-page .pro-path{grid-template-columns:repeat(2,minmax(0,1fr))}.courses-page .pro-path-step{flex-direction:row;gap:10px;align-items:center}.courses-page .path-lbl{margin:0;text-align:left}.courses-page .path-node{flex-shrink:0}.courses-page .pro-banner{padding:24px 18px}.courses-page .pro-banner-top{flex-wrap:wrap;gap:12px}.preview-carousel>.preview-word-card{flex-basis:calc((100% - 12px)/2)}}
@media(max-width:500px){.preview-carousel>.preview-word-card{flex-basis:92%}.pro-hero-actions{flex-wrap:wrap}.pro-about{padding:20px}.courses-page .pro-path{grid-template-columns:1fr}.courses-page .pro-banner-title{font-size:23px}}
@media(prefers-reduced-motion:reduce){.preview-carousel{scroll-behavior:auto}.preview-stage .preview-chevron{transition:none}}