/* Regional tuition pages share the site's paper, green and editorial typography. */
.area-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(30px,6vw,86px);align-items:center;padding-block:52px 76px}
.area-hero h1{font-size:clamp(2.6rem,4.7vw,4.4rem);line-height:1.09;letter-spacing:-.035em;max-width:800px;margin:18px 0 24px}
.area-hero h1 em{color:var(--rust,#a24729);font-weight:400}
.area-lead{font-size:1.08rem;line-height:1.8;max-width:680px;margin-bottom:28px}
.area-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.area-portrait{margin:0;align-self:center}
.area-portrait picture{display:block;overflow:hidden;border-radius:3px}
.area-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.area-portrait figcaption{display:flex;flex-direction:column;gap:5px;padding:18px 0;font-size:.85rem;border-bottom:1px solid var(--line)}
.area-portrait figcaption strong{font-size:1rem}
.area-band{background:#e8ecdf;border-block:1px solid var(--line)}
.area-formats{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-block:50px}
.area-formats h2,.area-section h2,.area-closing h2{font-size:clamp(1.9rem,3.2vw,2.9rem);line-height:1.2;margin:14px 0 22px;letter-spacing:-.025em}
.area-formats p,.area-section p{line-height:1.8}
.area-formats>div+div{border-left:1px solid #b9c4b2;padding-left:48px}
.area-section{padding-block:65px;scroll-margin-top:110px}
.area-section-intro{max-width:760px;margin-bottom:34px}
.area-card-grid,.area-lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
.area-card{background:#fffdf8;border:1px solid var(--line);border-radius:6px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}
.area-card-icon{display:inline-flex;border:1px solid #c3cbbc;border-radius:50%;padding:13px;margin-bottom:12px;color:#294e3e}
.area-card h3,.area-lesson-grid h3{font-size:1.55rem;line-height:1.25;margin:14px 0}
.area-card h3 a{text-decoration:none}
.area-card .area-neighbours{font-size:.82rem;line-height:1.6;color:#556653}
.area-card .text-link{margin-top:auto;padding-top:16px}
.area-reach,.area-arrangements{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:70px}
.area-reach{border-top:1px solid var(--line)}
.area-session-note{padding:30px;background:#203d31;color:#f7f3e8;border-radius:7px}
.area-session-note .eyebrow{color:#d8e4c7;line-height:1.65}
.area-tutor{display:flex;align-items:center;gap:16px;padding-block:12px 24px;border-bottom:1px solid #63816b}
.area-tutor picture{display:block;flex-shrink:0;width:88px;height:88px}
.area-tutor img{display:block;width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:90% center}
.area-tutor strong{display:block;font-size:1rem;line-height:1.5;margin-bottom:5px}
.area-tutor a{color:#e8eddf;font-size:.85rem;text-underline-offset:4px}
.area-session-note ul{padding-left:20px;margin:24px 0;display:grid;gap:14px;font-size:.92rem;line-height:1.6}
.area-note-foot{padding-top:18px;border-top:1px solid #63816b;font-size:.8rem;line-height:1.7;color:#d8e4c7;margin-bottom:0}
.area-number{font-size:.8rem;font-weight:600;letter-spacing:.08em;color:#7d432b}
.area-lesson-grid{gap:42px;margin-bottom:30px}
.area-lesson-grid article{border-top:1px solid #b9c4b2;padding-top:20px}
.area-steps{padding:0;margin:0;list-style:none;counter-reset:steps;align-self:start}
.area-steps li{counter-increment:steps;position:relative;padding:0 0 22px 52px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.area-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:#995337;font-size:.85rem}
.area-steps strong{font-size:1.05rem}
.area-steps p{font-size:.92rem;margin-bottom:0}
.area-faq{border-top:1px solid var(--line);max-width:950px}
.area-faq details{border-bottom:1px solid var(--line);padding:20px 0}
.area-faq summary{cursor:pointer;font-size:1.05rem;font-weight:600;line-height:1.5;padding-right:8px}
.area-faq details p{margin:18px 0 0;max-width:750px}
.area-closing{padding-block:55px;background:#e8ecdf;border-block:1px solid var(--line);text-align:center}
.area-closing p{max-width:660px;margin:0 auto 24px;line-height:1.8}
.area-closing .area-small{font-size:.82rem;margin:16px auto 0}
.area-related{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;padding-block:28px;font-size:.9rem}
.area-related a{display:inline-flex;gap:10px;align-items:center}
.area-hero .text-link,.area-section .text-link,.area-formats .text-link{display:inline-flex;align-items:center;gap:12px;line-height:1.5}
.home-area-links{display:flex;flex-wrap:wrap;gap:12px 22px;padding:0;list-style:none;font-size:.92rem}
@media(max-width:1000px){.area-hero{gap:30px}.area-session-note{padding:24px}.area-card{padding:22px}.area-card-grid,.area-lesson-grid{gap:20px}.area-reach,.area-arrangements{gap:35px}.area-formats{gap:35px}.area-formats>div+div{padding-left:30px}}
@media(max-width:800px){.area-hero,.area-formats,.area-reach,.area-arrangements{grid-template-columns:1fr}.area-hero{padding-block:28px 44px}.area-hub-hero .area-portrait{max-width:520px}.area-hero h1{font-size:clamp(2.5rem,7.5vw,3.5rem)}.area-formats{padding-block:35px}.area-formats>div+div{border-left:0;border-top:1px solid #b9c4b2;padding:30px 0 0}.area-section{padding-block:42px}.area-card-grid,.area-lesson-grid{grid-template-columns:1fr}.area-card{padding:26px}.area-card .area-neighbours{margin-bottom:0}.area-lesson-grid{gap:22px}.area-lesson-grid h3{margin-top:8px}.area-reach,.area-arrangements{gap:22px}.area-faq summary{font-size:1rem}.area-related{justify-content:flex-start;gap:18px}.area-closing{text-align:left;padding-block:42px}.area-closing p{margin-left:0}.area-closing .area-small{margin-left:0}.area-session-note{max-width:600px}}

/* Two columns keep the expanded area list easy to scan; lessons retain three. */
.area-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.area-card-invite{background:#e8ecdf}
.area-language{background:#fffdf8;border-block:1px solid var(--line);scroll-margin-top:100px}
.area-language h2{max-width:850px}
.area-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:32px}
.area-language-grid>div{border-top:2px solid #8f482b;padding-top:22px;display:flex;flex-direction:column;align-items:flex-start}
.area-language-label{font-size:.75rem;letter-spacing:.1em;font-weight:600;color:#8f482b}
.area-language h3{font-size:1.75rem;line-height:1.25;margin:14px 0 18px}
.area-language p{line-height:1.8;margin-top:0}
.area-language .text-link{margin-top:auto;padding-top:8px}
@media(max-width:800px){.area-card-grid,.area-language-grid{grid-template-columns:1fr}.area-language-grid{gap:32px}.area-language h3{font-size:1.6rem}}