/* One editorial family, three calm and recognisable colour nuances. */
[data-area="foundations"]{--area-accent:#866126;--area-wash:#eee5d3;--area-page:#f5f0e7;--area-ink:#244237}
[data-area="training"]{--area-accent:#244237;--area-wash:#ece8dc;--area-page:#f5f0e7;--area-ink:#244237}
[data-area="in-the-moment"]{--area-accent:#8d4b31;--area-wash:#eee5d9;--area-page:#f5f0e7;--area-ink:#244237}
.area-page,.chapter-page[data-area]{background:var(--area-page,#f5f0e7)}.chapter-page[data-area] .course-start{background:var(--area-wash);border:0;border-radius:12px;padding:24px;margin-top:0}.chapter-page[data-area] .course-start h2,.chapter-page[data-area] .course-position{color:var(--area-ink)}.chapter-page[data-area] .course-start li{color:var(--area-ink)}.chapter-page[data-area] .course-wayfinding a{color:var(--area-ink)}.chapter-page[data-area] .chapter-sidebar h2{color:var(--area-accent)}
.learning-areas{border-top:1px solid var(--line)}.learning-areas>p{max-width:650px;font-size:17px;line-height:1.8}.area-entrances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:30px;padding:0}.area-entrances>a{display:block;padding:30px;background:var(--area-wash);color:var(--area-ink);text-decoration:none;min-width:0;min-height:200px}.area-entrances strong{display:block;font:30px/1.25 Georgia,serif;margin-bottom:18px}.area-entrances span{display:block;font-size:16px;line-height:1.8}.area-entrances a:hover strong{text-decoration:underline;text-underline-offset:6px}.area-entrances a:focus-visible{outline:3px solid var(--area-accent);outline-offset:-5px}
.area-content{width:calc(100% - 64px);max-width:880px;margin:40px auto 80px;color:var(--area-ink)}.area-content h1{font:clamp(42px,6vw,68px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:35px 0 25px;color:var(--area-ink)}.area-content .area-intro{font:23px/1.75 Georgia,serif;color:var(--area-ink);padding-bottom:30px;border-bottom:1px solid var(--line)}.area-content h2{font:31px/1.3 Georgia,serif;letter-spacing:-.02em;margin:40px 0 18px;color:var(--area-ink)}.area-content p{font-size:18px;line-height:1.9;color:var(--area-ink)}.area-reading-list{padding-left:28px}.area-reading-list li{padding:16px 0;border-bottom:1px solid var(--line)}.area-reading-list a{font:24px/1.4 Georgia,serif;text-decoration:underline;text-underline-offset:5px;color:var(--area-ink)}.area-reading-list p{margin:10px 0}.area-content section{margin:34px 0;padding-bottom:28px;border-bottom:1px solid var(--line)}.area-content .solid{margin-top:25px;background:var(--area-accent);color:#fffaf0}.area-page a:focus-visible{outline:2px solid var(--area-accent);outline-offset:5px}
@media(max-width:740px){.area-entrances{grid-template-columns:minmax(0,1fr)}.area-entrances>a{min-height:0;padding:26px}.area-content{width:calc(100% - 40px);margin:25px auto 50px}.area-content .area-intro{font-size:21px}.area-content p{font-size:17px}.chapter-page[data-area] .course-start{padding:20px 16px}}

/* Open editorial entrances: typography and space, without coloured boxes. */
.learning-areas .area-entrances{gap:48px;margin-top:38px;align-items:start}.learning-areas .area-entrances>a{padding:8px 0 16px;min-height:0;background:transparent;border:0;border-radius:0;box-shadow:none;transition:transform 300ms cubic-bezier(.2,.65,.3,1)}.learning-areas .area-entrances strong{font-size:34px;color:#244237;margin-bottom:18px}.learning-areas .area-entrances span{color:#536052;font-size:17px}.learning-areas .area-action{display:block;margin-top:22px;font:14px/1.6 system-ui,sans-serif;color:#8d4b31;text-decoration:underline;text-underline-offset:6px}.learning-areas .area-entrances a:focus-visible{outline:2px solid #8d4b31;outline-offset:8px}@media(hover:hover) and (pointer:fine){.learning-areas .area-entrances>a:hover{transform:translateY(-3px)}}@media(max-width:740px){.learning-areas .area-entrances{gap:30px;margin-top:28px}.learning-areas .area-entrances strong{font-size:30px;margin-bottom:12px}.learning-areas .area-action{margin-top:14px}}@media(prefers-reduced-motion:reduce){.learning-areas .area-entrances>a{transition:none}.learning-areas .area-entrances>a:hover{transform:none}}

/* Painted reading spaces echo the VIC welcome treatment. */
.area-page[data-area="foundations"]{--area-art:url('illustrations/word-wide-v3.png')}
.area-page[data-area="training"]{--area-art:url('illustrations/training-illustrated-2026-11.png')}
.area-page[data-area="in-the-moment"]{--area-art:url('illustrations/welcome-father-son-right-v1.png')}
.area-content.area-visual{position:relative;isolation:isolate;width:calc(100% - 64px);max-width:1256px;background:#17372b;border-radius:16px;overflow:clip;color:#fff1d6;margin-top:32px}
.area-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none}.area-scene{position:sticky;top:0;height:100svh;min-height:520px;max-height:1000px;background:linear-gradient(90deg,rgba(17,42,31,.97) 0%,rgba(17,42,31,.94) 30%,rgba(17,42,31,.84) 49%,rgba(17,42,31,.27) 84%),var(--area-art);background-size:cover;background-position:center,64% center;background-repeat:no-repeat}.area-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,42,31,.2),transparent 80%)}
.area-copy{max-width:750px;padding:48px 64px 64px}.area-content.area-visual h1{color:#fff1d6;font-size:clamp(42px,5.7vw,65px)}.area-content.area-visual h2{color:#e8c388}.area-content.area-visual p,.area-content.area-visual .area-intro{color:#f1e8d3}.area-content.area-visual .area-intro{border-color:#dfca9b55}.area-content.area-visual .area-reading-list a,.area-content.area-visual .plain{color:#ffe5b5}.area-content.area-visual .area-reading-list li,.area-content.area-visual section{border-color:#dfca9b44}.area-content.area-visual .solid{background:#e4be7f;color:#17372b}.area-content.area-visual a:focus-visible{outline-color:#ffe2a8}.area-copy>.plain{display:inline-flex;align-items:center;min-height:44px}.area-reading-list::marker,.area-reading-list li::marker{color:#e8c388}
@media(max-width:1000px){.area-copy{max-width:690px;padding:38px 42px 50px}.area-scene{background-position:center,62% center}}
@media(max-width:740px){.area-content.area-visual{width:calc(100% - 28px);margin-top:18px}.area-copy{max-width:none;padding:260px 24px 38px}.area-scene{height:100svh;min-height:440px;max-height:850px;background-image:linear-gradient(180deg,#17372b22 0%,#17372b99 30%,#17372bf2 55%),var(--area-art);background-position:center,62% top}.area-backdrop:after{background:linear-gradient(180deg,transparent 160px,#17372b44 270px,#17372bcc 430px)}.area-content.area-visual h1{font-size:40px}.area-content.area-visual .area-intro{font-size:21px}.area-reading-list{padding-left:23px}.area-content.area-visual .area-reading-list a{font-size:23px}}

@media(max-width:740px){.area-page[data-area="training"] .area-scene{background-size:cover,auto 390px;background-position:center,75% top;background-color:#17372b}}

.area-page[data-area="in-the-moment"] .area-scene{background-position:center,80% center}@media(max-width:740px){.area-page[data-area="in-the-moment"] .area-scene{background-size:cover,auto 390px;background-position:center,75% top;background-color:#17372b}}
/* Homepage entrances share the bordered parchment boxes used by Begin where you are. */
.learning-areas .area-entrances{gap:0;align-items:stretch;margin-top:36px;border:1px solid var(--line)}
.learning-areas .area-entrances>a{position:relative;display:flex;flex-direction:column;padding:30px 29px 35px;min-height:250px;background:#eee8dc;border:0;border-right:1px solid var(--line);transition:background-color 200ms ease-out}
.learning-areas .area-entrances>a:last-child{border-right:0}
.learning-areas .area-entrances strong{font:28px/1.2 Georgia,serif;color:var(--ink);margin-bottom:15px}
.learning-areas .area-entrances span{max-width:90%;font-size:13px;line-height:1.6;color:#60695f}
.learning-areas .area-action{margin-top:auto;padding-top:24px;padding-right:22px;font-size:12px;line-height:1.6;color:#8d4b31;text-underline-offset:4px}
.learning-areas .area-link-arrow{position:absolute;right:22px;bottom:25px;width:20px;height:20px;color:var(--ink)}
.learning-areas .area-entrances>a:hover{transform:none;background:#e6ddcd}
.learning-areas .area-entrances>a:hover strong{text-decoration:none}
.learning-areas .area-entrances>a:focus-visible{outline:2px solid #8d4b31;outline-offset:-5px}
@media(max-width:740px){.learning-areas .area-entrances{gap:0;margin-top:28px}.learning-areas .area-entrances>a{min-height:210px;padding:25px;border-right:0;border-bottom:1px solid var(--line)}.learning-areas .area-entrances>a:last-child{border-bottom:0}.learning-areas .area-entrances strong{font-size:27px;margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.learning-areas .area-entrances>a{transition:none}}