.essay-list{margin-top:28px;border-top:1px solid var(--line)}
.essay-list article{display:grid;grid-template-columns:35px 1.3fr 1fr auto;align-items:center;gap:28px;padding:30px 0;border-bottom:1px solid var(--line)}
.essay-list-number{font-family:var(--serif);font-size:23px;color:var(--red);align-self:start;margin-top:3px}
.essay-list .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:12px;gap:10px;flex-wrap:wrap}
.essay-list h3{font-size:32px;margin:0;line-height:1.2}
.essay-list h3 a:hover{color:var(--red)}
.essay-list article>p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}
.essay-list .text-link{font-size:10px;white-space:nowrap}
.essay-body code{font:inherit;background:var(--green);padding:1px 6px}
@media(max-width:800px){.essay-list article{grid-template-columns:28px 1.2fr 1fr;gap:22px}.essay-list article>.text-link{grid-column:2}.essay-list h3{font-size:29px}}
@media(max-width:580px){.essay-list article{grid-template-columns:24px 1fr;gap:16px}.essay-list article>p,.essay-list article>.text-link{grid-column:2}.essay-list h3{font-size:30px}.essay-list article>p{font-size:12px}}

.manifesto-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:var(--green);border-top:2px solid var(--red);padding:40px;margin:0 0 48px}
.manifesto-feature .eyebrow{color:var(--red);margin-bottom:22px;flex-wrap:wrap}
.manifesto-feature h2{font-size:clamp(40px,4.1vw,62px);margin:0;line-height:1.08}
.manifesto-copy{align-self:center}.manifesto-copy>p{font-size:15px;line-height:1.8}.manifesto-copy .essay-meta{font-size:10px;display:flex;gap:12px;flex-wrap:wrap}
.essay-foundation{border-left:2px solid var(--red);padding:0 0 0 22px;margin-bottom:38px}.essay-foundation strong{font-size:12px}.essay-foundation p{font-size:14px;line-height:1.8;margin:8px 0 0}
.essay-foundation a,.essay-body li a{border-bottom:1px solid var(--red)}
@media(max-width:800px){.manifesto-feature{grid-template-columns:1fr;gap:26px;padding:30px}.manifesto-feature h2{font-size:48px}}
@media(max-width:580px){.manifesto-feature{padding:24px;gap:24px;margin-bottom:36px}.manifesto-feature h2{font-size:42px}.manifesto-copy>p{font-size:14px}}

.language-statistics{border-collapse:collapse;width:100%;margin:26px 0;font-family:var(--sans);font-size:14px;line-height:1.6}
.language-statistics caption{text-align:left;font-size:11px;color:var(--muted);padding-bottom:12px}
.language-statistics th,.language-statistics td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}
.language-statistics thead{background:var(--green)}.language-statistics tbody th{font-weight:500}.language-statistics td{white-space:nowrap}
@media(max-width:580px){.language-statistics{font-size:12px}.language-statistics th,.language-statistics td{padding:12px 8px}}

