/* English Secrets · shared header, sub-menu and footer for all practice pages (v1) */
html.ess body > nav#nav,
html.ess header.hd,
html.ess header.es-hd{display:none!important}
html.ess body{padding-top:0!important;font-family:Inter,"Segoe UI",Arial,sans-serif}
.ess-hd,.ess-sub,.ess-ft{--e-ink:#07111f;--e-navy:#0a1934;--e-navy2:#10234a;--e-line:rgba(255,255,255,.1);--e-txt:#dfe6f7;--e-mut:#9aa6c2;--e-p1:#7c3aed;--e-p2:#3f6df6;font-family:Inter,"Segoe UI",Arial,sans-serif;box-sizing:border-box;-webkit-font-smoothing:antialiased}
.ess-hd *,.ess-sub *,.ess-ft *{box-sizing:border-box}
.ess-hd{position:relative;background:var(--e-ink);border-bottom:1px solid var(--e-line);color:#fff}
.ess-in{max-width:1240px;margin:0 auto;padding:0 20px}
.ess-hd .ess-in{display:flex;align-items:center;gap:18px;min-height:68px}
.ess-brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none!important}
.ess-brand img{display:block;height:40px;width:auto;max-width:none}
.ess-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.ess-nav a{display:block;padding:9px 12px;border-radius:10px;color:var(--e-txt)!important;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none!important;white-space:nowrap;transition:background .15s,color .15s}
.ess-nav a:hover{background:rgba(255,255,255,.07);color:#fff!important}
.ess-nav a.on{color:#fff!important;background:rgba(124,58,237,.22);box-shadow:inset 0 0 0 1px rgba(167,139,250,.35)}
.ess-tools{display:flex;align-items:center;gap:8px}
.ess-tools:empty{display:none}
.ess-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;background:linear-gradient(135deg,var(--e-p1),var(--e-p2));color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important;white-space:nowrap;box-shadow:0 8px 22px rgba(92,64,240,.35)}
.ess-cta:hover{filter:brightness(1.08)}
.ess-burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--e-line);background:rgba(255,255,255,.05);color:#fff;cursor:pointer;align-items:center;justify-content:center;padding:0}
.ess-burger span,.ess-burger span:before,.ess-burger span:after{display:block;width:18px;height:2px;background:#fff;border-radius:2px;position:relative;content:"";transition:transform .2s,background .2s}
.ess-burger span:before{position:absolute;top:-6px}
.ess-burger span:after{position:absolute;top:6px}
.ess-hd.open .ess-burger span{background:transparent}
.ess-hd.open .ess-burger span:before{transform:translateY(6px) rotate(45deg)}
.ess-hd.open .ess-burger span:after{transform:translateY(-6px) rotate(-45deg)}
.ess-mob{display:none}
/* sub-menu */
.ess-sub{position:relative;background:var(--e-navy);border-bottom:1px solid var(--e-line)}
.ess-sub .ess-in{display:flex;align-items:center;gap:6px;min-height:48px;overflow-x:auto;scrollbar-width:none}
.ess-sub .ess-in::-webkit-scrollbar{display:none}
.ess-sub b{flex:0 0 auto;margin-right:6px;color:#c4b5fd;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ess-sub a{flex:0 0 auto;padding:7px 12px;border-radius:999px;color:var(--e-txt)!important;font-size:13px;font-weight:600;text-decoration:none!important;white-space:nowrap;border:1px solid transparent}
.ess-sub a:hover{background:rgba(255,255,255,.06)}
.ess-sub a.on{background:#fff;color:var(--e-navy)!important}
/* footer */
.ess-ft{background:var(--e-ink);color:var(--e-mut);margin-top:56px;border-top:1px solid var(--e-line)}
.ess-ft .ess-in{padding-top:44px;padding-bottom:24px}
.ess-ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.ess-ft img{display:block;height:44px;width:auto;margin-bottom:14px}
.ess-ft p{margin:0;font-size:14px;line-height:1.6;color:var(--e-mut)}
.ess-ft h4{margin:0 0 12px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ess-ft ul{list-style:none;margin:0;padding:0}
.ess-ft li{margin:0 0 8px;padding:0}
.ess-ft li a{color:var(--e-txt)!important;font-size:14px;text-decoration:none!important}
.ess-ft li a:hover{color:#fff!important;text-decoration:underline!important}
.ess-ft-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:34px;padding-top:18px;border-top:1px solid var(--e-line);font-size:13px}
.ess-ft-bot a{color:var(--e-txt)!important;text-decoration:none!important}
@media (max-width:1080px){
 .ess-nav,.ess-hd .ess-cta{display:none}
 .ess-burger{display:inline-flex;margin-left:auto}
 .ess-hd.open .ess-mob{display:grid;gap:6px;padding:0 20px 18px}
 .ess-mob a{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--e-line);color:#e8edff!important;font-size:15px;font-weight:600;text-decoration:none!important}
 .ess-mob a.on{background:rgba(124,58,237,.25);border-color:rgba(167,139,250,.4)}
 .ess-mob a.ess-cta{justify-content:center;border:0}
}
@media (max-width:820px){.ess-ft-grid{grid-template-columns:1fr 1fr}.ess-ft-grid>div:first-child{grid-column:1/-1}}
@media (max-width:480px){.ess-in{padding:0 16px}.ess-brand img{height:34px}.ess-hd .ess-in{min-height:60px;gap:10px}}
@media print{.ess-hd,.ess-sub,.ess-ft{display:none!important}}
.ess-tools button{font-family:inherit;cursor:pointer}
html.ess .es-vbar{display:none!important}
@media (max-width:480px){.ess-tools .nb,.ess-tools button{padding:8px 10px!important;font-size:13px!important}}
html.ess .es-rights,html.ess body > footer:not(.ess-ft){display:none!important}
/* TOEFL pages: same theme as IELTS (dark hero, light content, white cards) */

html.ess-toefl{background:#f3f5fa}
html.ess-toefl body{background:radial-gradient(900px 500px at 85% 0%,rgba(192,132,252,.38),transparent 60%) 0 0/100% var(--esh,620px) no-repeat,radial-gradient(800px 480px at 0% 30%,rgba(56,189,248,.28),transparent 60%) 0 0/100% var(--esh,620px) no-repeat,linear-gradient(125deg,#07111f 0%,#0b1a4f 55%,#1b1748 100%) 0 0/100% var(--esh,620px) no-repeat,#f3f5fa!important;color:#14213a}
html.ess-toefl main{--muted:#64718a}
html.ess-toefl main .hero,html.ess-toefl main .promo{--muted:#c9d3ea;color:#fff}
html.ess-toefl main .card,html.ess-toefl main .cards>*,html.ess-toefl main .dash .sc{background:#fff!important;border:1px solid rgba(20,33,58,.1)!important;color:#14213a!important;box-shadow:0 14px 34px rgba(10,25,52,.07)}
html.ess-toefl main .card p,html.ess-toefl main .cards>* p,html.ess-toefl main .dash small,html.ess-toefl main .dash .sc span,html.ess-toefl main .note,html.ess-toefl main .foot{color:#64718a!important}
html.ess-toefl main h2.sub{color:#14213a}
html.ess-toefl main .tbtn,html.ess-toefl main .sq{background:#f6f7fb!important;border:1px solid rgba(20,33,58,.12)!important;color:#14213a!important}
html.ess-toefl main .tbtn:hover,html.ess-toefl main .sq:hover{background:#eef2ff!important;border-color:#2f5bf5!important}
html.ess-toefl main .tbtn small{color:#64718a!important}
html.ess-toefl main .dash .bar{background:#e9ecf4!important}
html.ess-toefl main .ring>div{background:#fff!important;color:#14213a}
html.ess-toefl main select{background:#fff!important;color:#14213a!important;border:1px solid rgba(20,33,58,.18)!important}
html.ess-toefl main .cta.ghost{color:#2f5bf5!important;border-color:rgba(47,91,245,.4)!important}
html.ess-toefl .seo-intro h2{color:#14213a!important}html.ess-toefl .seo-intro p,html.ess-toefl .foot{color:#64718a!important}html.ess-toefl .seo-intro a,html.ess-toefl .foot a{color:#2f5bf5!important}
html.ess-toefl main .hero .cta.ghost{color:#fff!important;border-color:rgba(255,255,255,.35)!important}
html.ess .esi-nav,html.ess .esi-foot{display:none!important}