.header .logo{color:var(--navy);text-decoration:none}
.header{height:94px}
.header .logo{display:block;flex:none}
.header .logo img{display:block;width:86px;height:86px;object-fit:contain}
.header nav a{height:94px;display:flex;align-items:center;color:var(--navy);text-decoration:none}
.header nav a.current{color:#087ac3}
.header .mobile-nav-panel a{color:var(--navy);text-decoration:none}
.footer{padding:38px 0 24px}
.footer .footer-inner{display:grid;grid-template-columns:104px minmax(0,1fr) 300px;align-items:center;gap:34px}
.footer-logo{display:block;width:104px;height:104px;background:#fff}
.footer-logo img{display:block;width:100%;height:100%;object-fit:contain}
.footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}
.footer-nav a{color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.footer-nav a:hover,.footer-links a:hover{text-decoration:underline}
.footer-action .course-free-button{width:100%;min-height:54px;padding-inline:20px;font-size:14px}
.footer .footer-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:18px;border-top:1px solid #ffffff32}
.footer-links{display:flex;gap:22px;flex-wrap:wrap}
.footer-links a{color:#c7dce8;font-size:12px;text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.footer .footer-meta small{font-size:12px}
.inner-page{background:#fff}
.inner-hero{position:relative;overflow:hidden;padding:96px 0 110px;background:radial-gradient(ellipse at 82% 20%,#d9f1fb 0%,transparent 44%),linear-gradient(140deg,#fff 15%,#eef9fe 72%,#e6f5fc)}
.inner-hero:after{content:"";position:absolute;width:70%;height:330px;right:-14%;bottom:-270px;border:40px solid #fff8;border-radius:50%;transform:rotate(-14deg)}
.inner-hero.warm{background:radial-gradient(ellipse at 85% 12%,#ffe5dc 0%,transparent 48%),linear-gradient(135deg,#fff 20%,#fff1ea 100%)}
.inner-hero .container{position:relative;z-index:1}
.inner-eyebrow{margin:0 0 15px;color:#078bc9;font:800 14px/1.5 Arial,sans-serif;letter-spacing:.2em}
.inner-hero.warm .inner-eyebrow{color:#e9775d}
.inner-hero h1{max-width:940px;margin:0 0 25px;color:#092640;font-size:clamp(40px,5vw,70px);line-height:1.34;letter-spacing:.02em}
.inner-hero p.inner-lead{max-width:780px;margin:0;color:#244762;font-size:clamp(17px,1.55vw,22px);line-height:1.9;font-weight:600}
.inner-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:38px}
.inner-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:58px;padding:13px 27px;border:0;border-radius:100px;background:linear-gradient(100deg,#087ac3,#12b7dd);color:#fff;text-decoration:none;font-size:16px;font-weight:800;line-height:1.45;cursor:pointer}
.inner-button.warm{background:#e9775d}
.inner-button.soft{background:#eef8fd;color:#087ac3;border:1px solid #c6e7f2}
.inner-button[aria-disabled="true"]{opacity:.65;cursor:not-allowed}
.inner-price{display:inline-flex;align-items:baseline;gap:5px;color:#092640;font-weight:800}
.inner-price strong{font:800 32px/1 Arial,sans-serif;color:#087ac3}
.inner-price small{font-size:14px}
.inner-section{padding:105px 0}
.inner-section.soft{background:linear-gradient(180deg,#f0faff,#fff)}
.inner-section.warm{background:linear-gradient(180deg,#fff8f4,#fff)}
.inner-section.tight{padding:75px 0}
.inner-section-heading{margin-bottom:38px}
.inner-section-heading p{margin:0 0 8px;color:#087ac3;font:800 14px Arial,sans-serif;letter-spacing:.16em}
.warm .inner-section-heading p{color:#e9775d}
.inner-section-heading h2{margin:0;color:#092640;font-size:clamp(30px,3.2vw,44px);line-height:1.45}
.inner-section-heading+.inner-prose{margin-top:0}
.inner-prose{max-width:820px;color:#365571;font-size:17px;line-height:2.05}
.inner-prose p{margin:0 0 18px}
.inner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.inner-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.inner-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.inner-card{min-width:0;padding:32px;border:1px solid #d5e7ef;border-radius:24px;background:#fff;box-shadow:0 12px 30px #2d78900b}
.inner-card h3{margin:0 0 14px;color:#092640;font-size:22px;line-height:1.5}
.inner-card p{margin:0;color:#365571;font-size:16px;line-height:1.85}
.inner-card .inner-number{display:block;margin-bottom:14px;color:#0b95cc;font:800 14px Arial,sans-serif;letter-spacing:.12em}
.inner-list{display:grid;gap:14px;max-width:860px;margin:0;padding:0;list-style:none}
.inner-list li{padding:19px 23px;border:1px solid #d5e7ef;border-radius:16px;background:#fff;color:#12344d;font-size:17px;font-weight:700}
.inner-list li:before{content:"✓";margin-right:15px;color:#0ba5cc;font-weight:900}
.inner-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.inner-flow .inner-card{padding:25px}
.inner-flow .inner-card h3{font-size:19px}
.inner-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:center}
.inner-image{width:100%;height:auto;border-radius:24px}
.inner-image.crop{aspect-ratio:4/3;object-fit:cover}
.sensei-organizer-photo.inner-image{width:min(100%,420px);justify-self:center}
.inner-note{color:#517083;font-size:15px;line-height:1.8}
.inner-faq{display:grid;gap:37px;max-width:1010px;margin:0}
.inner-faq-item{min-width:0}
.inner-faq dt,.inner-faq dd{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:17px}
.inner-faq dt{color:#092640;font-size:18px;font-weight:800;line-height:1.7}
.inner-faq dt>span:last-child{padding-top:5px}
.inner-faq dd{margin:17px 0 0;color:#365571;font-size:17px;line-height:1.95}
.inner-faq dd>span:last-child{padding-top:2px}
.inner-faq-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font:800 18px/1 Arial,sans-serif}
.inner-faq-mark.question{background:#102c40;color:#fff}
.inner-faq-mark.answer{border:1.5px solid #102c40;background:#fff;color:#102c40;font-weight:600}
.inner-faq--warm .inner-faq-mark.question{background:#d96d55}
.inner-faq--warm .inner-faq-mark.answer{border-color:#d96d55;color:#bb614e}
.faq-decor,.course-curriculum-section{position:relative;isolation:isolate;overflow:hidden}
.faq-decor::before,.course-curriculum-section::before{content:"";position:absolute;z-index:0;inset:0;background:url('/assets/faq-soft-curves.svg') center/cover no-repeat;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 82%,transparent);pointer-events:none}
.faq-decor::after{content:"";position:absolute;z-index:1;inset:0;background:rgba(255,255,255,.52);pointer-events:none}
.faq-decor>.container,.course-curriculum-section>.container{position:relative;z-index:2;width:min(750px,calc(100% - 112px))}
.faq-decor .inner-faq{max-width:none}
.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.event-card{display:block;overflow:hidden;border:1px solid #f2d9ce;border-radius:22px;background:#fff;color:inherit;text-decoration:none}
.event-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.event-card-body{padding:20px 22px 24px}
.event-card small{display:block;margin-bottom:7px;color:#c36750;font-size:14px;font-weight:800}
.event-card h3{margin:0;color:#092640;font-size:19px;line-height:1.6}
.event-card p{margin:9px 0 0;color:#527080;font-size:15px}
.inner-cta{padding:82px 0;text-align:center;background:#edf8fc}
.inner-cta.warm{background:#fff3eb}
.inner-cta h2{margin:0 0 15px;font-size:clamp(29px,3vw,42px);line-height:1.45}
.inner-cta p{margin:0 0 29px;color:#365571;font-size:17px}
.inner-status{padding:23px 27px;border:1px solid #e6dbbd;border-radius:18px;background:#fffaf0;color:#5d5140;font-size:15px}
.inner-status strong{display:block;margin-bottom:5px}
.inner-legal dl{margin:0;border-top:1px solid #dce9ef}
.inner-legal dl>div{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #dce9ef}
.inner-legal dt{font-weight:800}
.inner-legal dd{margin:0}
.contact-columns{align-items:start}
.contact-form{display:grid;gap:22px;padding:35px;border:1px solid #d5e7ef;border-radius:24px;background:#fff;box-shadow:0 18px 45px #2d78900d}
.contact-form label{display:grid;gap:8px;color:#092640;font-size:16px;font-weight:800}
.contact-form .contact-label{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.contact-form .field-badge{display:inline-block;width:max-content;padding:2px 8px;border-radius:5px;background:#e9f7fc;color:#087ac3;font-size:13px;font-style:normal;line-height:1.5}
.contact-form .field-badge.optional{background:#f0f3f5;color:#557080}
.contact-form input:not([type="checkbox"]),.contact-form select,.contact-form textarea{width:100%;padding:15px 17px;border:1px solid #bdd6e2;border-radius:9px;background:#fff;color:#092640;font:inherit}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid #88dce9;outline-offset:2px}
.contact-form button:disabled{background:#a7bfca;cursor:not-allowed}
/* AI course: highlighted audience and a connected, icon-led use-case diagram. */
.course-audience-section .inner-section-heading{margin-bottom:30px}
.course-audience-section .inner-two-col{width:min(800px,calc(100% - 112px));grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.course-audience-section .inner-image{max-width:380px;justify-self:center}
.course-target-list{display:grid;gap:20px;max-width:680px;margin:0;padding:0;list-style:none}
.course-target-list li{padding-left:27px;position:relative;color:#12344d;font-size:clamp(18px,1.8vw,23px);font-weight:800;line-height:1.75}
.course-target-list li::before{content:"";position:absolute;left:0;top:.75em;width:10px;height:10px;background:#e9775d;transform:rotate(45deg)}
.course-target-list span{box-decoration-break:clone;-webkit-box-decoration-break:clone;background:linear-gradient(#ffe17c,#ffe17c) left 88%/0 38% no-repeat;animation:course-marker .8s ease-out forwards}
.course-target-list li:nth-child(2) span{animation-delay:.15s}
.course-target-list li:nth-child(3) span{animation-delay:.3s}
@keyframes course-marker{to{background-size:100% 38%}}
.course-use-section{background:linear-gradient(180deg,#f2fbff 0%,#f8fcff 58%,#fff 100%)}
.course-use-diagram{max-width:1110px;margin:0 auto}
.course-use-hub{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:max-content;margin:0 auto 38px;color:#12344d;font-size:18px}
.course-use-hub span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#284d91;box-shadow:0 8px 22px #284d9129;color:#fff;font:800 30px/1 Arial,sans-serif}
.course-use-hub::after{content:"";position:absolute;top:100%;left:50%;width:2px;height:38px;background:#a8c9df;transform:translateX(-50%)}
.course-use-map{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:31px}
.course-use-map::before{content:"";position:absolute;top:0;left:12.5%;right:12.5%;height:2px;background:#a8c9df}
.course-use-item{position:relative;min-width:0;padding:0 16px;text-align:center}
.course-use-item::before{content:"";position:absolute;top:-31px;left:50%;width:2px;height:60px;background:#a8c9df;transform:translateX(-50%)}
.course-use-visual{position:relative;z-index:1;display:grid;place-items:center;width:112px;height:112px;margin:0 auto 20px;border-radius:50%;background:var(--case-bg)}
.course-use-visual svg{display:block;width:80px;height:auto}
.course-use-item.task{--case-bg:#fff0cf;--case-accent:#bd7a13}
.course-use-item.mail{--case-bg:#dff7f0;--case-accent:#158875}
.course-use-item.docs{--case-bg:#ffe8e8;--case-accent:#cc6a6a}
.course-use-item.design{--case-bg:#e8e9ff;--case-accent:#6567bb}
.course-use-number{display:block;margin-bottom:4px;color:var(--case-accent);font:800 15px/1.4 Arial,sans-serif;letter-spacing:.14em}
.course-use-copy h3{margin:0 0 10px;color:#092640;font-size:21px;line-height:1.45}
.course-use-copy p{max-width:240px;margin:0 auto;color:#365571;font-size:16px;line-height:1.75}
/* A compact zigzag flow over the same soft curves as the FAQ. */
.course-curriculum-section .inner-section-heading{margin-bottom:30px}
.course-curriculum-section .inner-section-heading h2{font-size:clamp(28px,3vw,36px)}
.course-curriculum-flow{position:relative;margin:0 auto;padding:22px 30px;border:1px solid rgba(255,255,255,.86);border-radius:28px;background:rgba(255,255,255,.83);box-shadow:0 16px 42px rgba(31,78,110,.08)}
.course-curriculum-flow::before{content:"";position:absolute;top:60px;bottom:60px;left:50%;border-left:2px dashed #b4d2df;transform:translateX(-50%)}
.course-curriculum-step{--flow-accent:#168dc4;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:34px;min-height:155px;padding:0 0 12px}
.course-curriculum-step:last-child{padding-bottom:0}
.course-curriculum-step::before{content:"";position:absolute;z-index:2;top:48%;left:50%;width:12px;height:12px;border:4px solid #fff;border-radius:50%;background:var(--flow-accent);box-shadow:0 0 0 2px var(--flow-accent);transform:translate(-50%,-50%)}
.course-curriculum-step.prompt{--flow-accent:#db7a7a}
.course-curriculum-step.organize{--flow-accent:#2bafa7}
.course-curriculum-step.create{--flow-accent:#7678c8}
.course-curriculum-art{display:grid;place-items:center;justify-self:center;width:min(100%,175px)}
.course-curriculum-art svg{display:block;width:100%;height:auto}
.course-curriculum-copy{max-width:270px}
.course-curriculum-number{display:block;margin-bottom:5px;color:var(--flow-accent);font:800 14px/1.4 Arial,sans-serif;letter-spacing:.15em}
.course-curriculum-copy h3{margin:0 0 6px;color:#092640;font-size:19px;line-height:1.45}
.course-curriculum-copy p{margin:0;color:#365571;font-size:15px;line-height:1.7}
.course-curriculum-step:nth-child(even) .course-curriculum-art{grid-column:2;grid-row:1}
.course-curriculum-step:nth-child(even) .course-curriculum-copy{grid-column:1;grid-row:1;justify-self:end;text-align:right}
.course-curriculum-note{margin:20px auto 0}
/* Photo-backed learning flow: keep the copy on a pale gradient and the photo on the right. */
.course-learning-section{position:relative;isolation:isolate;overflow:hidden;background:#eef8fc}
.course-learning-photo{position:absolute;z-index:-2;inset:0 0 0 auto;width:62%;background:url('/assets/lecture.webp') center 38%/cover no-repeat;filter:contrast(1.06) saturate(1.04)}
.course-learning-section::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f3fbfe 0%,#f3fbfef5 38%,#f3fbfe70 62%,transparent 100%)}
.course-learning-content{width:min(100%,730px)}
.course-learning-section .inner-section-heading{margin-bottom:22px}
.course-learning-lead{max-width:720px;margin:0 0 35px;color:#234761;font-size:18px;font-weight:600;line-height:1.95}
.course-learning-lead p{margin:0}
.course-learning-lead p+p{margin-top:13px}
.course-learning-mobile-photo{display:none}
.course-learning-steps{max-width:650px}
.course-learning-step{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:18px;padding:20px 0;border-top:1px solid #b8d6e1}
.course-learning-step:last-child{border-bottom:1px solid #b8d6e1}
.course-learning-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#d8effa;color:#147ca9}
.course-learning-icon.workshop{background:#ffeae5;color:#db7765}
.course-learning-icon.apply{background:#e7eafc;color:#6673c0}
.course-learning-icon svg{display:block;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.course-learning-icon.video svg path{fill:currentColor;stroke:none}
.course-learning-number{display:block;margin-bottom:2px;color:#087ac3;font:800 14px/1.3 Arial,sans-serif;letter-spacing:.14em}
.course-learning-step h3{margin:0 0 4px;color:#092640;font-size:21px;line-height:1.4}
.course-learning-step p{margin:0;color:#365571;font-size:16px;line-height:1.7}
.course-voices-section{background:#fff}
.course-voices-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}
.course-voices-heading .inner-section-heading{margin:0}
.course-voices-heading>p{max-width:420px;margin:0 0 4px;color:#365571;font-size:17px;line-height:1.7}
.course-voices-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.course-voice-card{display:flex;flex-direction:column;min-width:0;min-height:290px;padding:29px 28px;border:1px solid #d8e8ef;border-radius:22px;background:linear-gradient(145deg,#f8fcfe,#fff 60%);box-shadow:0 12px 28px #234c6208}
.course-voice-card>span{color:#0b8bc3;font:800 14px/1.4 Arial,sans-serif;letter-spacing:.14em}
.course-voice-card p{margin:20px 0 22px;color:#153650;font-size:17px;line-height:1.85}
.course-voice-card small{margin-top:auto;color:#5c7889;font-size:14px}
.course-voices-note{max-width:950px;margin:25px 0 0;color:#5c7889;font-size:14px;line-height:1.8}
.course-voices-more{margin-top:24px}
.course-free-placement{display:flex;justify-content:center;margin-top:37px}
.course-free-placement--hero{justify-content:flex-start;margin-top:23px}
.course-free-placement--closing{margin-top:23px}
.course-free-button{max-width:100%;background:linear-gradient(105deg,#0693e3,#9b51e0);box-shadow:0 11px 25px #526cce36;text-align:center}
.course-free-button--pending{cursor:default}
.course-closing-cta .container{width:min(930px,calc(100% - 112px))}
.course-closing-cta h2{margin-bottom:9px}
.course-cta-mobile-break{display:none}
.course-cta-illustration{display:block;width:min(510px,100%);height:auto;margin:0 auto 10px}
.course-closing-cta p{max-width:860px;margin:0 auto 30px;line-height:1.85}
.course-closing-actions{display:grid;grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;gap:16px}
.course-closing-actions .inner-button{width:100%;min-height:58px;padding-inline:18px;font-size:15px}
@media(max-width:700px){
  .course-curriculum-section .inner-section-heading{margin-bottom:26px}
  .course-curriculum-flow{padding:20px 16px;border-radius:22px}
  .course-curriculum-flow::before{top:29px;bottom:45px;left:30px}
  .course-curriculum-step{grid-template-columns:72px minmax(0,1fr);gap:11px;min-height:0;padding:0 0 22px 30px}
  .course-curriculum-step::before{top:34px;left:30px;width:11px;height:11px;border-width:3px}
  .course-curriculum-art,.course-curriculum-step:nth-child(even) .course-curriculum-art{grid-column:1;grid-row:1;width:72px}
  .course-curriculum-copy,.course-curriculum-step:nth-child(even) .course-curriculum-copy{grid-column:2;grid-row:1;justify-self:stretch;text-align:left}
  .course-curriculum-number{margin-bottom:3px;font-size:14px}
  .course-curriculum-copy h3{margin-bottom:4px;font-size:17px}
  .course-curriculum-copy p{font-size:14px;line-height:1.65}
  .course-curriculum-note{margin-top:18px}
}
@media(max-width:380px){.course-curriculum-step{grid-template-columns:60px minmax(0,1fr);gap:9px}.course-curriculum-art,.course-curriculum-step:nth-child(even) .course-curriculum-art{width:60px}}
@media(max-width:900px){
  .header{height:66px}
  .header .logo img{width:62px;height:62px}
  .footer .footer-inner{grid-template-columns:90px minmax(0,1fr);gap:22px}
  .footer-logo{width:90px;height:90px}
  .footer-action{grid-column:1/-1;width:min(100%,380px);margin:auto}
  .course-audience-section .inner-two-col{width:min(650px,calc(100% - 42px));grid-template-columns:1fr;gap:10px}
  .header nav a{height:auto}
  .inner-hero{padding:70px 0 82px}
  .inner-section{padding:75px 0}
  .inner-section.tight{padding:60px 0}
  .inner-grid.three,.inner-grid.four,.inner-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inner-two-col{grid-template-columns:1fr;gap:30px}
  .event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .course-learning-photo{width:70%}
  .course-learning-section::before{background:linear-gradient(90deg,#f3fbfe 0%,#f3fbfede 55%,transparent 100%)}
  .course-voices-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .footer .footer-inner{display:grid;grid-template-columns:1fr;gap:22px}
  .footer-logo{width:82px;height:82px}
  .footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
  .footer-nav a{font-size:14px}
  .footer-action{grid-column:auto;width:100%}
  .footer .footer-meta{display:block;margin-top:24px}
  .footer .footer-meta small{display:block;margin-top:12px}
  .course-audience-section .inner-two-col{width:calc(100% - 42px);gap:0}
  .course-audience-section .inner-image{max-width:330px;margin-top:-18px}
  .course-closing-cta .container{width:calc(100% - 42px)}
  .course-cta-mobile-break{display:initial}
  .course-cta-illustration{width:min(100%,370px);margin:7px auto 13px}
  .course-closing-cta p{font-size:15px;line-height:1.85}
  .course-closing-actions{grid-template-columns:minmax(0,1fr);gap:13px}
  .course-closing-actions .inner-button{font-size:15px}
  .inner-hero{padding:54px 0 68px}
  .inner-hero h1{font-size:clamp(34px,9vw,45px)}
  .inner-hero p.inner-lead{font-size:17px}
  .inner-section{padding:65px 0}
  .inner-grid,.inner-grid.three,.inner-grid.four,.inner-flow,.event-grid{grid-template-columns:1fr}
  .inner-card{padding:25px}
  .inner-legal dl>div{grid-template-columns:1fr;gap:5px}
  .inner-cta{padding:68px 0}
  .inner-faq{gap:30px}
  .inner-faq dt,.inner-faq dd{grid-template-columns:36px minmax(0,1fr);gap:13px}
  .inner-faq dt{font-size:16px;line-height:1.65}
  .inner-faq dt>span:last-child{padding-top:4px}
  .inner-faq dd{margin-top:14px;font-size:15px;line-height:1.85}
  .inner-faq-mark{width:36px;height:36px;font-size:16px}
  .faq-decor>.container,.course-curriculum-section>.container{width:calc(100% - 42px)}
  .faq-decor::before,.course-curriculum-section::before{background-position:48% center;opacity:.7}
  .footer-links{margin:0}
  .course-audience-section .inner-section-heading{margin-bottom:20px}
  .course-target-list{gap:14px}
  .course-target-list li{font-size:18px;padding-left:23px}
  .course-target-list li::before{width:8px;height:8px}
  .course-use-section .inner-section-heading{margin-bottom:26px}
  .course-use-hub{flex-direction:row;justify-content:flex-start;gap:14px;width:100%;margin-bottom:8px;font-size:16px}
  .course-use-hub span{width:72px;height:72px;flex:none}
  .course-use-hub::after{left:35px;height:23px;transform:none}
  .course-use-map{display:block;padding-top:0}
  .course-use-map::before{display:none}
  .course-use-item{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:18px;padding:18px 0;text-align:left;border-bottom:1px solid #dceaf0}
  .course-use-item:last-child{border-bottom:0}
  .course-use-item::before{top:-18px;left:35px;height:calc(100% + 18px);transform:none}
  .course-use-item:last-child::before{height:55px}
  .course-use-visual{width:72px;height:72px;margin:0}
  .course-use-visual svg{width:57px}
  .course-use-number{margin-bottom:2px;font-size:14px}
  .course-use-copy h3{margin-bottom:4px;font-size:19px}
  .course-use-copy p{max-width:none;margin:0;font-size:15px;line-height:1.65}
  .course-learning-photo{display:none}
  .course-learning-section::before{background:linear-gradient(180deg,#eff9fd 0%,#f7fcfe 100%)}
  .course-learning-section .inner-section-heading{margin-bottom:17px}
  .course-learning-lead{margin-bottom:25px;font-size:16px;line-height:1.85}
  .course-learning-lead p+p{margin-top:12px}
  .course-learning-mobile-photo{position:relative;isolation:isolate;display:block;width:min(100% - 14px,390px);aspect-ratio:1.08;margin:36px auto 42px}
  .course-learning-mobile-photo::before{content:"";position:absolute;z-index:-1;inset:10px -11px -13px 13px;border-radius:55% 45% 53% 47%/47% 57% 43% 53%;transform:rotate(5deg);background:#9eddf0}
  .course-learning-mobile-photo::after{content:"";position:absolute;inset:0;border-radius:49% 51% 45% 55%/51% 45% 55% 49%;background:linear-gradient(132deg,#b8e8f44a 0%,#f2fbff00 55%,#45b8e91f 100%);pointer-events:none}
  .course-learning-mobile-photo img{display:block;width:100%;height:100%;border-radius:49% 51% 45% 55%/51% 45% 55% 49%;object-fit:cover;object-position:61% 44%;box-shadow:0 15px 32px #3187ad2b}
  .course-learning-step{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:17px 0}
  .course-learning-icon{width:43px;height:43px;border-radius:12px}
  .course-learning-icon svg{width:26px;height:26px}
  .course-learning-step h3{font-size:19px}
  .course-learning-step p{font-size:15px}
  .course-voices-heading{display:block;margin-bottom:24px}
  .course-voices-heading>p{margin-top:12px;font-size:16px}
  .course-voices-grid{display:flex;gap:14px;overflow-x:auto;padding:0 0 14px;scroll-snap-type:x mandatory;scrollbar-width:thin}
  .course-voice-card{flex:0 0 min(82vw,350px);min-height:285px;padding:25px 23px;scroll-snap-align:start}
  .course-voice-card p{font-size:16px}
  .course-free-button{width:100%;font-size:15px}
  .course-free-placement--hero{margin-top:19px}
}
@media(prefers-reduced-motion:reduce){.course-target-list span{animation:none;background-size:100% 38%}.course-free-button{animation:none}}

/* October 27 review: balance the diagrams and navigation. */
.footer .footer-inner{grid-template-columns:220px minmax(0,1fr) 300px}
.footer-logo{display:flex;align-items:center;gap:12px;width:auto;height:auto;background:transparent;color:#fff;text-decoration:none}
.footer-logo img{flex:none;width:74px;height:74px;background:#fff}
.footer-logo span{font-size:14px;font-weight:800;line-height:1.55}
.course-audience-section .inner-two-col{width:min(920px,calc(100% - 112px));grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:20px}
.course-target-list li{font-size:clamp(18px,1.5vw,20px);white-space:nowrap}
.course-use-hub span{position:relative;z-index:2}
.course-use-hub::after,.course-use-item::before{z-index:0}
.course-use-visual{z-index:1}
.course-voices-more{min-width:210px;margin-top:27px;background:#f37021;box-shadow:0 9px 20px #f3702130}
.inner-button.course-voices-more--pending[aria-disabled="true"]{opacity:1;cursor:default}
.faq-decor .inner-faq-mark.question{background:#087ac3}
.faq-decor .inner-faq-mark.answer{border-color:#087ac3;color:#087ac3}
@media(max-width:900px){
  .header .logo img{width:40px;height:40px}
  .footer .footer-inner{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
  .course-audience-section .inner-two-col{width:min(650px,calc(100% - 42px));grid-template-columns:1fr;gap:18px}
  .course-target-list li{white-space:normal}
}
@media(max-width:600px){
  .footer .footer-inner{grid-template-columns:1fr}
  .footer-logo{width:100%;gap:12px}
  .footer-logo img{width:54px;height:54px}
  .footer-logo span{font-size:14px}
  .course-audience-section{padding-top:55px;padding-bottom:58px}
  .course-audience-section .inner-two-col{gap:16px}
  .course-audience-section .inner-image{max-width:330px;margin-top:23px}
  .course-use-hub::after{top:72px;left:35px;z-index:0}
}

/* Shared SNS and reviewed page details. */
.footer .footer-inner{grid-template-columns:250px minmax(0,1fr) 300px}
.footer-brand{min-width:0}
.footer-social{display:flex;justify-content:center;margin-top:30px}
.footer-social .social-links{justify-content:center;gap:14px}
.footer-social .social-links a{display:grid;place-items:center;width:46px;height:46px;padding:0;border-color:#ffffff80;border-radius:50%;background:#ffffff10;color:#fff}
.footer-social .social-links a:hover{background:#ffffff25}
.footer-social .social-links svg{width:22px;height:22px}
.footer-social .social-links span{display:none}
.contact-form .form-help{margin:0;color:#517083;font-size:14px;line-height:1.7}
.contact-form .form-help a{color:#087ac3}
.inner-legal{max-width:900px}
.inner-legal h2{margin:36px 0 10px;font-size:23px}
.inner-legal p,.inner-legal li{font-size:16px;line-height:1.9}
.inner-legal p{margin:0 0 17px}
.inner-legal ul{margin:0 0 18px;padding-left:1.4em}
.inner-legal .draft-note{margin-bottom:25px;padding:17px 20px;border-left:4px solid #e9775d;background:#fff8f5;color:#63483f;font-size:14px}
.inner-legal dd.missing-detail{color:#a65940;font-weight:700}
.contact-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form-result{min-height:1.7em;margin:0;color:#0a618c;font-size:14px}
.contact-consent{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border:1px solid #d5e7ef;border-radius:12px;background:#f8fcfe}
.contact-form .contact-consent input{flex:none;width:20px;height:20px;margin:3px 0 0;accent-color:#087ac3}
.contact-form .contact-consent label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px;line-height:1.5;cursor:pointer}
.contact-consent a{display:inline-block;margin-top:4px;color:#087ac3;font-size:14px;text-underline-offset:3px}
.contact-form-result.is-success{padding:18px 20px;border:1px solid #a9d9c4;border-radius:12px;background:#f0faf6;color:#16664d;font-weight:700}
@media(max-width:900px){
  .footer .footer-inner{grid-template-columns:1fr 2fr}
  .header .logo img{width:40px;height:40px}
}
@media(max-width:600px){.footer .footer-inner{grid-template-columns:1fr}}