.comparison blockquote{font-family:var(--serif);font-size:29px;line-height:1.4;margin:0}
.essay-example blockquote{font-family:var(--serif);font-size:25px;line-height:1.55;margin:14px 0 0}
.example-source{padding:15px 0 0;font-size:11px;color:var(--muted)}.example-source a{border-bottom:1px solid var(--red)}
.advertising-extract,.sentence-metaphor{margin:32px 0;background:var(--green);padding:28px;border-top:2px solid var(--red)}
.advertising-extract figcaption,.sentence-metaphor figcaption{font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--muted);line-height:1.6;margin-bottom:20px}
.advertising-extract blockquote{font-family:var(--serif);font-size:34px;line-height:1.35;margin:0 0 18px}.advertising-extract>a{font-family:var(--sans);font-size:11px;border-bottom:1px solid var(--red)}
.train{display:grid;grid-template-columns:1fr .9fr 2fr;gap:12px;align-items:stretch}.train>div{background:var(--paper);padding:18px 14px;position:relative;border-bottom:3px solid var(--ink)}
.train span,.melody span{display:block;font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:1px;color:var(--muted);margin-bottom:12px}.train strong{font:400 22px/1.4 var(--serif)}.train .coupling{color:var(--red)}
.melody{display:grid;grid-template-columns:1fr .8fr .8fr .9fr 2fr;gap:12px;align-items:end}.melody>div{display:flex;flex-direction:column;justify-content:flex-end}.melody strong{font:400 18px/1.4 var(--serif);min-height:80px}.melody i{display:block;height:var(--height);width:100%;background:var(--red);opacity:.8;border-radius:2px 2px 0 0;margin-top:16px}
.metaphor-key{font-family:var(--sans);font-size:11px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);margin-top:22px;padding-top:14px}
.essay-body .language-statistics td{white-space:normal}.essay-deck{max-width:720px}
.hero-art .paper-original{font-size:22px}.hero-art .paper-edited{font-size:26px}.paper-bottom{gap:12px}
.site-header .eyebrow,.essay-rail .eyebrow{margin-top:0}.site-footer{justify-content:space-between}
.essay-list article>p{max-width:320px}.essay-list article{align-items:start}.essay-list .text-link{margin-top:4px}
@media(max-width:800px){.comparison blockquote{font-size:25px}.train{grid-template-columns:1fr 1fr}.train .carriage{grid-column:1/-1}.melody{gap:8px}.melody strong{font-size:16px}}
@media(max-width:580px){.advertising-extract,.sentence-metaphor{padding:20px}.advertising-extract blockquote{font-size:29px}.essay-example blockquote{font-size:23px}.melody{grid-template-columns:1fr}.melody>div{display:grid;grid-template-columns:65px 1fr;align-items:center;gap:12px}.melody strong{min-height:0}.melody span{margin:0}.melody i{grid-column:2;height:7px;width:var(--height);max-width:100%;margin:0 0 8px}.train strong{font-size:21px}.comparison blockquote{font-size:25px}.hero-art .paper-original{font-size:20px}.hero-art .paper-edited{font-size:24px}}

/* Illustrations connect the visual identity with the teaching principles. */
.brand-symbol{display:block;flex:0 0 auto;width:48px;height:48px}.essay-byline .brand-symbol{width:40px;height:40px}.paper-bottom .brand-symbol{width:34px;height:34px}.identity-text small{letter-spacing:1.4px}.experience-strip>div{max-width:230px}.experience-strip small{display:block;font:10px/1.6 var(--sans);color:var(--muted);margin-top:6px}.service-illustration{width:100%;height:auto;display:block;border-radius:10px;margin:0 0 27px}.purpose-illustration{margin:0;align-self:center;transform:rotate(-2deg)}.purpose-illustration img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:20px}.purpose-illustration figcaption{font:italic 24px/1.5 var(--serif);text-align:center;color:var(--red);margin-top:20px}.sentence-playground{border-top:1px solid var(--line)}.sentence-playground .section-heading{max-width:700px}.playground-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:32px}.playground-grid figure{margin:0}.playground-grid img{display:block;width:100%;height:auto;border-radius:20px}.playground-grid figcaption{font-size:10px;color:var(--muted);margin-top:12px}.sentence-controls blockquote{font:32px/1.4 var(--serif);margin:14px 0 24px}.sentence-controls p{font-size:13px;color:var(--muted);margin:22px 0}.sentence-controls .button[aria-pressed=true]{background:var(--red);border-color:var(--red)}.essay-illustration{margin:0 0 38px}.essay-illustration img{display:block;width:100%;max-height:340px;object-fit:contain;border-radius:20px;background:var(--green)}.essay-illustration figcaption{font:italic 20px/1.5 var(--serif);color:var(--red);padding-top:14px}.essay-signoff .brand-symbol{width:48px;height:48px}.paper-bottom .brand-symbol{transform:rotate(3deg)}
@media(max-width:800px){.playground-grid{gap:28px}.sentence-controls blockquote{font-size:27px}.experience-strip>div{max-width:none}.purpose-illustration figcaption{font-size:22px}}
@media(max-width:580px){.playground-grid{grid-template-columns:1fr;gap:26px}.service-illustration{max-height:180px;object-fit:cover}.brand-symbol{width:43px;height:43px}.sentence-controls blockquote{font-size:29px}.essay-illustration figcaption{font-size:18px}.purpose-illustration{transform:none}.experience-strip small{font-size:9px}.site-header nav{flex-wrap:wrap;justify-content:flex-start;gap:16px}.essay-illustration img{border-radius:12px}}

