.seo-page{margin:0}.seo-page header{max-width:1140px;margin:auto;padding:20px 24px;gap:16px;flex-wrap:wrap}.seo-nav{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.seo-nav a,.seo-content a,.seo-home a{color:#ffce76;text-underline-offset:4px}.seo-content{max-width:1060px;margin:auto;padding:16px 24px 52px}.seo-content h1{font-size:clamp(26px,4vw,42px);line-height:1.4;margin:16px 0}.seo-content h2{font-size:23px;margin:34px 0 16px}.seo-content h3{font-size:19px;margin:0 0 12px}.seo-content p,.seo-content li{line-height:1.9}.seo-lead{font-size:17px;color:#cad4e2;max-width:78ch}.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;font-size:13px;color:#aab9ce}.seo-breadcrumb li+li:before{content:' / ';padding-right:8px}.seo-preview{padding:10px 14px;border-left:3px solid #ffce76;background:#242630;font-size:13px}.seo-kicker{color:#aab9ce;font-size:12px;letter-spacing:.12em}.seo-section{padding:22px;border:1px solid #35404e;border-radius:12px;background:#1b222b;margin:20px 0}.seo-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.seo-facts>div{padding:12px;background:#202832;border-radius:8px}.seo-facts dt{font-size:12px;color:#aab9ce}.seo-facts dd{margin:6px 0 0;line-height:1.6;overflow-wrap:anywhere}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seo-card{padding:20px;border:1px solid #35404e;background:#1b222b;border-radius:10px;min-width:0}.seo-card p{font-size:14px;margin:8px 0;color:#b8c5d6}.seo-card small{color:#aab9ce;line-height:1.7}.seo-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;padding:0}.seo-player{width:min(100%,650px);display:block;margin:12px 0}.seo-downloads{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.seo-downloads a,.seo-button{display:inline-block;border:1px solid #536073;border-radius:8px;padding:10px 14px;min-height:44px;background:#222d3b}.seo-note{font-size:13px;color:#aab9ce}.seo-content footer{display:block;padding:24px 0;margin-top:32px;border-top:1px solid #35404e}.seo-content footer nav{display:flex;gap:18px;flex-wrap:wrap}.seo-home{margin:24px 0}.seo-home h2{font-size:21px}.seo-home p{line-height:1.8;color:#bac7d8}.seo-home details{border:1px solid #35404e;border-radius:8px;padding:16px}.seo-home summary{cursor:pointer;font-size:17px}.seo-directory{columns:2;list-style:none;padding:0}.seo-directory li{break-inside:avoid;padding:8px 0;line-height:1.7}.seo-directory a{font-size:14px}.track-title h3 a{color:inherit;text-decoration:none}.track-title h3 a:hover{text-decoration:underline}.seo-table{width:100%;border-collapse:collapse}.seo-table th,.seo-table td{text-align:left;border-bottom:1px solid #35404e;padding:12px;line-height:1.7}.seo-table-wrap{overflow-x:auto}.seo-content pre{white-space:pre-wrap;overflow-wrap:anywhere}.seo-content a:focus-visible,.seo-home a:focus-visible{outline:2px solid #ffce76;outline-offset:4px}.seo-content [id]{scroll-margin-top:20px}
@media(max-width:760px){.seo-page header{padding:16px}.seo-content{padding:12px 16px 32px}.seo-grid,.seo-catalog{grid-template-columns:1fr}.seo-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-section,.seo-card{padding:16px}.seo-directory{columns:1}.seo-nav{font-size:13px;gap:12px}.seo-table th,.seo-table td{padding:9px}}

header{height:auto;min-height:90px;flex-wrap:wrap;gap:14px;padding-top:16px;padding-bottom:16px}.brand{max-width:100%}.brand>span:last-child{min-width:0}.brand small{letter-spacing:.08em}.site-tagline{font-size:clamp(16px,2vw,20px);line-height:1.9;color:#e3cfaa;margin:12px 0 20px}.seo-focus{background:linear-gradient(120deg,#302b20,#1c2633);border:1px solid #756039;border-radius:12px;padding:22px;margin:20px 0}.seo-focus h2{margin:0 0 12px}.seo-focus-links{display:flex;gap:12px;flex-wrap:wrap}.seo-focus-links .seo-button:first-child{background:#ffce76;color:#191b21;border-color:#ffce76;font-weight:700}.seo-focus-links a{min-height:44px}.seo-home header{flex-wrap:wrap}@media(max-width:760px){header{padding:16px;gap:12px}.brand{font-size:17px}.heading h1{font-size:27px}.seo-focus{padding:16px}.seo-focus-links{display:grid;grid-template-columns:1fr}.seo-focus-links a{width:100%}}

.learning-section{margin:36px 0;padding:24px;border:1px solid #35404e;border-radius:12px;background:#1b222b}.learning-section p{line-height:1.8}.learning-section a,.learning-mini a{color:#ffce76}.learning-newsletter{display:flex;gap:18px;align-items:center;padding:18px;background:#222d3b;border-radius:10px}.learning-newsletter img{width:90px;height:90px;object-fit:contain;flex-shrink:0}.learning-newsletter h3{margin:0 0 8px;font-size:18px}.learning-newsletter p{margin:0;font-size:14px}.learning-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.learning-card{min-width:0;border:1px solid #35404e;border-radius:10px;overflow:hidden}.learning-card img{width:100%;height:auto;display:block}.learning-card h3,.learning-card p{padding:0 15px;line-height:1.7}.learning-card h3{font-size:17px}.learning-card p{font-size:14px}.learning-membership{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center;padding:20px;background:#222d3b;border-radius:10px}.learning-membership img{width:100%;height:auto;display:block}.learning-mini{margin:28px 0;padding:18px;border-top:1px solid #35404e}.learning-mini h2{font-size:18px;margin:0 0 10px}.learning-mini p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}@media(max-width:760px){.learning-courses{grid-template-columns:1fr}.learning-membership{grid-template-columns:1fr}.learning-membership>a{max-width:260px;margin:auto}.learning-section{padding:16px}.learning-newsletter{padding:12px;gap:12px}.learning-newsletter img{width:72px;height:72px}.learning-newsletter h3{font-size:16px}}

.conditions-table table{width:100%;border-collapse:collapse;table-layout:fixed}.conditions-table td,.conditions-table th{padding:12px;vertical-align:top;border-bottom:1px solid #35404e;overflow-wrap:anywhere}.conditions-table th:first-child{width:20%}@media(max-width:650px){.conditions-table table,.conditions-table tbody,.conditions-table tr,.conditions-table td{display:block;width:auto}.conditions-table thead{display:none}.conditions-table tr{border-bottom:2px solid #35404e;margin:12px 0}}.credit-example{white-space:pre-wrap;overflow-wrap:anywhere}
.faq-list details+details{margin-top:10px}.faq-list summary{font-weight:700;line-height:1.6}.faq-list details p{margin:12px 0 0}

/* promo (PR) */
.course-card{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center;margin:32px 0;padding:20px;border:1px solid #756039;border-radius:12px;background:linear-gradient(120deg,#302b20,#1c2633)}
.course-card-visual{display:block;border-radius:8px;overflow:hidden;line-height:0}
.course-card-visual img,.shop-course-visual img,.shop-plan-visual img{display:block;width:100%;height:auto}
.course-card-label,.shop-cta-label,.dl-guide-label{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:11px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#aab9ce}
.course-card-tag{border:1px solid #536073;border-radius:3px;padding:1px 6px;color:#cad4e2;letter-spacing:.06em}
.course-card-title{margin:0 0 8px;font-size:clamp(18px,2.1vw,22px);font-weight:700;line-height:1.5;color:#f1f3f6}
.course-card-text{margin:0 0 12px;font-size:14px;line-height:1.85;color:#cad4e2}
.course-card-points{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0}
.course-card-points li{font-size:12px;line-height:1.5;color:#ffce76;background:#2a2b26;border:1px solid #5c4d30;border-radius:4px;padding:3px 9px}
.course-card .course-card-button,.shop-cta .shop-button,.dl-guide .dl-guide-ticket{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 20px;border-radius:8px;background:#ffce76;color:#191b21;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s}
.course-card .course-card-button:hover,.shop-cta .shop-button:hover,.dl-guide .dl-guide-ticket:hover{background:#ffdc9c;color:#191b21}
.course-card--top{grid-template-columns:96px minmax(0,1fr) auto;gap:18px;margin:0 0 22px;padding:14px 18px}
.course-card--top .course-card-label{margin-bottom:4px}
.course-card--top .course-card-title{font-size:17px;margin:0 0 4px}
.course-card--top .course-card-text{font-size:13px;line-height:1.75;margin:0}
.course-card--top .course-card-button{white-space:nowrap}
.shop-cta{margin:44px 0 24px;padding:28px 0 4px;border-top:1px solid #35404e}
.shop-cta-head{max-width:860px;margin-bottom:22px}
.shop-cta h2{margin:0 0 12px;font-size:clamp(21px,2.6vw,27px);line-height:1.45}
.shop-cta-head>p:last-child{margin:0;font-size:15px;line-height:1.9;color:#cad4e2}
.shop-course,.shop-plan{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:26px;align-items:center;padding:20px;margin:0 0 16px;border:1px solid #35404e;border-radius:12px;background:#1b222b}
.shop-plan{grid-template-columns:240px minmax(0,1fr);background:#222d3b;border-color:#536073}
.shop-course-visual,.shop-plan-visual{display:block;line-height:0;border-radius:8px;overflow:hidden;transition:transform .15s}
.shop-course-visual:hover,.shop-plan-visual:hover{transform:translateY(-2px)}
.shop-for{display:inline-block;margin:0 0 8px;font-size:12px;font-weight:700;color:#ffce76;background:#302b20;border-radius:4px;padding:3px 9px}
.shop-course h3,.shop-plan h3{margin:0 0 10px;font-size:clamp(17px,1.8vw,20px);line-height:1.55}
.shop-course-body>p:not(.shop-for):not(.shop-fit){margin:0 0 10px;font-size:14px;line-height:1.85;color:#b8c5d6}
.shop-fit{margin:0 0 14px;font-size:14px;line-height:1.75;color:#f1f3f6;padding-left:12px;border-left:3px solid #ffce76}
.shop-sub{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;line-height:1.6}
.dl-guide{position:fixed;right:20px;bottom:20px;z-index:60;width:min(400px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto;padding:16px;background:#1b222b;border:1px solid #536073;border-radius:12px;box-shadow:0 14px 40px #000a;color:#f1f3f6;opacity:0;transform:translateY(16px);transition:opacity .25s,transform .25s}
.dl-guide.is-open{opacity:1;transform:none}
.dl-guide-close{position:absolute;top:6px;right:6px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;font-size:20px;line-height:1;color:#aab9ce;cursor:pointer}
.dl-guide-close:hover{background:#2a3644;color:#fff}
.dl-guide-done{display:flex;align-items:center;gap:7px;margin:0 36px 10px 0;font-size:13px;font-weight:700;line-height:1.5;color:#8fd6a6}
.dl-guide-done span{display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#8fd6a6;color:#111419;font-size:11px}
.dl-guide-title{margin:0 0 10px;font-size:15px;font-weight:700;line-height:1.5;color:#f1f3f6}
.dl-guide-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.dl-guide-list a{display:grid;grid-template-columns:96px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:6px;border:1px solid #35404e;border-radius:8px;background:#222d3b;color:#f1f3f6;text-decoration:none;transition:border-color .15s}
.dl-guide-list a:hover{border-color:#ffce76}
.dl-guide-list img{display:block;width:96px;height:auto;border-radius:4px}
.dl-guide-course{font-size:13px;font-weight:700;line-height:1.45}
.dl-guide-who{display:block;margin-bottom:2px;font-size:11px;font-weight:600;color:#ffce76}
.dl-guide-arrow{color:#ffce76;font-weight:700}
.dl-guide .dl-guide-ticket{display:flex;flex-wrap:wrap;gap:4px 8px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:600}
.dl-guide-ticket strong{font-size:14px}
@media(max-width:860px){.shop-course,.shop-plan{grid-template-columns:1fr;gap:16px;padding:16px}.shop-plan-visual{max-width:320px;width:100%;margin:0 auto}.shop-cta .shop-button{display:flex;width:100%}}
@media(max-width:700px){.course-card{grid-template-columns:1fr;gap:16px;padding:16px}.course-card-visual{max-width:300px;width:100%;margin:0 auto}.course-card .course-card-button{display:flex;width:100%}
.course-card--top{grid-template-columns:72px minmax(0,1fr);gap:12px 14px;padding:14px}.course-card--top .course-card-visual{max-width:none;margin:0}.course-card--top .course-card-title{font-size:15px}.course-card--top .course-card-button{grid-column:1/-1;white-space:normal}}
@media(max-width:600px){.dl-guide{left:12px;right:12px;bottom:12px;width:auto;max-height:calc(100vh - 24px)}}
@media(prefers-reduced-motion:reduce){.dl-guide{transition:none}.shop-course-visual,.shop-plan-visual{transition:none}}

/* articles */
.article-body{max-width:820px}
.article-meta{margin:-4px 0 14px;font-size:13px;color:#aab9ce}
.article-hero{margin:22px 0 8px;border:1px solid #35404e;border-radius:12px;overflow:hidden;line-height:0}
.article-hero img{display:block;width:100%;height:auto}
.toc{margin:26px 0 8px;padding:18px 22px;border:1px solid #35404e;border-radius:12px;background:#1b222b}
.toc p{margin:0 0 6px;font-weight:700}
.toc ol{margin:0;padding-left:1.5em}
.toc li{line-height:1.85;font-size:15px}
.article-body h2{margin:48px 0 14px;padding-top:22px;border-top:1px solid #2c3540;line-height:1.5}
.article-body h3{font-size:18px;margin:26px 0 8px}
.article-body .seo-table-wrap{margin:18px 0}
.article-body .seo-table small{color:#aab9ce;font-size:12px}
.article-body .seo-table th[scope=row]{white-space:nowrap}
.article-body code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;background:#222d3b;border:1px solid #35404e;border-radius:4px;padding:1px 5px}
.article-body .path{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;line-height:1.7;background:#151a21;border:1px solid #35404e;border-radius:8px;padding:12px 14px;overflow-x:auto;white-space:nowrap}
.article-body .ui{font-weight:700;color:#f1f3f6}
.note{margin:22px 0;padding:14px 18px;border-left:3px solid #ffce76;background:#1f2630;border-radius:0 10px 10px 0}
.note-title{margin:0 0 6px;font-weight:700;color:#ffce76;font-size:14px}
.note p:last-child{margin:0;font-size:14px}
.track-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 8px;padding:0;list-style:none}
.seo-content .track-pick{min-width:0;padding:16px;border:1px solid #35404e;border-radius:12px;background:#1b222b;line-height:1.6}
.article-body .track-pick h3{margin:0 0 4px;font-size:16px}
.seo-content .track-pick-meta{margin:0 0 8px;font-size:12px;color:#aab9ce}
.seo-content .track-pick p:not(.track-pick-meta){margin:0 0 10px;font-size:13.5px;line-height:1.75;color:#b8c5d6}
.track-pick audio{display:block;width:100%}
.more-link{margin:6px 0 0;font-size:14px}
.wave-figure{margin:20px 0;padding:16px;border:1px solid #35404e;border-radius:12px;background:#151a21}
.wave-figure svg{display:block;width:100%;height:auto}
.wave-figure figcaption{margin-top:8px;font-size:13px;line-height:1.7;color:#aab9ce}
.must-list li{margin:4px 0}
.related{margin:40px 0 0;padding:20px 22px;border:1px solid #35404e;border-radius:12px;background:#1b222b}
.related h2{margin:0 0 10px;font-size:19px}
.related-list{margin:0;padding-left:1.3em}
.related-list li{line-height:1.8;margin:4px 0}
.article-list{list-style:none;margin:24px 0;padding:0;display:grid;gap:18px}
.article-card{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:center;padding:16px;border:1px solid #35404e;border-radius:12px;background:#1b222b}
.article-card img{display:block;width:100%;height:auto;border-radius:8px}
.seo-content .article-card h2{margin:0 0 8px;font-size:19px;line-height:1.5}
.seo-content .article-card p{margin:0 0 8px;font-size:14px;line-height:1.75;color:#b8c5d6}
.article-card time{font-size:12px;color:#aab9ce}
.home-articles{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}
.home-articles li{padding:12px 14px;border:1px solid #35404e;border-radius:10px;background:#1b222b}
.home-articles a{font-weight:700}
.home-articles span{display:block;font-size:13px;color:#aab9ce;margin-top:2px;line-height:1.6}
@media(max-width:760px){.track-picks{grid-template-columns:1fr}.article-card{grid-template-columns:1fr}.toc{padding:14px 16px}.article-body h2{font-size:21px}}