/* Clear course headings and a distinct, readable contact form. */
.section .section-label{font-family:Arial,Helvetica,sans-serif;font-size:clamp(19px,1.8vw,24px);font-weight:700;line-height:1.4;letter-spacing:.025em;color:var(--ink);margin-bottom:32px}
.section .section-explanation{max-width:760px;font-size:20px;line-height:1.65;margin:26px 0 0;color:var(--ink)}
.format.section h2{font-size:clamp(42px,6.2vw,88px);line-height:1.04}
@media(max-width:720px){
 .section .section-label{font-size:19px;margin-bottom:26px}
 .section .section-explanation{font-size:17px;line-height:1.65;margin-top:22px}
 .format.section h2{font-size:clamp(32px,10vw,64px)}
}
@media(min-width:721px){
 .header nav{display:flex;align-items:center;gap:32px;font-size:22px;font-weight:700;line-height:1.3}
 .header nav a{display:inline-flex;align-items:center;min-height:48px;padding:10px 4px;border-bottom:2px solid transparent;text-underline-offset:6px}
 .header nav a:hover,.header nav a:focus-visible{border-bottom-color:var(--ink)}
}
@media(min-width:721px) and (max-width:1050px){
 .header{height:auto;min-height:110px;flex-wrap:wrap;gap:12px 24px}
 .header nav{order:3;width:100%;justify-content:center;gap:28px;font-size:20px}
 .header>.button{margin-left:auto}
}
.program-aside h2{font-size:clamp(46px,5vw,72px);line-height:1.02}
.program-total{display:block;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:700;letter-spacing:0;line-height:1.3;margin-top:20px}
.program-aside .program-instruction{font-size:16px;line-height:1.6}
.offer-disclaimer{padding:0 6.5% 42px;background:var(--cream)}
.offer-disclaimer p{max-width:1000px;font-size:14px;line-height:1.7}
.offer-disclaimer a{text-decoration:underline;text-underline-offset:3px}
.contact .section-label{margin-bottom:28px}
.contact-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6%;align-items:start}
.contact h2{font-size:clamp(42px,4.4vw,64px);line-height:1.06;margin-bottom:24px}
.contact .contact-sign{margin-top:24px}
.contact form{background:#fffaf1;color:var(--ink);padding:36px;border:1px solid #19191626;border-radius:22px;box-shadow:0 12px 36px #56250014}
.contact form h3{font-size:30px;line-height:1.15;margin-bottom:12px}
.contact form .form-intro{font-size:16px;line-height:1.6;max-width:none;margin:0 0 28px;color:var(--ink)}
.contact form label{font-size:16px;margin-bottom:8px;line-height:1.5}
.contact form input:not([type=hidden]):not([type=radio]),.contact form textarea{background:#fff;border:1px solid #76736c;border-radius:8px;padding:14px 16px;min-height:52px;margin-bottom:22px;font-size:16px;color:var(--ink);width:100%}
.contact form input::placeholder,.contact form textarea::placeholder{color:#69665f;opacity:1}
.contact form .phone-hint{display:block;margin:-12px 0 22px;font-size:13px;line-height:1.5;color:var(--ink)}
.contact form input:focus-visible,.contact form textarea:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.contact form .situation-options{margin:0 0 22px}
.contact form .situation-options legend{font-size:16px;line-height:1.5}
.contact form .situation-options label{padding:10px 12px;border:1px solid #b4afa5;border-radius:8px;margin:0 0 8px;font-weight:400;min-height:48px;background:#fff}
.contact form .situation-options label:has(input:checked){border-color:var(--ink);background:#ffeadc;box-shadow:inset 0 0 0 1px var(--ink)}
.contact form .privacy-note,.contact form .form-foot{color:var(--ink);max-width:none!important;font-size:14px!important;line-height:1.6}
.contact form .submit{font-size:17px;min-height:58px;padding:18px 22px}
.contact form .submit:hover{background:#fff;border-color:var(--ink)}
.contact form .submit.is-sent,.contact form .submit.is-sent:hover{background:#237344;border-color:#237344;color:#fff}
.contact form .submit:disabled{cursor:wait;opacity:.75}
#form-status:empty{display:none}
#form-status{font-size:16px;line-height:1.6;margin:18px 0 0}
.success-dialog{box-sizing:border-box;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:40px;border:1px solid var(--ink);border-top:6px solid var(--orange);border-radius:20px;background:var(--cream);color:var(--ink);box-shadow:0 24px 90px #0004}
.success-dialog::backdrop{background:rgb(25 25 22 / .64);backdrop-filter:blur(4px)}
.success-dialog .success-icon{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:var(--ink);font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.075em}
.success-dialog .success-icon::before{content:'✓';display:grid;place-items:center;width:28px;height:28px;background:var(--orange);color:var(--ink);font-size:20px;letter-spacing:0}
.success-dialog h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(32px,7vw,46px);line-height:1.04;letter-spacing:-.025em;margin:0 0 24px}
.success-dialog p{font-size:17px;line-height:1.65;margin:0 0 18px;max-width:none}
.success-dialog .success-sign{font-size:14px;color:var(--ink);margin:24px 0;padding-top:18px;border-top:1px solid var(--line)}
.success-dialog .button{width:100%;justify-content:space-between;background:var(--ink);color:var(--cream);border:1px solid var(--ink);border-radius:0;font-size:15px;min-height:56px;padding:17px 22px}
.success-dialog .button:hover{background:var(--orange);color:var(--ink);border-color:var(--ink)}
.success-dialog .button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:540px){.success-dialog{padding:28px 24px}.success-dialog p{font-size:16px}}
.contact-grid>form.reveal{opacity:1;transform:none}
@media(max-width:900px){
 .contact-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .contact-grid>div{max-width:660px}
 .contact h2{font-size:clamp(34px,6vw,52px)}
 .contact .lead{max-width:60ch}
 .contact-sign{display:none}
}
@media(max-width:720px){
 .program-aside h2{font-size:clamp(44px,12vw,70px)}
 .offer-disclaimer{padding:0 6% 30px}
 .contact{padding:36px 5% 44px;border-radius:40px 0 0 0}
 .contact .section-label{margin-bottom:18px}
 .contact h2{font-size:clamp(32px,8.3vw,48px);margin-bottom:16px}
 .contact .lead{font-size:17px;line-height:1.6}
 .contact form{padding:24px 18px;border-radius:16px}
 .contact form h3{font-size:26px}
 .contact form .form-intro{font-size:15px;margin-bottom:22px}
 .contact form .situation-options label{gap:10px}
 .contact form .situation-options label span{font-size:15px}
 .contact form .submit{font-size:16px;padding:17px 16px;gap:10px}
}

/* Individual course benefits. */
.outcomes-intro .outcomes-lead{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.7;color:#fff;max-width:440px;margin:32px 0 0}
.outcomes-content{min-width:0}
.outcomes-content .outcome-list{padding-top:0}
.outcomes .outcomes-more{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.7;color:#fff;max-width:none;margin:28px 0 0}
@media(max-width:720px){.outcomes-intro .outcomes-lead{font-size:17px;margin-top:24px;max-width:none}.outcomes .outcomes-more{font-size:16px;margin-top:24px}}

/* Compact course organization and native situation dropdown. */
.course-facts{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 28px;padding:26px 6.5%;background:var(--cream);border-top:1px solid var(--line);font-size:16px;line-height:1.5}
.course-facts strong{font-weight:700}
.course-facts+.offer-disclaimer{padding-top:28px}
.contact form select{background:#fff;border:1px solid #76736c;border-radius:8px;padding:14px 12px;min-height:52px;margin-bottom:22px;font-size:16px;color:var(--ink);width:100%;max-width:100%}
.contact form select:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media(max-width:720px){.course-facts{flex-direction:column;gap:8px;padding:22px 6%;font-size:16px}}
/* Program heading and contact action above the full-width lesson list. */
.program .program-grid{grid-template-columns:minmax(0,1fr);gap:32px}
.program .program-aside{position:static;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.program .program-aside h2{margin:0}
.program .program-aside .button{margin:0;flex-shrink:0}
.program .lesson-body{max-width:82ch}
@media(max-width:720px){.program .program-aside{flex-direction:column;align-items:flex-start;gap:24px}.program .program-aside .button{width:100%;max-width:340px}}
/* Legal information remains at the very bottom, within the footer. */
footer{flex-wrap:wrap}
footer .offer-disclaimer{flex:0 0 100%;padding:22px 0 0;background:transparent;border-top:1px solid currentColor}
footer .offer-disclaimer p{max-width:none;margin:0;font-size:13px;line-height:1.65}
/* Benefits read down the left column (01–03), then the right (04–05). */
#korzysci .benefits-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(48px,7vw,112px);row-gap:36px;align-items:start}
#korzysci .benefits-header{margin-bottom:42px}
#korzysci .benefits-header h2{max-width:100%;margin:0}
#korzysci .benefits-header .outcomes-lead{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.7;color:#fff;max-width:780px;margin:24px 0 0}
#korzysci .benefit-row{display:flex;flex-direction:column;gap:0;align-items:flex-start;min-width:0;padding:24px 0 0;border-top:1px solid #19191650}
#korzysci .benefit-row:nth-child(-n+3){grid-column:1}
#korzysci .benefit-row:nth-child(1),#korzysci .benefit-row:nth-child(4){grid-row:1}
#korzysci .benefit-row:nth-child(2),#korzysci .benefit-row:nth-child(5){grid-row:2}
#korzysci .benefit-row:nth-child(3){grid-row:3}
#korzysci .benefit-row:nth-child(n+4){grid-column:2}
#korzysci .benefit-row>*{min-width:0;margin:0}
#korzysci .benefit-number{font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;line-height:1.5;color:var(--ink);padding:0;margin-bottom:14px}
#korzysci .benefit-row h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(22px,1.8vw,28px);font-weight:700;line-height:1.3;letter-spacing:normal;color:var(--ink);max-width:32ch;margin-bottom:16px}
#korzysci .benefit-row p{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.7;color:var(--ink);max-width:60ch}
@media(max-width:720px){
 #korzysci .benefits-header{margin-bottom:30px}
 #korzysci .benefits-header h2{font-size:clamp(42px,12vw,76px);line-height:1.05}
 #korzysci .benefits-header .outcomes-lead{font-size:17px;margin-top:24px}
 #korzysci .benefits-rows{grid-template-columns:minmax(0,1fr);gap:30px}
 #korzysci .benefits-rows .benefit-row{grid-column:auto;grid-row:auto;padding:22px 0 0}
 #korzysci .benefit-number{font-size:14px;margin-bottom:12px}
 #korzysci .benefit-row h3{font-size:22px;margin-bottom:14px}
 #korzysci .benefit-row p{font-size:17px}
}

/* Audit update: keep the orange identity, improve text contrast, move the biography intact. */
.hero .eyebrow,.hero .hero-promise,.hero .teaching-promise,.hero .hero-bottom,
.trainer .trainer-copy p,.trainer .trainer-stats span,
#korzysci .benefits-header .outcomes-lead,#korzysci .benefit-row h3,#korzysci .benefit-row p,
.contact .contact-grid>div>p,.contact .contact-sign{color:var(--ink)}
.intro+.audience{border-top:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;align-items:start}
.faq-heading h2{font-size:clamp(42px,5vw,72px);line-height:1.05}
.faq-heading>p{font-size:18px;line-height:1.65;max-width:34ch;margin-top:26px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{grid-template-columns:minmax(0,1fr) 28px;gap:20px;padding:25px 0;font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.4;font-weight:700;letter-spacing:normal}
.faq summary i{width:28px;height:28px;border:1px solid var(--ink);border-radius:50%;position:relative}
.faq summary i::before,.faq summary i::after{content:'';position:absolute;left:6px;top:12px;width:14px;height:2px;background:var(--ink)}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq details[open]{background:transparent}
.faq-answer{padding:0 40px 26px 0;font-size:18px;line-height:1.7;max-width:70ch}
.faq summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
@media(max-width:900px){.faq-grid{grid-template-columns:minmax(0,1fr);gap:28px}.faq-heading>p{max-width:60ch}}
@media(max-width:720px){.faq-heading h2{font-size:clamp(38px,11vw,62px)}.faq-heading>p{font-size:17px;margin-top:22px}.faq summary{font-size:18px;padding:22px 0;gap:14px}.faq-answer{font-size:17px;padding-right:0}}
