/* Hallmark · macrostructure: course campaign · Edumax design.md · pre-emit critique: P5 H5 E4 S5 R4 V5 */
html,body{overflow-x:clip}
.em-ielts-hero{padding-bottom:0}
.em-ielts-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:var(--color-dark);color:var(--color-on-dark);border-radius:var(--radius-hero);position:relative;isolation:isolate;overflow:clip}
.em-ielts-hero-copy{padding:clamp(1.5rem,4vw,3.75rem);position:relative;z-index:2;align-self:center;min-width:0}
.em-ielts-hero .em-ielts-kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-dark-muted);margin:0 0 var(--space-lg);display:flex;gap:var(--space-xs);align-items:center}
.em-ielts-kicker::before{content:'';width:1.5rem;height:3px;background:var(--color-accent);flex:none}
.em-ielts-stage h1{font-family:var(--font-display);font-size:clamp(2.75rem,4.8vw,4.5rem);line-height:1.06;font-weight:750;letter-spacing:-.06em;margin:0 0 var(--space-lg);overflow-wrap:anywhere;text-wrap:balance;color:var(--color-on-dark)}
.em-ielts-stage h1 span{color:var(--color-on-dark);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:5px;text-underline-offset:.13em}
.em-ielts-hero .em-ielts-lead{font-size:var(--text-xl);font-weight:650;line-height:1.35;margin:0 0 var(--space-sm);color:var(--color-on-dark)}
.em-ielts-hero .em-ielts-intro{font-size:var(--text-md);line-height:1.6;max-width:46ch;color:var(--color-dark-muted);margin:0}
.em-ielts-stage .em-service-actions{gap:var(--space-md);margin-top:var(--space-lg)}
.em-ielts-stage .em-button{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}
.em-ielts-stage .em-button:hover{background:var(--color-accent-hover)}
.em-ielts-secondary{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-on-dark);font-size:var(--text-sm);font-weight:650;min-height:48px}
.em-ielts-secondary:hover{color:var(--color-on-dark);text-decoration:underline}
.em-ielts-hero .em-ielts-fine{font-size:var(--text-xs);line-height:1.5;margin-top:var(--space-sm);color:var(--color-dark-muted)}
.em-ielts-hero-art{position:relative;min-width:0;min-height:40rem;padding:var(--space-lg) var(--space-lg) var(--space-lg) 0}
.em-ielts-hero-art::before{content:'';position:absolute;inset:10% -8% 12% 5%;background:var(--color-accent);transform:rotate(-7deg);border-radius:var(--radius-hero);z-index:-1}
.em-ielts-hero-art figure{position:relative;height:100%;margin:0;overflow:clip;border-radius:var(--radius-media)}
.em-ielts-hero-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transform:translateY(var(--ielts-depth,0px)) scale(1.06)}
.em-ielts-hero-art figure::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in oklch,var(--color-dark) 45%,transparent),transparent 40%,color-mix(in oklch,var(--color-dark) 92%,transparent))}
.em-ielts-hero-art figcaption{position:absolute;z-index:1;left:var(--space-md);top:var(--space-md);color:var(--color-on-dark);font-size:var(--text-xs);font-weight:650;border-left:3px solid var(--color-accent);padding-left:var(--space-xs)}
.em-ielts-photo-label{position:absolute;z-index:2;bottom:var(--space-2xl);left:var(--space-lg);right:var(--space-lg);color:var(--color-on-dark)}
.em-ielts-photo-label>span{font-family:var(--font-display);font-weight:800;font-size:clamp(5rem,10vw,9rem);line-height:1;letter-spacing:-.07em;display:block}
.em-ielts-hero .em-ielts-photo-label p{color:var(--color-on-dark);font-size:var(--text-lg);margin:var(--space-xs) 0 0;font-weight:600}
.em-ielts-art-tab{position:absolute;bottom:var(--space-2xs);right:var(--space-xl);padding:var(--space-xs) var(--space-lg);background:var(--color-accent);font-weight:700;letter-spacing:.15em;border-radius:var(--radius-action);transform:rotate(-4deg)}
.em-ielts-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--space-lg) 0;gap:var(--space-lg);border-bottom:1px solid var(--color-rule)}
.em-ielts-facts>div{display:flex;align-items:center;gap:var(--space-sm);padding-inline:var(--space-lg);border-right:1px solid var(--color-rule)}
.em-ielts-facts>div:last-child{border:0}
.em-ielts-facts strong{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.04em;white-space:nowrap}
.em-ielts-facts>div:first-child strong{color:var(--color-accent);font-size:3.5rem;font-variant-numeric:tabular-nums}
.em-ielts-facts span{font-size:var(--text-sm);line-height:1.35;max-width:19ch;color:var(--color-muted)}
.em-ielts-page .em-service-jumps{margin-top:var(--space-lg);background:var(--color-paper);border-radius:var(--radius-action);justify-content:space-between;padding-inline:var(--space-md)}
.em-content .em-ielts-page .em-service-section{padding-block:var(--space-3xl)}
.em-content .em-ielts-page h2{font-size:clamp(2.2rem,3.6vw,3.5rem);letter-spacing:-.05em;font-weight:750;max-width:23ch}
.em-ielts-page .em-ielts-skills .em-service-section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);max-width:none;gap:var(--space-sm) var(--space-3xl);align-items:end;margin-bottom:var(--space-xl)}
.em-ielts-skills .em-service-section-head .em-page-eyebrow{grid-column:1/-1}
.em-ielts-skills .em-service-section-head h2{margin:0}
.em-ielts-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm)}
.em-ielts-skill{border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-md);background:var(--color-paper);position:relative;overflow:clip;transition:border-color var(--dur-short)}
.em-ielts-skill:hover,.em-ielts-skill:focus-within{border-color:var(--color-accent)}
.em-ielts-skill-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);color:var(--color-accent)}
.em-ielts-skill-top span{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.em-ielts-skill-top .em-icon{width:2rem;height:2rem}
.em-content .em-ielts-skill h3{font-size:1.7rem;font-weight:750;letter-spacing:-.035em}
.em-content .em-ielts-skill p{font-size:var(--text-sm);line-height:1.65}
.em-ielts-skill details{border-top:1px solid var(--color-rule);margin-top:var(--space-md);padding-top:var(--space-sm)}
.em-ielts-skill summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);list-style:none;font-size:var(--text-xs);font-weight:700;cursor:pointer;min-height:44px}
.em-ielts-skill summary::-webkit-details-marker{display:none}
.em-ielts-skill summary .em-icon{width:1rem;height:1rem;color:var(--color-accent);transition:transform var(--dur-short)}
.em-ielts-skill details[open] summary .em-icon{transform:rotate(45deg)}
.em-ielts-skill details[open] p{padding-block:var(--space-xs)}
.em-ielts-planning{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-3xl);align-items:start}
.em-ielts-steps{margin:var(--space-xl) 0 0;padding:0;list-style:none}
.em-ielts-steps li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--color-rule)}
.em-ielts-steps li>span{font-family:var(--font-display);color:var(--color-accent);font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.em-content .em-ielts-steps h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2xs)}
.em-content .em-ielts-steps p{font-size:var(--text-sm)}
.em-ielts-planner{padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--color-rule);border-top:5px solid var(--color-accent);border-radius:var(--radius-hero);background:var(--color-surface);position:sticky;top:calc(var(--header-height) + var(--space-md))}
.em-content .em-ielts-planner .em-page-eyebrow{color:var(--color-accent);font-size:var(--text-xs);font-weight:650;margin-bottom:var(--space-md)}
.em-content .em-ielts-planner h3{font-size:var(--text-2xl);font-weight:750;line-height:1.15;letter-spacing:-.04em}
.em-content .em-ielts-planner p{font-size:var(--text-sm)}
.em-ielts-planner-fields:not([hidden]){display:grid;margin-top:var(--space-lg);gap:var(--space-xs)}
.em-ielts-planner label{font-size:var(--text-sm);font-weight:650}
.em-ielts-planner select{font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-xs);background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-input-border);border-radius:var(--radius-input);min-height:52px;max-width:100%;width:100%;margin-bottom:var(--space-xs)}
.em-ielts-planner .em-button{margin-top:var(--space-lg);display:flex;justify-content:space-between;gap:var(--space-xs);white-space:nowrap}
.em-content .em-ielts-planner .em-ielts-fine{font-size:var(--text-xs);margin-top:var(--space-sm)}
.em-ielts-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-3xl);margin-bottom:var(--space-3xl);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-hero)}
.em-ielts-story-photo{position:relative;padding:0 var(--space-xl) var(--space-lg) 0;min-width:0}
.em-ielts-story-photo>img{display:block;width:100%;height:26rem;object-fit:cover;border-radius:var(--radius-media)}
.em-ielts-story-inset{position:absolute;right:0;bottom:0;width:40%;height:55%;border:6px solid var(--color-surface);border-radius:var(--radius-media);overflow:clip;transform:rotate(5deg)}
.em-ielts-story-inset img{width:100%;height:100%;object-fit:cover}
.em-content .em-ielts-story .em-page-eyebrow{color:var(--color-accent);font-size:var(--text-xs);font-weight:650;margin-bottom:var(--space-md)}
.em-content .em-ielts-story h2{font-size:clamp(2rem,3vw,3rem)}
.em-content .em-ielts-story .em-ielts-story-note{display:flex;align-items:flex-start;gap:var(--space-xs);font-size:var(--text-sm);margin-block:var(--space-md)}
.em-ielts-story-note .em-icon{flex:none;color:var(--color-accent);margin-top:.2rem}
.em-ielts-page .em-service-center-location{padding:clamp(1.5rem,4vw,3.5rem);border-radius:var(--radius-hero)}
.em-ielts-center-sign{margin:var(--space-lg) 0 0;max-width:25rem;border-radius:var(--radius-input);overflow:clip}
.em-ielts-center-sign img{display:block;width:100%;height:auto}
.em-content .em-ielts-closing{text-align:center;padding:var(--space-2xl);border-radius:var(--radius-hero);background:var(--color-dark);color:var(--color-on-dark);position:relative;overflow:clip}
.em-content .em-ielts-closing .em-page-eyebrow{color:var(--color-dark-muted);font-size:var(--text-sm);margin-inline:auto}
.em-content .em-ielts-closing h2{color:var(--color-on-dark);max-width:none;font-size:clamp(2.5rem,5vw,4.5rem);margin:var(--space-sm) 0}
.em-content .em-ielts-closing>p{color:var(--color-dark-muted);margin-inline:auto;max-width:48ch}
.em-ielts-closing .em-button{margin-top:var(--space-lg)}
.em-content .em-ielts-credits{font-size:var(--text-xs);max-width:none;margin-top:var(--space-md);text-align:center}
.em-ielts-page :is(a,summary,select):focus-visible,.em-ielts-hero a:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}
.em-ielts-stage a:focus-visible,.em-ielts-closing a:focus-visible{outline-color:var(--color-on-dark)}
@media(min-width:1100px){.em-ielts-skill:nth-child(2){margin-top:var(--space-sm)}.em-ielts-skill:nth-child(3){margin-top:var(--space-lg)}.em-ielts-skill:nth-child(4){margin-top:var(--space-xl)}}
@media(max-width:1100px){.em-ielts-stage{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr)}.em-ielts-hero-art{min-height:38rem;padding:var(--space-md) var(--space-md) var(--space-md) 0}.em-ielts-facts>div{padding-inline:var(--space-sm);flex-direction:column;align-items:flex-start;gap:var(--space-2xs)}.em-ielts-facts>div:first-child strong{font-size:var(--text-2xl)}.em-ielts-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.em-ielts-planning,.em-ielts-story{gap:var(--space-lg)}.em-ielts-skills .em-service-section-head{column-gap:var(--space-lg)}}
@media(max-width:767px){.em-ielts-stage{grid-template-columns:minmax(0,1fr)}.em-ielts-hero-copy{padding:var(--space-lg) var(--space-md)}.em-ielts-stage h1{font-size:clamp(2.6rem,8.5vw,4rem);max-width:14ch}.em-ielts-kicker{font-size:.75rem;margin-bottom:var(--space-md)}.em-ielts-lead{font-size:var(--text-lg)}.em-ielts-hero-art{min-height:24rem;padding:0 var(--space-md) var(--space-md);margin-top:var(--space-sm)}.em-ielts-hero-art figure{min-height:23rem}.em-ielts-hero-art img{object-position:center 30%}.em-ielts-hero-art::before{inset:5% -5% 10% 10%;transform:rotate(-5deg)}.em-ielts-photo-label{left:var(--space-xl);bottom:var(--space-2xl)}.em-ielts-photo-label>span{font-size:6rem}.em-ielts-facts{gap:var(--space-2xs);padding-block:var(--space-md)}.em-ielts-facts>div{padding-inline:var(--space-xs)}.em-ielts-facts strong,.em-ielts-facts>div:first-child strong{font-size:var(--text-xl)}.em-ielts-facts span{font-size:.8rem}.em-ielts-page .em-service-jumps{gap:var(--space-2xs);padding:var(--space-xs);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.em-ielts-page .em-service-jumps a{font-size:.8rem;white-space:nowrap;padding-inline:var(--space-2xs)}.em-ielts-page .em-ielts-skills .em-service-section-head,.em-ielts-planning,.em-ielts-story{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.em-ielts-skills .em-service-section-head .em-page-eyebrow{grid-column:auto}.em-content .em-ielts-page .em-service-section{padding-block:var(--space-xl)}.em-ielts-skill-grid{gap:var(--space-xs)}.em-ielts-planner{position:static}.em-ielts-story{padding:var(--space-md);margin-bottom:var(--space-xl)}.em-ielts-story-photo>img{height:20rem}.em-content .em-ielts-closing{padding:var(--space-xl) var(--space-md)}.em-ielts-closing .em-button{font-size:var(--text-sm);white-space:nowrap}.em-ielts-hero .em-breadcrumb{margin-bottom:var(--space-md)}}
@media(max-width:480px){.em-ielts-skill-grid{grid-template-columns:minmax(0,1fr)}.em-ielts-skill-top{margin-bottom:var(--space-md)}.em-ielts-skill{padding:var(--space-md)}.em-ielts-stage .em-service-actions{gap:var(--space-xs)}.em-ielts-stage .em-button{font-size:var(--text-sm)}.em-ielts-planner .em-button{padding-inline:var(--space-xs);font-size:.9rem}.em-ielts-facts>div{padding-inline:var(--space-2xs)}.em-ielts-facts strong,.em-ielts-facts>div:first-child strong{font-size:var(--text-lg)}}
@media(prefers-reduced-motion:reduce){.em-ielts-hero-art img{transform:none}.em-ielts-page *{transition:none!important;scroll-behavior:auto!important}}
@media print{.em-ielts-stage,.em-ielts-closing{background:var(--color-paper);color:var(--color-ink)}.em-ielts-stage :is(h1,h1 span,p,a){color:var(--color-ink)}.em-ielts-planner{position:static}.em-ielts-skill details>p{display:block}.em-ielts-hero-art{display:none}}