/* Grade-two, stage-one pilot. Every selector belongs to the editorial section. */
.blog-post-wr.yl-course-seo-page{max-width:none;width:100%;padding-block:0 50px}
.yl-course-seo-page .yl-course-seo{--course-ink:#10108e;--course-muted:#4d5671;color:var(--course-ink);text-align:right;padding-block:30px 0}
.yl-course-seo-page .yl-course-seo *{box-sizing:border-box}
.yl-course-seo-page .yl-course-seo h2,.yl-course-seo-page .yl-course-seo h3,.yl-course-seo-page .yl-course-seo p,.yl-course-seo-page .yl-course-seo span,.yl-course-seo-page .yl-course-seo strong,.yl-course-seo-page .yl-course-seo ol{margin:0}
.yl-course-seo-page .yl-course-seo h2{font-size:clamp(25px,2.3vw,36px);line-height:1.3;font-weight:600;margin-block:0 16px;color:var(--course-ink)}
.yl-course-seo-page .yl-course-seo h3{font-size:22px;line-height:1.4;font-weight:500;margin-block:16px 10px;color:var(--course-ink)}
.yl-course-seo-page .yl-course-seo p{font-size:17px;line-height:1.85;color:var(--course-muted)}
.yl-course-seo-page .yl-course-seo .yl-course-seo__eyebrow{font-size:14px;font-weight:500;letter-spacing:.015em;color:var(--course-ink);margin-block:0 12px}
.yl-course-seo-page .yl-course-seo__intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:52px;border-radius:30px;background:#efeff9;padding:42px}
.yl-course-seo-page .yl-course-seo__intro h2{font-size:clamp(28px,2.7vw,42px)}
.yl-course-seo-page .yl-course-seo__actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-block-start:26px}
.yl-course-seo-page .yl-course-seo a{color:var(--course-ink);text-underline-offset:4px}
.yl-course-seo-page .yl-course-seo__text-link{font-size:16px;font-weight:500;line-height:1.6;text-decoration:underline;display:inline-block}
.yl-course-seo-page .yl-course-seo__text-link span{font-size:18px;line-height:1;display:inline-block;margin-inline-start:8px}
.yl-course-seo-page .yl-course-seo__demo{padding:14px 24px;border-radius:30px;font-size:16px;line-height:1.5;margin:0;min-width:0;text-align:center;background:#ffcd38;color:var(--course-ink);text-decoration:none}
.yl-course-seo-page .yl-course-seo a:hover{color:#087b83}
.yl-course-seo-page .yl-course-seo a:focus-visible,.yl-course-seo-page .yl-course-seo summary:focus-visible{outline:3px solid #07abd6;outline-offset:5px;border-radius:8px}
.yl-course-seo-page .yl-course-seo__facts{display:grid;gap:13px}
.yl-course-seo-page .yl-course-seo__fact{display:flex;align-items:center;gap:16px;background:white;padding:20px;border:1px solid #e2e3f1;border-radius:18px}
.yl-course-seo-page .yl-course-seo__fact:first-child{background:#fff7d0;border-color:#f4df85}
.yl-course-seo-page .yl-course-seo__fact svg{flex:0 0 28px}
.yl-course-seo-page .yl-course-seo__fact strong{display:block;font-size:18px;font-weight:500;line-height:1.5}
.yl-course-seo-page .yl-course-seo__fact p{font-size:14px;line-height:1.65;margin-block-start:4px}
.yl-course-seo-page .yl-course-seo__section{margin-block:52px}
.yl-course-seo-page .yl-course-seo__topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block-start:24px}
.yl-course-seo-page .yl-course-seo__card{padding:28px;border-radius:24px;border:1px solid #d6eaed}
.yl-course-seo-page .yl-course-seo__card--mint{background:#edf8f9}
.yl-course-seo-page .yl-course-seo__card--lavender{background:#f2f1fc;border-color:#e3e1f3}
.yl-course-seo-page .yl-course-seo__card--yellow{background:#fff9e8;border-color:#f5e7b5}
.yl-course-seo-page .yl-course-seo__platform{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:50px;align-items:start;padding-block:14px}
.yl-course-seo-page .yl-course-seo__platform-heading>a{margin-block-start:20px}
.yl-course-seo-page .yl-course-seo__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px}
.yl-course-seo-page .yl-course-seo__benefits article{border-block-start:1px solid #dbe3eb;padding-block-start:20px}
.yl-course-seo-page .yl-course-seo__number{display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:12px;background:#dff3f5;color:var(--course-ink);font-size:13px;font-weight:500;direction:ltr}
.yl-course-seo-page .yl-course-seo__benefits h3{margin-block-start:12px;font-size:20px}
.yl-course-seo-page .yl-course-seo__benefits p{font-size:16px}
.yl-course-seo-page .yl-course-seo__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;margin-block-start:24px;list-style:none;counter-reset:none}
.yl-course-seo-page .yl-course-seo__steps li{padding:0;margin:0;list-style:none;position:static}
.yl-course-seo-page .yl-course-seo__steps li::before{display:none}
.yl-course-seo-page .yl-course-seo__step-number{display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:50%;background:#10108e;color:white;font-size:18px;line-height:1;font-weight:500}
.yl-course-seo-page .yl-course-seo__steps p{font-size:16px}
.yl-course-seo-page .yl-course-seo__access{display:flex;align-items:center;gap:22px;padding:28px 32px;border-radius:24px;background:#fff7d0;border:1px solid #f4df85}
.yl-course-seo-page .yl-course-seo__access svg{flex:0 0 36px}
.yl-course-seo-page .yl-course-seo__access h2{font-size:25px;margin-block-end:8px}
.yl-course-seo-page .yl-course-seo__access p{font-size:16px}
.yl-course-seo-page .yl-course-seo__faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:50px;padding-block-start:10px}
.yl-course-seo-page .yl-course-seo__questions{border-block-start:1px solid #dbe3eb}
.yl-course-seo-page .yl-course-seo__questions details{border-block-end:1px solid #dbe3eb;padding-block:18px}
.yl-course-seo-page .yl-course-seo__questions summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-size:18px;font-weight:500;line-height:1.6;color:var(--course-ink);list-style:none}
.yl-course-seo-page .yl-course-seo__questions summary::-webkit-details-marker{display:none}
.yl-course-seo-page .yl-course-seo__questions summary::after{content:'+';font-size:26px;font-weight:400;flex:0 0 24px;text-align:center}
.yl-course-seo-page .yl-course-seo__questions details[open] summary::after{content:'−'}
.yl-course-seo-page .yl-course-seo__questions details p{font-size:16px;margin-block-start:14px}
.yl-course-seo-page .yl-course-seo__questions details>a{margin-block-start:12px}
.yl-course-seo-page .yl-course-seo__article{max-inline-size:850px;margin:60px auto 0;padding-block-start:36px;border-block-start:1px solid #dbe3eb}
.yl-course-seo-page .yl-course-seo__article>h2{font-size:29px;margin-block-end:20px}
.yl-course-seo-page .yl-course-seo__article h3{font-size:23px;margin-block:30px 12px}
.yl-course-seo-page .yl-course-seo__article p{margin-block-end:14px}
.yl-course-seo-page .yl-course-seo__article ul,.yl-course-seo-page .yl-course-seo__article ol{font-size:17px;line-height:1.8}
@media(max-width:1023px){.yl-course-seo-page .yl-course-seo__intro{gap:24px;padding:30px}.yl-course-seo-page .yl-course-seo__platform,.yl-course-seo-page .yl-course-seo__faq{grid-template-columns:1fr;gap:26px}.yl-course-seo-page .yl-course-seo__topics{gap:12px}.yl-course-seo-page .yl-course-seo__card{padding:22px}.yl-course-seo-page .yl-course-seo h3{font-size:20px}}
@media(max-width:767px){.yl-course-seo-page .yl-course-seo{padding-block-start:16px}.yl-course-seo-page .yl-course-seo__intro{grid-template-columns:1fr;padding:24px;gap:24px;border-radius:24px}.yl-course-seo-page .yl-course-seo__intro h2{font-size:28px}.yl-course-seo-page .yl-course-seo__actions{gap:14px;margin-block-start:22px}.yl-course-seo-page .yl-course-seo__demo{width:100%}.yl-course-seo-page .yl-course-seo__fact{padding:16px}.yl-course-seo-page .yl-course-seo__topics,.yl-course-seo-page .yl-course-seo__steps{grid-template-columns:1fr;gap:16px}.yl-course-seo-page .yl-course-seo__benefits{grid-template-columns:1fr;gap:20px}.yl-course-seo-page .yl-course-seo__section{margin-block:36px}.yl-course-seo-page .yl-course-seo__steps li{padding:20px;background:#f6f8fc;border-radius:20px}.yl-course-seo-page .yl-course-seo__access{align-items:flex-start;padding:22px;gap:14px}.yl-course-seo-page .yl-course-seo__access h2{font-size:22px}.yl-course-seo-page .yl-course-seo__access svg{width:28px;flex-basis:28px}.yl-course-seo-page .yl-course-seo__questions summary{font-size:17px}.yl-course-seo-page .yl-course-seo__article{margin-block-start:40px}.yl-course-seo-page .yl-course-seo__article>h2{font-size:26px}}