/* Scoped integration with the existing theme. Deactivation restores old layers. */
.znk-concepts-design{direction:rtl;color:#253d77;font-family:StudioHeebo,Arial,sans-serif;--studio-ink:#253d77;--studio-yellow:#ffdc58;--studio-blue:#3159d9;--studio-pink:#ec1670}
.znk-concepts-design-page .page-content>.grid-width{max-width:1440px;width:100%;padding-inline:0}
.znk-concepts-design-page .page-content-container{width:100%;max-width:none;float:none}
.znk-concepts-design-page .page-content-title:not(.znk-cd-title){font-size:24px;margin:24px 5%;line-height:1.4}
.znk-concepts-design .znk-cd-title{color:#253d77!important;float:none;border:0;background:none;padding:0}
.znk-concepts-design .znk-cl-studio-hero{padding-inline:clamp(22px,5vw,70px)!important}
.znk-concepts-design :is(section,figure,[id],.znk-cd-anchor){scroll-margin-top:150px}
.znk-concepts-design .znk-cl-reading-rail{top:145px;max-height:calc(100vh - 175px);overflow:auto}
.znk-concepts-design .znk-cl-reading-layout{padding-inline:clamp(20px,5vw,70px)}
.znk-concepts-design :is(.znk-cl-apps,.znk-cl-students,.znk-cl-method){padding-inline:clamp(24px,5vw,70px)}
.znk-concepts-design .znk-cd-anchor{display:block;height:0}
.znk-concepts-design .znk-mk-wrap .znk-mk-lead__form{display:grid}
.znk-concepts-design .workbook-icon{display:block}
.znk-concepts-design .znk-cl-topic-mark{max-width:90%;text-wrap:balance;white-space:normal;text-align:center}
.znk-concepts-design .znk-cl-ch-blurb{color:#526581}
.znk-concepts-design .znk-cl-apps .psy-panel{display:grid}
.znk-concepts-design .znk-cl-hero-art{pointer-events:none}
.znk-concepts-design .znk-cl-flow li .n{position:static;display:inline-flex;align-items:center;justify-content:center;margin:0 0 10px 8px}
.znk-concepts-design .znk-cl-flow li:has(.n):before{content:none}
.znk-concepts-design .znk-cl-flow li:has(.n){padding-inline-start:12px!important}
@media(max-width:600px){.znk-concepts-design .znk-cl-reading-rail{max-height:none;overflow:visible}.znk-concepts-design :is(section,figure,[id],.znk-cd-anchor){scroll-margin-top:110px}.znk-concepts-design .znk-cl-studio-hero .znk-cd-title{font-size:32px!important}.znk-concepts-design .znk-cl-topic-mark{font-size:12px;line-height:1.5}.znk-concepts-design .znk-cl-studio-hero .znk-cl-btns{grid-template-columns:1fr}.znk-concepts-design .znk-cl-studio-hero .znk-cl-btn{min-height:48px}.znk-concepts-design .znk-cl-nav a{min-height:44px!important;display:flex;align-items:center}.znk-concepts-design .znk-cl-app-panel .znk-cl-action{white-space:normal}.znk-concepts-design .znk-cl-course-final{margin-inline:20px!important}}

.znk-concepts-design .znk-cl-studio-hero .znk-cl-btn.s{color:#253d77!important}
.znk-concepts-design .znk-cl-bite-body,.znk-concepts-design .znk-cl-bite-qs,.znk-concepts-design .znk-cl-bite-q,.znk-concepts-design .znk-cl-bite-q .m{min-width:0;max-width:100%}
.znk-concepts-design .m.he .katex,.znk-concepts-design .m.he .katex .base,.znk-concepts-design .m.he .katex .mord.text{white-space:normal;overflow-wrap:anywhere}
.znk-concepts-design .m.he .katex .base{display:inline}
@media(max-width:600px){.znk-concepts-design .znk-cl-bite-q{grid-template-columns:24px minmax(0,1fr);gap:9px}.znk-concepts-design .znk-cl-bite-q .cta{grid-column:2;justify-self:start}.znk-concepts-design .znk-cl-bite-a{overflow-x:auto}.znk-concepts-design .znk-cl-fig{overflow-x:auto}}
/* Keep matching hub search results visible beyond the original preview row limit. */
.znk-concepts-design[data-page="hub"]:has(#zd-q:not(:placeholder-shown)) .zd-cluster .zd-row:not([style*="none"]){display:list-item}

/* 1.0.5: keep dark components readable against theme-level text/link rules. */
.znk-concepts-design a.zd-cta.zd-cta-am,
.znk-concepts-design a.zd-cta.zd-cta-am:is(:visited,:hover,:focus,:active),
.znk-concepts-design a.zd-cta.zd-cta-am *{color:#fff!important}
.znk-concepts-design .znk-cl-bite-head .znk-cl-kicker,
.znk-concepts-design .znk-cl-bite-head p,
.znk-concepts-design .znk-cl-bite-head p *{color:#fff!important}

/* 1.0.6 — Topic-specific character art direction. Hero only; lesson colours stay readable. */
.znk-concepts-design[data-hero-variant]{--hero-paper:#e7edff;--hero-stage:#3159d9;--hero-accent:#3159d9}
.znk-concepts-design[data-hero-variant="orbit"]{--hero-paper:#e0f2ee;--hero-stage:#8bd0c4;--hero-accent:#14625d}
.znk-concepts-design[data-hero-variant="geometry"]{--hero-paper:#e5f2ff;--hero-stage:#59b4dd;--hero-accent:#1d567e}
.znk-concepts-design[data-hero-variant="formula"]{--hero-paper:#fff0df;--hero-stage:#b7c9f7;--hero-accent:#7d4524}
.znk-concepts-design[data-hero-variant="arithmetic"]{--hero-paper:#fff7d9;--hero-stage:#f2bd77;--hero-accent:#765016}
.znk-concepts-design[data-hero-variant="probability"]{--hero-paper:#e9e5fa;--hero-stage:#a7bcec;--hero-accent:#59417b}
.znk-concepts-design[data-hero-variant="logic"]{--hero-paper:#edf3e1;--hero-stage:#bfd48b;--hero-accent:#4c632a}
.znk-concepts-design[data-hero-variant="reading"]{--hero-paper:#fce8df;--hero-stage:#e9a2a1;--hero-accent:#824342}
.znk-concepts-design[data-hero-variant="language"]{--hero-paper:#f3eafa;--hero-stage:#d3b0e7;--hero-accent:#664482}
.znk-concepts-design[data-hero-variant] .znk-cl-studio-hero{background:var(--hero-paper)!important}
.znk-concepts-design[data-hero-variant] .znk-cl-studio-hero :is(.znk-cl-ey,.zd-kicker){color:var(--hero-accent)}
.znk-concepts-design[data-hero-variant] .znk-cl-topic-shape{background:var(--hero-stage);clip-path:none;border-radius:48% 48% 15% 15%;inset:90px -5px 30px;transform:rotate(-5deg)}
.znk-concepts-design[data-hero-variant="orbit"] .znk-cl-topic-shape{border-radius:50%;inset:100px 0 40px;transform:none;aspect-ratio:1;height:auto;border:1px solid #14625d22}
.znk-concepts-design[data-hero-variant="geometry"] .znk-cl-topic-shape{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;inset:40px -12px 30px;transform:rotate(-7deg)}
.znk-concepts-design[data-hero-variant="formula"] .znk-cl-topic-shape{border-radius:28px 120px 28px 28px;transform:rotate(4deg)}
.znk-concepts-design[data-hero-variant="arithmetic"] .znk-cl-topic-shape{border-radius:50%;transform:rotate(-8deg)}
.znk-concepts-design[data-hero-variant="logic"] .znk-cl-topic-shape{border-radius:30px 30px 140px 30px;transform:rotate(5deg)}
.znk-concepts-design[data-hero-variant="reading"] .znk-cl-topic-shape{border-radius:50% 50% 12px 12px;transform:rotate(-4deg)}
.znk-concepts-design[data-hero-variant="language"] .znk-cl-topic-shape{border-radius:110px 20px 110px 20px;transform:rotate(4deg)}
.znk-concepts-design[data-hero-variant] .znk-cl-hero-art img{object-fit:contain;max-width:110%;filter:drop-shadow(0 12px 12px #253d7712)}
.znk-concepts-design[data-hero-variant="formula"] .znk-cl-hero-art img,
.znk-concepts-design[data-hero-variant="probability"] .znk-cl-hero-art img{height:94%;bottom:20px}
.znk-concepts-design[data-hero-variant="logic"] .znk-cl-hero-art img,
.znk-concepts-design[data-hero-variant="language"] .znk-cl-hero-art img{height:94%;bottom:20px}
@media(max-width:600px){
 .znk-concepts-design[data-hero-variant] .znk-cl-topic-shape{inset:30px 0 5px}
 .znk-concepts-design[data-hero-variant="orbit"] .znk-cl-topic-shape{inset:45px -4px auto;aspect-ratio:1}
 .znk-concepts-design[data-hero-variant="geometry"] .znk-cl-topic-shape{inset:25px -6px 8px}
 .znk-concepts-design[data-hero-variant] .znk-cl-hero-art img{height:105%;bottom:0;max-width:130%}
 .znk-concepts-design[data-hero-variant="formula"] .znk-cl-hero-art img,
 .znk-concepts-design[data-hero-variant="probability"] .znk-cl-hero-art img,
 .znk-concepts-design[data-hero-variant="logic"] .znk-cl-hero-art img,
 .znk-concepts-design[data-hero-variant="language"] .znk-cl-hero-art img{height:97%;max-width:125%;bottom:5px}
}
.znk-concepts-design[data-hero-variant="orbit"] .znk-cl-topic-shape{inset:auto;bottom:30px;left:50%;width:min(100%,390px);aspect-ratio:1;transform:translateX(-50%)}
@media(max-width:600px){.znk-concepts-design[data-hero-variant="orbit"] .znk-cl-topic-shape{bottom:12px;width:150px}}

/* 1.0.7: the inherited CTA used white text after the reading layout removed its dark background. */
.znk-concepts-design .znk-cl-reading-body .znk-cl-cta{
 background:#edf1ff!important;color:#253d77!important;
 padding:clamp(22px,3vw,38px)!important;border:1px solid #d9e1f6!important;border-radius:24px!important;
 grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;isolation:isolate
}
.znk-concepts-design .znk-cl-cta::before,.znk-concepts-design .znk-cl-cta::after{content:none}
.znk-concepts-design .znk-cl-cta :is(.txt,h2,.znk-cl-kicker,b){color:#253d77!important}
.znk-concepts-design .znk-cl-cta p,.znk-concepts-design .znk-cl-cta-pts span{color:#42577c!important}
.znk-concepts-design .znk-cl-cta p a,
.znk-concepts-design .znk-cl-cta p a:is(:visited,:hover,:focus,:active){color:#253d77!important;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:4px}
.znk-concepts-design .znk-cl-cta .znk-cl-btn,
.znk-concepts-design .znk-cl-cta .znk-cl-btn:is(:visited,:hover,:focus,:active){color:#253d77!important;min-height:48px;white-space:normal}
.znk-concepts-design .znk-cl-cta .znk-cl-btn.p{background:#ffdc58!important}
.znk-concepts-design .znk-cl-cta .znk-cl-btn.s{background:transparent!important;border-color:#253d77!important}
.znk-concepts-design .znk-cl-cta :is(a,button):focus-visible{outline:3px solid #3159d9;outline-offset:4px}
.znk-concepts-design .znk-cl-cta-pts li{background:#fff;border:1px solid #d9e1f6;padding:16px 18px;gap:4px;backdrop-filter:none;display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px}
.znk-concepts-design .znk-cl-cta-pts li::before{color:#14625d;grid-column:1;grid-row:1 / 3;margin:0}
.znk-concepts-design .znk-cl-cta-pts :is(b,span){grid-column:2}
.znk-concepts-design .znk-cl-cta-pts b{font-size:17px;line-height:1.5}
.znk-concepts-design .znk-cl-cta-pts span{font-size:14px;line-height:1.65}
@media(max-width:800px){.znk-concepts-design .znk-cl-reading-body .znk-cl-cta{grid-template-columns:minmax(0,1fr);gap:24px}.znk-concepts-design .znk-cl-cta .znk-cl-btns{display:flex;flex-wrap:wrap;gap:16px}}
@media(max-width:480px){.znk-concepts-design .znk-cl-cta .znk-cl-btns{flex-direction:column;align-items:stretch}.znk-concepts-design .znk-cl-cta .znk-cl-btn{text-align:center;justify-content:center}}