/* Colour reflects the variety of work and makes each teaching example distinct. */
:root{--blue:#254bc9;--teal:#076f69;--violet:#6741b2;--yellow:#ffd65a;--mint:#ddf5ed;--lavender:#eee6ff;--sky:#e3f3ff}
.site-header{border-top:5px solid transparent;border-image:linear-gradient(90deg,var(--blue) 0 35%,#23a68d 35% 60%,var(--violet) 60% 83%,var(--yellow) 83% 100%) 1;border-bottom:1px solid var(--line)}
.hero h1 em{color:var(--blue)}.hero-art{background:#dceaff;border-radius:18px}.paper{border-top:5px solid var(--yellow)}.paper-rule{border-color:var(--violet)}.margin-note,.paper-label{color:var(--violet)}.desk-stamp{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.button{background:var(--blue);border-color:var(--blue);color:#fff}.button:hover{background:#1739a5}.experience-strip{background:var(--mint);border-color:#badfd2}.experience-strip>div:nth-of-type(2n){color:var(--teal)}
.service{border-top:4px solid var(--blue)}.service:nth-child(2){border-color:var(--violet)}.service:nth-child(3){border-color:var(--teal)}.service:nth-child(2) h3,.service:nth-child(2) .service-number{color:var(--violet)}.service:nth-child(3) h3,.service:nth-child(3) .service-number{color:var(--teal)}.service:nth-child(1) h3{color:var(--blue)}
.approach{background:var(--mint)}.approach h2,.principles h3{color:var(--teal)}.before{background:#eef0ff}.after{background:#fff}.before blockquote{color:#3e5274}.after .demo-label{color:var(--teal)}.demo-tabs button[aria-selected=true]{border-color:var(--teal);color:var(--teal)}
.sentence-playground{background:var(--sky);border-top:4px solid var(--blue)}.sentence-playground em{color:var(--teal)}.sentence-controls .button[aria-pressed=true]{background:var(--teal);border-color:var(--teal)}
.work-row:nth-of-type(2) .work-index,.work-row:nth-of-type(2) .work-category{color:var(--violet)}.work-row:nth-of-type(3) .work-index,.work-row:nth-of-type(3) .work-category{color:var(--teal)}.tags span{background:#e5edff;border-color:#b7c9f0;color:#244b89}.work-row:nth-of-type(2) .tags span{background:var(--lavender);border-color:#d2bceb;color:#573698}.work-row:nth-of-type(3) .tags span{background:var(--mint);border-color:#abd9c9;color:#075f59}
.about-copy h2 em,.purpose-illustration figcaption{color:var(--violet)}.manifesto-feature{background:#fff3b8;border-color:var(--violet)}.manifesto-feature h2 em,.manifesto-feature .eyebrow{color:#573698}.draft-label{background:#fff;color:#573698;border-color:#c9b4e9}
.sentence-sketch{background:var(--sky);border-left:5px solid var(--blue)}.sentence-sketch>div>span:nth-child(2),.sentence-map>span:nth-child(2){color:var(--teal)}.sentence-map{background:var(--mint)}.essay-list-number{background:var(--blue);color:#fff;width:31px;height:31px;border-radius:50%;font:500 13px/31px var(--sans);text-align:center}.essay-list article:nth-child(3n+2) .essay-list-number{background:var(--violet)}.essay-list article:nth-child(3n) .essay-list-number{background:var(--teal)}
.process-grid li{border-top:4px solid var(--blue)}.process-grid li:nth-child(2){border-color:var(--violet)}.process-grid li:nth-child(3){border-color:var(--teal)}.process-grid li:nth-child(2) span{color:var(--violet)}.process-grid li:nth-child(3) span{color:var(--teal)}
.contact{background:#254bc9;color:#fff}.contact .eyebrow{color:#ddf5ed}.contact h2 em{color:var(--yellow)}.contact-inner>div>p:not(.eyebrow),.contact .form-note{color:#edf1ff}.contact label{color:#fff}.contact select,.contact textarea{background:#203fa3;color:#fff;border-color:#a9bdfb}.contact textarea::placeholder{color:#d3ddff;opacity:1}.contact-button{background:var(--yellow);border-color:var(--yellow);color:#172846}.contact-button:hover{background:#fff3b8}.contact a:focus-visible,.contact button:focus-visible,.contact select:focus-visible,.contact textarea:focus-visible{outline-color:var(--yellow)}
.essay-header h1 em{color:var(--violet)}.essay-foundation{border-color:var(--teal)}.essay-illustration img{background:transparent}.essay-illustration figcaption{color:var(--violet)}.essay-body h2{color:#244b89}.essay-example>div:first-child{background:#eef0ff}.essay-example>div+div{background:var(--mint)}.essay-example>div+div .example-caption{color:var(--teal)}.essay-draft-note{background:var(--lavender)}.essay-next{border-top:4px solid var(--yellow)}.language-statistics thead{background:#dceaff}.language-statistics tbody tr:nth-child(2n){background:#f0f5ff}.advertising-extract{background:#fff3b8;border-color:var(--violet)}.sentence-metaphor{background:var(--sky);border-color:var(--teal)}.train>div{background:#fff;border-bottom-color:var(--teal)}.train .coupling{color:var(--teal)}.train .carriage{background:#fff3b8}.melody>div:nth-child(3n+1) i{background:var(--blue)}.melody>div:nth-child(3n+2) i{background:var(--teal)}.melody>div:nth-child(3n) i{background:var(--violet)}
@media(max-width:580px){.essay-list-number{width:23px;height:23px;font-size:10px;line-height:23px}.hero-art{border-radius:12px}}

/* Keep the manifesto available throughout the site. */
.site-header nav .nav-manifesto{color:#254bc9;font-weight:700;border-bottom:2px solid #e7b921;padding:7px 0}.consensus-proposal{background:#eef2ff;border-left:5px solid #6243b6;padding:28px;margin:32px 0}.consensus-proposal .eyebrow{color:#6243b6;margin-bottom:14px}.consensus-proposal p{margin-bottom:20px}.consensus-proposal p:last-child{margin-bottom:0}@media(min-width:581px) and (max-width:1100px){.site-header{flex-wrap:wrap;gap:20px}.site-header nav{flex-wrap:wrap;gap:20px}}@media(max-width:580px){.consensus-proposal{padding:21px}}

.manifesto-banner{display:block;background:#ffe174;color:#163787;border-bottom:2px solid #e9c453;text-decoration:none}.manifesto-banner-inner{max-width:1320px;margin:auto;padding:18px 64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.manifesto-banner strong{font-family:var(--serif);font-size:32px;line-height:1.15;font-weight:400;letter-spacing:-.5px}.manifesto-banner-action{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px;white-space:nowrap}.manifesto-banner:hover{background:#ffea9c;color:#102963}.manifesto-banner:focus-visible{outline:3px solid #163787;outline-offset:-5px}@media(max-width:800px){.manifesto-banner-inner{padding:17px 32px}.manifesto-banner strong{font-size:28px}}@media(max-width:580px){.manifesto-banner-inner{padding:16px 24px;flex-wrap:wrap;gap:10px}.manifesto-banner strong{font-size:29px}.manifesto-banner-action{font-size:11px}}

.cohesion-path{padding:28px;background:#edf5ff;border:1px solid #c3d5ee;border-radius:17px;margin:30px 0}.cohesion-path h2{font-family:var(--serif,Georgia,serif);font-size:30px;margin:12px 0 24px}.cohesion-path ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 35px;padding-left:22px}.cohesion-path li{padding-left:4px}.cohesion-path a{color:#214d9e;font-weight:600;text-decoration:underline}.cohesion-path li span{display:block;font-size:14px;margin-top:8px;line-height:1.6}.cohesion-home-note{padding:22px;border-left:4px solid #16806c;background:#eef7f3;grid-column:1/-1}.cohesion-home-note h3{font-family:var(--serif,Georgia,serif);font-size:27px;margin:0 0 12px}.cohesion-home-note p{font-size:16px;line-height:1.8;max-width:78ch}.cohesion-home-note a{text-decoration:underline}@media(max-width:600px){.cohesion-path{padding:20px}.cohesion-path ol{grid-template-columns:1fr}.cohesion-path h2{font-size:26px}}