/* Course selection and details: scoped to this page. */
.courses-page{color:#172343;font:17px/1.65 Arial,sans-serif;background:#fff}
body:has(main.courses-page){--content-max-width:1200px}
.courses-page h1{font-size:clamp(34px,3.5vw,46px);line-height:1.15;letter-spacing:-.025em;margin:0 0 18px}
.courses-page h2{font-size:30px;line-height:1.3;margin:0 0 16px}
.courses-page h3{font-size:19px;line-height:1.4;margin:0 0 14px}
.courses-page h4{font-size:16px;margin:20px 0 10px}
.courses-page p,.courses-page li,.courses-page dd{line-height:1.65;color:#53617e}
.courses-page p{margin:0 0 16px}
.courses-page .courses-intro{padding-block:18px 10px}
.courses-page .breadcrumbs{margin-bottom:20px}
.courses-page .eyebrow{margin-bottom:12px}
.courses-page .course-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:36px;align-items:center}
.courses-page .courses-intro-copy{max-width:900px}
.courses-page .course-hero-grid{margin-bottom:20px}
.courses-page .course-hero-grid p{max-width:700px}
.courses-page .courses-intro-photo{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px;max-width:380px;justify-self:end}
.courses-page .courses-picker{padding-block:8px 24px;scroll-margin-top:48px}
.courses-page .courses-picker h2{font-size:21px;margin-bottom:14px}
.courses-page .courses-direction-nav{display:flex;flex-wrap:wrap;gap:10px}
.courses-page .courses-direction-nav a{display:flex;align-items:center;max-width:100%;min-width:0;padding:14px 18px;border:2px solid var(--blue);border-radius:9px;background:var(--blue-pale);color:#172343;font-size:16px;font-weight:600;line-height:1.4;white-space:normal;transition:background .15s,color .15s}
.courses-page .courses-direction-nav a:hover,.courses-page .courses-direction-nav a:focus-visible{background:var(--blue-hover);color:#fff;border-color:var(--blue-hover)}
.courses-page :focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.courses-page .courses-program{padding-block:28px;scroll-margin-top:48px;background:#fff}
.courses-page .courses-program>.wrap{border-top:1px solid #e2e8f2;padding-top:26px}
.courses-page .course-heading{max-width:900px;margin-bottom:20px}
.courses-page .course-audience{display:inline-block;background:var(--blue-pale);color:var(--blue);font-size:13px;font-weight:bold;border-radius:6px;padding:5px 10px;margin-bottom:12px}
.courses-page .course-goal{margin:0;max-width:840px}
.courses-page .course-terms{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px}
.courses-page .course-terms>div{padding:12px 16px;border-radius:10px;background:#f3f6fc;flex:1 1 220px;max-width:400px;min-width:0}
.courses-page .course-terms dt{font-size:12px;font-weight:bold;color:#53617e;margin-bottom:5px}
.courses-page .course-terms dd{margin:0;color:#172343;font-weight:bold;font-size:16px;overflow-wrap:anywhere}
.courses-page .course-conditions-note{font-size:13px;color:#69748b;margin-bottom:18px}
.courses-page .course-actions{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-bottom:24px}
.courses-page .button{font-size:15px;white-space:normal;text-align:center}
.courses-page .course-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:start;margin-bottom:22px}
.courses-page .course-skills ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.courses-page .course-skills li{position:relative;min-width:0;padding:12px 12px 12px 38px;border:1px solid #e0e7f3;border-radius:10px;font-size:15px}
.courses-page .course-skills li::before{content:'';position:absolute;left:12px;top:17px;width:14px;height:14px;background:var(--blue);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12l5 5L20 6' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat}
.courses-page .course-result{background:#f2f6ff;border-left:3px solid var(--blue);border-radius:0 12px 12px 0;padding:18px 20px}
.courses-page .course-result h3{font-size:18px;margin-bottom:10px}
.courses-page .course-result ul{padding-left:20px;margin:0;font-size:15px}
.courses-page .course-result li{margin-bottom:6px}
.courses-page .course-result-note{font-size:13px;margin:12px 0 0}
.courses-page .course-details{display:grid;gap:10px}
.courses-page details{border:1px solid #e0e6f1;border-radius:12px;padding:0;background:white;min-width:0}
.courses-page summary{cursor:pointer;padding:16px 20px;color:#172343;font-size:16px;font-weight:bold;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.courses-page summary::-webkit-details-marker{display:none}
.courses-page summary::after{content:'+';font-size:22px;color:var(--blue);font-weight:normal;flex-shrink:0}
.courses-page details[open] summary::after{content:'−'}
.courses-page details[open] summary{border-bottom:1px solid #e0e6f1}
.courses-page summary:hover{background:#f8faff;border-radius:12px}
.courses-page .course-detail-copy{padding:20px;max-width:900px;font-size:16px}
.courses-page .courses-card-audience{font-size:13px;color:var(--blue)}
.courses-page .course-request-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:20px}
.courses-page .course-request-row{padding:18px;border-radius:10px;background:#f6f8fc;min-width:0}
.courses-page .course-request-row dt{font-size:16px;font-weight:bold;color:#172343;margin-bottom:12px}
.courses-page .course-request-row dd{margin:0;font-size:16px}
.courses-page .course-request-row dd::before{content:'Наш підхід';display:block;font-size:12px;font-weight:bold;color:var(--blue);margin-bottom:6px}
.courses-page .courses-final{padding-block:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #e2e8f2}
.courses-page .courses-final>div{max-width:800px}
.courses-page .courses-final h2{font-size:26px}
.courses-page .courses-final p{margin:0}
.courses-page .courses-final .button{flex-shrink:0}
.courses-page a:not(.button){overflow-wrap:anywhere}
@media(max-width:900px){.courses-page .course-overview{grid-template-columns:minmax(0,1fr)}.courses-page .course-result{max-width:900px}}
@media(max-width:700px){
 .courses-page{font-size:16px}.courses-page h1{font-size:34px}.courses-page h2{font-size:26px}
 .courses-page .course-hero-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 .courses-page .courses-intro-photo{max-width:380px;justify-self:start}
 .courses-page .courses-intro{padding-block:14px 8px}
 .courses-page .courses-program{padding-block:20px;scroll-margin-top:24px}.courses-page .courses-program>.wrap{padding-top:20px}
 .courses-page .courses-direction-nav{gap:8px}.courses-page .courses-direction-nav a{max-width:100%;padding:12px 16px;font-size:15px}
 .courses-page .course-terms{flex-direction:column}.courses-page .course-terms>div{flex:auto;max-width:none}
 .courses-page .course-skills ul,.courses-page .course-request-cards{grid-template-columns:minmax(0,1fr)}
 .courses-page .course-detail-copy,.courses-page .course-request-cards{padding:16px}
 .courses-page summary{padding:14px 16px}
 .courses-page .course-actions{align-items:flex-start;flex-direction:column}
 .courses-page .courses-final{padding-block:22px;align-items:flex-start;flex-direction:column}
}

.courses-page .courses-intro-copy>p:last-child{margin-bottom:0}