/* Optional arrangements. All paint, typography and shapes belong to the school design. */
.website-welcome{gap:clamp(28px,4vw,48px)}
body:has(.website-welcome) .academy-header .website-page-nav>a[href$="/my-academy"]{border:1px solid var(--green);border-radius:var(--button-radius,var(--radius));padding:7px 16px;color:var(--brand-deep,var(--ink));font-weight:650}
.website-welcome .website-hero{padding-top:32px;gap:clamp(28px,4vw,64px)}
.website-welcome .website-hero .learning-art{max-width:450px;aspect-ratio:1.05}
.website-welcome .website-hero .course-rich{font-size:18px;line-height:1.65;max-width:560px}
.website-welcome .website-hero .website-heading{letter-spacing:-.035em;margin-bottom:22px}
.website-welcome .website-hero .button.secondary{border-color:var(--green);color:var(--brand-deep,var(--ink))}
.website-welcome .website-layout-spotlight{padding:clamp(24px,3vw,38px)}
.website-welcome .website-layout-split .website-faq-heading>h2{font-size:clamp(26px,3vw,34px)}
.website-welcome .website-layout-split .website-faq-heading>.course-rich{font-size:14px}
.website-welcome .website-layout-split>.content-action{grid-column:1;margin:0}
.website-welcome .website-question summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.website-welcome .website-question summary::-webkit-details-marker{display:none}.website-welcome .website-question summary::after{content:"";width:8px;height:8px;flex-shrink:0;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-right:3px}.website-welcome .website-question[open] summary::after{transform:rotate(225deg)}
.website-course-art{width:100%;height:100%;min-height:220px;max-height:360px;display:block;background:var(--block-soft-bg,var(--paper))}
.website-course-art .wca-soft{fill:var(--surface)}.website-course-art .wca-book{fill:var(--green);stroke:var(--button-ink);stroke-width:3;stroke-linejoin:round}.website-course-art .wca-lines{fill:none;stroke:var(--button-ink);stroke-width:5;stroke-linecap:round}.website-course-art .wca-bubble{fill:var(--accent);stroke:var(--surface);stroke-width:3}.website-course-art .wca-dots{fill:var(--accent-ink)}.website-course-art .wca-sparks{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round}
@media(max-width:650px){.website-welcome .website-hero{padding-top:18px}.website-welcome .website-hero .learning-art{max-width:340px}.website-welcome .website-hero .course-rich{font-size:16px}.website-welcome .website-layout-spotlight{padding:20px}.website-welcome .website-layout-split>.content-action{grid-column:auto}}
.website-action-pair{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.website-action-pair .content-action{margin-top:24px}
.website-action-pair .button{min-width:160px}
.website-layout-panorama.website-with-image{position:relative;isolation:isolate;display:block;min-height:480px;padding:clamp(32px,4vw,56px);margin-inline:-50px;width:calc(100% + 100px);background:var(--panorama-bg,var(--paper));overflow:hidden}
.website-layout-panorama>.website-article{position:relative;z-index:2;width:50%;max-width:620px;padding-block:10px}
.website-layout-panorama>.website-image{position:absolute;inset:0 0 0 auto;width:68%;height:100%;z-index:0;mask-image:linear-gradient(to right,transparent,black 24%);-webkit-mask-image:linear-gradient(to right,transparent,black 24%)}
.website-layout-panorama>.website-image img{height:100%;max-height:none;width:100%;object-fit:cover;object-position:center 25%;border-radius:0}
.website-layout-panorama>.website-image figcaption{position:absolute;bottom:12px;right:20px;background:var(--surface);color:var(--ink);padding:5px 10px;border-radius:var(--radius);font-size:11px;max-width:60%}
.website-layout-panorama h1.website-heading-xxl{font-size:clamp(52px,6vw,84px);line-height:.99;letter-spacing:-.045em;margin:14px 0 24px}
.website-layout-panorama .course-rich{font-size:18px;line-height:1.5;max-width:410px}
.website-layout-panorama.website-image-side-left>.website-image{inset:0 auto 0 0;mask-image:linear-gradient(to left,transparent,black 24%);-webkit-mask-image:linear-gradient(to left,transparent,black 24%)}
.website-layout-panorama.website-image-side-left>.website-article{margin-left:auto}
.website-layout-strip{padding:4px 0}
.website-layout-strip .website-tiles{gap:0}
.website-layout-strip .website-tile{display:grid;grid-template-columns:62px minmax(0,1fr);align-content:center;column-gap:14px;padding:12px 24px;border:0;border-right:var(--card-border-width,1px) solid var(--border);border-radius:0;box-shadow:none;background:transparent}
.website-layout-strip .website-tile:first-child{padding-left:0}
.website-layout-strip .website-tile:last-child{border-right:0;padding-right:0}
.website-layout-strip .tile-icon{grid-column:1;grid-row:1 / span 2;width:58px;height:58px;background:transparent;color:var(--ink);margin:0;align-self:center}
.website-layout-strip .tile-icon svg{width:54px;height:54px;color:inherit}
.website-layout-strip .website-tile>.content-image-figure{grid-column:1;grid-row:1 / span 2;align-self:center}
.website-layout-strip .website-tile>.content-image-figure>img{width:58px;height:58px;object-fit:contain;border-radius:var(--radius)}
.website-layout-strip .website-tile h2{font-size:19px;margin:0 0 5px;grid-column:2;color:var(--ink)}
.website-layout-strip .website-tile p{font-size:14px;line-height:1.5;grid-column:2}
.website-layout-spotlight .website-offer-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--theme-space,24px)}
.website-layout-spotlight .website-offer-layout.has-aside{grid-template-columns:minmax(0,2.4fr) minmax(240px,1fr)}
.website-layout-spotlight .public-catalog{margin:0}
.website-layout-spotlight .website-course-grid{grid-template-columns:1fr;gap:var(--theme-space,24px)}
html .website-layout-spotlight .website-course-grid .course-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;border-radius:var(--radius);box-shadow:var(--card-shadow,none);border:var(--card-border-width,1px) solid var(--border);background:var(--surface)}
.website-layout-spotlight .course-card>figure{min-height:300px;display:flex;flex-direction:column;position:relative}
.website-layout-spotlight .course-card>figure:not(:has(figcaption)) .course-cover{position:absolute;inset:0;width:100%;height:100%}
.website-layout-spotlight .course-card .course-cover{flex:1;height:100%;aspect-ratio:auto;border-radius:0}
.website-layout-spotlight .course-card .course-cover>img{height:100%;object-fit:cover;border-radius:0}
html .website-layout-spotlight .course-body{padding:var(--card-padding,26px);justify-content:center;gap:12px}
.website-layout-spotlight .course-body h3{font-size:25px;margin:0;color:var(--ink)}
.website-layout-spotlight .course-body p{flex:0 0 auto;line-height:1.6;margin:0}
.website-layout-spotlight .course-body .status{font-size:11px;background:var(--brand-soft,var(--paper));color:var(--block-soft-ink,var(--ink));padding:4px 10px}
.website-layout-spotlight .course-body .button{margin:0}
.website-layout-spotlight>.eyebrow{margin-bottom:8px}
.website-layout-spotlight>h2{font-size:clamp(28px,3.1vw,40px);margin:0 0 20px;letter-spacing:-.035em}
.website-offer-aside{min-width:0;display:flex;flex-direction:column;border:var(--card-border-width,1px) solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow,none);background:var(--surface);overflow:hidden}
.website-offer-aside>.website-image{height:160px;padding:10px 14px 0}
.website-offer-aside>.website-image img{height:100%;max-height:160px;object-fit:contain}
.website-aside-body{padding:var(--card-padding,24px);padding-top:12px;display:flex;flex:1;flex-direction:column}
.website-aside-body h3{font-size:21px;margin:0 0 9px}
.website-aside-body p{font-size:14px;line-height:1.6;margin:0}
.website-aside-body .content-action{margin-top:auto;padding-top:14px}
.website-aside-body .button{width:100%}
.website-layout-illustrated .website-quiz-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:28px;align-items:center}
.website-layout-illustrated .website-quiz-layout>.website-image{max-width:420px;justify-self:end}
.website-layout-illustrated .website-quiz-layout>.website-image img{max-height:265px;object-fit:contain}
.website-layout-illustrated .quiz-block{min-width:0;padding:0;border:0;box-shadow:none;background:transparent}
.website-layout-illustrated .qb-start-card{padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit}
.website-layout-illustrated .qb-start-card h3{font-size:clamp(26px,3.1vw,40px);line-height:1.15;letter-spacing:-.035em;max-width:none;margin:10px 0 15px;color:inherit}
.website-layout-illustrated .qb-start-card p{max-width:620px;color:inherit}
.website-layout-illustrated .qb-start-chips{display:none}
.website-layout-illustrated .website-quiz-layout:not(:has(.qb-start-card)){display:block}
.website-layout-illustrated .website-quiz-layout:not(:has(.qb-start-card))>.website-image{display:none}
.website-layout-editorial.website-with-image{gap:clamp(28px,4vw,48px)}
.website-layout-editorial h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.035em;margin-bottom:18px}
.website-layout-editorial .course-rich{font-size:16px;line-height:1.7}
.website-layout-editorial .website-image img{max-height:330px}.website-layout-editorial .website-image-cover img{object-position:center top}
.website-layout-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:35px;align-items:start}
.website-layout-split .website-faq-heading h2{font-size:32px;margin:8px 0}
.website-layout-split .website-question{margin:0 0 10px;padding:13px 18px;border:var(--card-border-width,1px) solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow,none);background:var(--surface);font-size:14px}
.website-layout-split .website-question summary{font-weight:500}
.website-layout-banner.website-callout{border:var(--card-border-width,1px) solid var(--border);box-shadow:var(--card-shadow,none);border-radius:var(--radius);padding:var(--card-padding,26px)}
.website-layout-banner .website-article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 30px;align-items:center}
.website-layout-banner .website-article>h2{grid-column:1;grid-row:1;margin:0;font-size:23px}
.website-layout-banner .website-article>.course-rich{grid-column:1;grid-row:2;font-size:14px;line-height:1.6}
.website-layout-banner .website-article>.content-action{grid-column:2;grid-row:1 / span 2;margin:0}
.website-layout-banner .website-article>.eyebrow{grid-column:1;margin:0}
.academy-header:has(.website-page-nav){padding-block:14px}
.academy-header:has(.website-page-nav) .academy-logo{max-height:44px}
.academy-header .website-page-nav{gap:20px}
.academy-main:has(.website-layout-panorama) .website-sections{gap:clamp(24px,3.5vw,42px)}
.website-section[class*=website-layout-] .button.secondary{border-color:var(--green)}
@media(max-width:1050px){.website-layout-spotlight .website-offer-layout.has-aside{grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}.website-layout-spotlight .course-body h3{font-size:21px}.website-layout-spotlight .course-card>figure{min-height:245px}.website-layout-strip .website-tile{grid-template-columns:44px minmax(0,1fr);column-gap:10px;padding-inline:14px}.website-layout-strip .tile-icon,.website-layout-strip .tile-icon svg{width:40px;height:40px}.website-layout-strip .website-tile h2{font-size:17px}}
@media(max-width:850px){.website-layout-panorama>.website-article{width:56%}.website-layout-panorama>.website-image{width:63%;mask-image:linear-gradient(to right,transparent,black 36%);-webkit-mask-image:linear-gradient(to right,transparent,black 36%)}.website-layout-panorama h1.website-heading-xxl{font-size:58px}.website-layout-spotlight .website-offer-layout.has-aside{grid-template-columns:1fr}.website-offer-aside{display:grid;grid-template-columns:200px minmax(0,1fr)}.website-offer-aside>.website-image{height:180px;padding:14px}.website-aside-body{padding:var(--card-padding,24px)}.website-layout-illustrated .website-quiz-layout{grid-template-columns:minmax(0,1.4fr) minmax(180px,1fr)}}
@media(max-width:650px){.website-layout-panorama.website-with-image{width:calc(100% + 44px);margin-inline:-22px;min-height:0;padding:30px 22px 0;display:flex;flex-direction:column;gap:20px}.website-layout-panorama>.website-article,.website-layout-panorama.website-image-side-left>.website-article{width:100%;max-width:none;margin:0}.website-layout-panorama h1.website-heading-xxl{font-size:54px;max-width:380px}.website-layout-panorama>.website-image,.website-layout-panorama.website-image-side-left>.website-image{position:relative;inset:auto;width:calc(100% + 44px);height:290px;mask-image:none;-webkit-mask-image:none}.website-layout-panorama .course-rich{font-size:16px}.website-action-pair{gap:10px}.website-action-pair .button{min-width:0;padding-inline:15px}.website-action-pair .content-action{margin-top:18px}.website-layout-strip .website-tiles{grid-template-columns:1fr;gap:0}.website-layout-strip .website-tile,.website-layout-strip .website-tile:first-child,.website-layout-strip .website-tile:last-child{padding:16px 0;border-right:0;border-bottom:var(--card-border-width,1px) solid var(--border);grid-template-columns:50px minmax(0,1fr);gap:5px 16px}.website-layout-strip .website-tile:last-child{border-bottom:0}.website-layout-strip .tile-icon,.website-layout-strip .tile-icon svg{width:46px;height:46px}.website-layout-strip .website-tile h2{font-size:19px}.website-layout-strip .website-tile p{font-size:14px}html .website-layout-spotlight .website-course-grid .course-card{grid-template-columns:1fr}.website-layout-spotlight .course-card>figure{height:230px;min-height:0}.website-layout-spotlight .course-body h3{font-size:25px}.website-offer-aside{display:flex}.website-offer-aside>.website-image{height:180px}.website-layout-illustrated .website-quiz-layout{display:flex;flex-direction:column;gap:18px}.website-layout-illustrated .website-quiz-layout>.website-image{max-width:280px;align-self:center}.website-layout-illustrated .website-quiz-layout>.website-image img{max-height:190px}.website-layout-illustrated .qb-start-card h3{font-size:31px}.website-layout-split{grid-template-columns:1fr;gap:18px}.website-layout-editorial h2{font-size:30px}.website-layout-banner .website-article{display:block}.website-layout-banner .website-article>.course-rich{margin-top:10px}.website-layout-banner .website-article>.content-action{margin-top:18px}}

.website-layout-panorama.website-bg-soft{--panorama-bg:var(--block-soft-bg)}.website-layout-panorama.website-bg-strong{--panorama-bg:var(--block-strong-bg)}

.website-layout-spotlight .public-catalog,.website-layout-spotlight .website-course-grid{height:100%}