/* DistancePractice Pastel Editorial Layer 1.1.0 — decorative only. Existing operational selectors/events untouched. */
:root{--dp-pastel-ink:#27324f;--dp-pastel-lavender:#eee6ff;--dp-pastel-mint:#ddf6ed;--dp-pastel-sky:#e1f1ff;--dp-pastel-peach:#ffebdd;--dp-pastel-rose:#ffe3ef;--dp-pastel-border:#dfdcea;--dp-pastel-shadow:0 12px 36px rgba(58,59,114,.08);}
body{background-color:#f9f8ff;background-image:url('../img/dp-watermark-pastel.png'),radial-gradient(ellipse at 0% 2%,#f4eaff 0%,transparent 43%),radial-gradient(ellipse at 96% 13%,#e0f8ef 0%,transparent 43%),linear-gradient(180deg,#faf9ff,#f6fbff)!important;background-size:min(54vw,520px) auto,auto,auto,auto!important;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;background-position:calc(100% - 35px) 180px,center,center,center!important;background-attachment:fixed,fixed,fixed,fixed!important;color:var(--dp-pastel-ink);font-family:'Nunito Sans',Inter,system-ui,sans-serif;}
.dp-page-title,.dp-entry-content h1,.dp-content-card h1,.dp-brand-name{font-family:'Fredoka','Nunito Sans',system-ui,sans-serif!important;font-weight:650!important;letter-spacing:-.025em!important;}
.dp-entry-content h2,.dp-entry-content h3,.dp-content-card h2,.dp-content-card h3{font-family:'Baloo 2','Nunito Sans',system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.018em!important;}
.dp-sidebar-nav,.dp-site-header,.dp-content-card,.dp-entry-content,p,button,input,select,textarea{font-family:'Nunito Sans',Inter,system-ui,sans-serif;}
.dp-content-card,.dp-page-card{border-color:var(--dp-pastel-border)!important;box-shadow:var(--dp-pastel-shadow);background-color:rgba(255,255,255,.97);}
.dp-site-header{border-color:#e4def4!important;background:linear-gradient(115deg,rgba(255,255,255,.96),rgba(244,239,255,.90))!important;box-shadow:var(--dp-pastel-shadow);position:relative;isolation:isolate;overflow:hidden;}
.dp-site-header::after{content:'';position:absolute;z-index:-1;pointer-events:none;right:0;top:0;bottom:0;width:36%;background-image:url('../img/dp-visual-dashboard.svg');background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.48;mask-image:linear-gradient(90deg,transparent,#000 40%);}
body.dp-visual-question .dp-site-header::after{background-image:url('../img/dp-visual-question.svg');}
body.dp-visual-test .dp-site-header::after{background-image:url('../img/dp-visual-test.svg');}
body.dp-visual-assignment .dp-site-header::after{background-image:url('../img/dp-visual-assignment.svg');}
body.dp-visual-report .dp-site-header::after{background-image:url('../img/dp-visual-report.svg');}
body.dp-visual-game .dp-site-header::after{background-image:url('../img/dp-visual-game.svg');}
body.dp-visual-study .dp-site-header::after{background-image:url('../img/dp-visual-study.svg');}
body.dp-visual-speaking .dp-site-header::after{background-image:url('../img/dp-visual-speaking.svg');}
body.dp-visual-resources .dp-site-header::after{background-image:url('../img/dp-visual-resources.svg');}
.dp-nav-link:focus-visible,.dp-sidebar button:focus-visible,.dp-main-content a:focus-visible,.dp-main-content button:focus-visible{outline:3px solid #8a64d6!important;outline-offset:3px;}
.dp-entry-content a:not(.button):not([class*='btn']){text-underline-offset:3px;}
.dp-entry-content :is(h1,h2,h3){overflow-wrap:break-word;}
@media(max-width:820px){body{background-size:220px auto,auto,auto,auto!important;background-position:right 120px,center,center,center!important}.dp-site-header::after{opacity:.22;width:44%;}}
@media(max-width:600px){.dp-site-header::after{width:60%;opacity:.14}.dp-page-title{font-size:clamp(1.1rem,5vw,1.4rem)} }
@media(prefers-reduced-motion:reduce){.dp-nav-link{transition:none!important;}}
@media print{body{background:#fff!important}.dp-site-header::after{display:none!important}}

/* v1.1: distinct ELT illustration layout; decoration cannot capture pointer or keyboard events. */
.dp-site-header{min-height:155px;}
.dp-site-header::after{width:min(46%,560px);background-size:contain;background-position:center right;opacity:.82;pointer-events:none;}
.dp-site-header > *{position:relative;z-index:1;}
.dp-assessment-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;}
.dp-assessment-hero::after{content:"";position:absolute;inset:0 0 0 auto;width:min(40%,420px);background:url('../img/dp-visual-dashboard.svg') center / contain no-repeat;opacity:.82;z-index:-1;pointer-events:none;}
.dp-assessment-hero-copy{position:relative;z-index:1;max-width:70%;}
.dp-assessment-hero :is(h1,h2){font-family:'Fredoka','Nunito Sans',sans-serif!important;}
.dp-home-section h2,.dp-area-group h3{font-family:'Baloo 2','Nunito Sans',sans-serif!important;}
.dp-assessment-action-card,.dp-area-group{transition:transform .18s ease,box-shadow .18s ease;}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.dp-assessment-action-card:hover,.dp-area-group:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(57,52,111,.13);}}
@media(max-width:800px){.dp-assessment-hero-copy{max-width:100%;}.dp-assessment-hero::after{opacity:.13;width:75%;}.dp-site-header::after{width:50%;opacity:.25;}}
@media(max-width:520px){.dp-site-header{min-height:unset;}.dp-site-header::after{opacity:.12;}.dp-assessment-hero::after{opacity:.09;}}
@media print{.dp-assessment-hero::after{display:none!important}.dp-assessment-action-card,.dp-area-group{box-shadow:none!important}}

/* v1.2: substantial, page-specific ELT artwork. No interactive surface is covered. */
.dp-site-header{min-height:unset!important;overflow:visible!important;}
.dp-site-header::after{display:none!important;}

/* 4.3.9: full content-column width, shallow editorial visual. Does not overlay controls. */
.dp-editorial-hero{position:relative;box-sizing:border-box;width:100%;height:clamp(138px,15vw,226px);margin:0 0 20px;border:1px solid #dce3e9;border-radius:12px;background:#eef4f7 url('../img/dp-hero-dashboard.svg') center center/cover no-repeat;box-shadow:0 5px 19px rgba(25,47,75,.07);pointer-events:none;overflow:hidden}
body.dp-visual-dashboard .dp-editorial-hero{background-image:url('../img/dp-hero-dashboard.svg')}
body.dp-visual-question .dp-editorial-hero{background-image:url('../img/dp-hero-question.svg')}
body.dp-visual-test .dp-editorial-hero{background-image:url('../img/dp-hero-test.svg')}
body.dp-visual-assignment .dp-editorial-hero{background-image:url('../img/dp-hero-assignment.svg')}
body.dp-visual-report .dp-editorial-hero{background-image:url('../img/dp-hero-report.svg')}
body.dp-visual-game .dp-editorial-hero{background-image:url('../img/dp-hero-game.svg')}
body.dp-visual-speaking .dp-editorial-hero{background-image:url('../img/dp-hero-speaking.svg')}
body.dp-visual-resources .dp-editorial-hero{background-image:url('../img/dp-hero-resources.svg')}
body.dp-visual-study .dp-editorial-hero{background-image:url('../img/dp-hero-study.svg')}
body.dp-visual-certificate .dp-editorial-hero{background-image:url('../img/dp-hero-certificate.svg')}

/* Secondary illustrations appear only on recognised cards with intact content and click targets. */
.dp-contextual-visual{width:96px;height:64px;object-fit:contain;display:block;margin-left:auto;flex:none;pointer-events:none;opacity:.95}
.dp-contextual-visual-host{position:relative;min-height:100px}
@media(max-width:900px){.dp-editorial-hero{height:clamp(108px,20vw,170px)}.dp-contextual-visual{width:70px;height:48px}}
@media(max-width:540px){.dp-editorial-hero{height:100px;border-radius:9px;background-position:center}.dp-contextual-visual{width:52px;height:42px}}
@media print{.dp-editorial-hero,.dp-contextual-visual{display:none!important}}

/* v4.4.0 — compact full-width editorial image, no overlay on action controls */
.dp-editorial-hero{height:clamp(136px,13.2vw,214px)!important;max-width:none!important;width:100%!important;border-radius:0 0 12px 12px!important;margin:0 0 22px!important;border:0!important;background-color:#f1f6fa!important;background-size:cover!important;background-position:center!important;box-shadow:0 7px 24px rgba(24,49,81,.07)!important}
.dp-contextual-visual{width:clamp(72px,8vw,118px)!important;height:auto!important;max-height:90px;object-fit:contain!important;flex-shrink:0;filter:drop-shadow(0 3px 6px rgba(25,40,64,.08));}
@media(max-width:680px){.dp-editorial-hero{height:115px!important;background-position:56% center!important}.dp-contextual-visual{width:68px!important;max-height:54px!important}}

/* 4.4.1: approved photographic ELT artwork. Preserve all existing UI logic. */
.dp-editorial-hero{height:clamp(158px,17vw,260px)!important;width:100%!important;max-width:none!important;background-size:cover!important;background-position:50% 50%!important;border-radius:0 0 12px 12px!important;background-image:url("../img/dp-photo-hero-dashboard.webp")!important}
body.dp-visual-dashboard .dp-editorial-hero{background-image:url("../img/dp-photo-hero-dashboard.webp")!important}
body.dp-visual-question .dp-editorial-hero{background-image:url("../img/dp-photo-hero-question.webp")!important}
body.dp-visual-test .dp-editorial-hero{background-image:url("../img/dp-photo-hero-test.webp")!important}
body.dp-visual-assignment .dp-editorial-hero{background-image:url("../img/dp-photo-hero-assignment.webp")!important}
body.dp-visual-report .dp-editorial-hero{background-image:url("../img/dp-photo-hero-report.webp")!important}
body.dp-visual-game .dp-editorial-hero{background-image:url("../img/dp-photo-hero-game.webp")!important}
body.dp-visual-speaking .dp-editorial-hero{background-image:url("../img/dp-photo-hero-speaking.webp")!important}
body.dp-visual-study .dp-editorial-hero{background-image:url("../img/dp-photo-hero-study.webp")!important}
body.dp-visual-resources .dp-editorial-hero{background-image:url("../img/dp-photo-hero-resources.webp")!important}
body.dp-visual-certificate .dp-editorial-hero{background-image:url("../img/dp-photo-hero-certificate.webp")!important}
.dp-contextual-visual{width:clamp(88px,10vw,140px)!important;height:84px!important;max-height:84px!important;object-fit:cover!important;object-position:center!important;border-radius:10px!important;box-shadow:0 5px 15px rgba(18,42,78,.10)!important;opacity:1!important}
@media(max-width:700px){.dp-editorial-hero{height:clamp(108px,25vw,160px)!important}.dp-contextual-visual{width:78px!important;height:55px!important}}
@media print{.dp-editorial-hero,.dp-contextual-visual{display:none!important}}

/* v4.4.2 — distinctive typography and independent illustrated contextual cards */
:root{--dp-display-font:'Lilita One','Fredoka',sans-serif;--dp-heading-font:'Fredoka','Baloo 2',sans-serif;--dp-reading-font:'Nunito Sans',system-ui,sans-serif}
body .dp-page-title,body .dp-entry-content h1,body .dp-content-card h1,body .dp-home-section h2{font-family:var(--dp-display-font)!important;letter-spacing:.002em!important;font-weight:400!important}
body .dp-entry-content h2,body .dp-entry-content h3,body .dp-content-card h2,body .dp-content-card h3,body .dp-area-group h3{font-family:var(--dp-heading-font)!important;font-weight:750!important;letter-spacing:-.015em!important}
body :is(.dp-sidebar-nav,.dp-site-header,.dp-entry-content,button,input,select,textarea){font-family:var(--dp-reading-font)!important}
.dp-contextual-visual{width:clamp(108px,11vw,165px)!important;height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(28,45,87,.075)!important}
.dp-editorial-hero{height:clamp(152px,15.3vw,235px)!important;background-position:center!important}
@media(max-width:700px){.dp-contextual-visual{width:90px!important;height:auto!important}.dp-editorial-hero{height:clamp(108px,24vw,150px)!important}}