:root{--ink:#233b31;--green:#255c45;--cream:#faf8f0;--orange:#f2784d;--line:#dce0d4}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}header,main,footer{max-width:1120px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}header img{max-width:48vw;height:auto;display:block}.button{display:inline-block;background:var(--green);color:white;padding:14px 22px;border:1px solid var(--green);border-radius:12px;text-decoration:none;font-weight:600;text-align:center}.secondary{background:transparent;color:var(--green)}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.breadcrumbs{font-size:14px;margin:12px 0 36px}.course-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;padding:12px 0 44px;align-items:center}h1{font-size:clamp(36px,5vw,64px);line-height:1.1;letter-spacing:-2px;margin:18px 0 24px}h2{font-size:30px;line-height:1.2}.eyebrow{letter-spacing:2px;font-weight:bold;font-size:13px}.lead{font-size:21px;max-width:620px;margin-bottom:28px}.course-note{background:#e6eddf;border-radius:28px;padding:32px}.course-note strong{font-size:96px;line-height:1.1;color:var(--green)}.section{border-top:1px solid var(--line);padding:28px 0}.section>p{max-width:820px}.text-link{display:inline-block;color:var(--green);padding:12px 0;font-weight:bold}.unit-list{columns:2;column-gap:60px;padding-left:24px}.unit-list li{padding:10px 8px;break-inside:avoid}.final-note{background:#e6f294;padding:16px 24px;border-radius:12px;font-weight:bold}.course-navigation,.languages{display:flex;flex-wrap:wrap;gap:12px}.course-navigation{padding:24px 0}[aria-current=page]{font-weight:bold;text-decoration:underline;text-underline-offset:5px}footer{border-top:1px solid var(--line);font-size:14px}.languages{margin-bottom:24px}.languages a{padding:10px;background:white;border-radius:8px}@media(max-width:650px){header,main,footer{padding:22px}.course-hero{grid-template-columns:1fr;gap:24px}.course-note{display:flex;gap:24px;align-items:center;padding:22px}.course-note strong{font-size:64px}.unit-list{columns:1}h1{letter-spacing:-1px}.lead{font-size:19px}.button{padding:12px 18px}header{flex-wrap:wrap}header>.button{font-size:14px;white-space:normal;max-width:100%}header img{max-width:min(210px,100%)}}
