/* Interior pages use one reading column and one supporting column.
   This stylesheet is loaded after the individual page components. */
.page-main{--page-gap:48px;--page-columns:minmax(0,2fr) minmax(0,1fr);--page-primary-width:calc((100% - var(--page-gap))*2/3)}
.page-main .page-columns,
.page-main .information-layout,
.page-main .principles-layout,
.page-main .page-hero-lead--photo,
.page-main .programme-start,
.page-main .programme-layout,
.page-main .journey-faq,
.page-main .about-organisation{display:grid;grid-template-columns:var(--page-columns);gap:var(--page-gap);align-items:start}
.page-main .page-hero--form .page-hero-inner{max-width:none}
.page-main .page-hero-intro{max-width:var(--page-primary-width)}
.page-main .page-hero-lead--photo .page-hero-intro{max-width:none}
.page-main .readable-page,.page-main .programme-main,.page-main .journey-faq-main{min-width:0;max-width:none}
.page-main .programme-start{padding:0;background:transparent;border:0}
.page-main .programme-start-copy{padding-top:22px;border-top:3px solid var(--red)}
.page-main .programme-preparation{padding:24px;border:0;background:var(--surface-strong)}
.page-main .programme-layout--text{max-width:none}
.page-main .programme-layout>.page-hero-media{max-width:none}
/* A form stays aligned with its title, with long rows contained by its column. */
.page-main .form-page-content{max-width:none}
.page-main .form-page-content:not(.page-columns)>.form-page-article,
.page-main .form-page-content:not(.page-columns)>.form-context-links{width:var(--page-primary-width);max-width:100%}
.page-main .form-page-content.page-columns>.form-page-article{grid-column:1;min-width:0}
.page-main .interest-full-record{grid-column:2;margin:0;padding:24px;background:var(--surface-strong);border-top:3px solid var(--red);min-width:0}
.page-main .interest-full-record h2{font-size:23px}
.page-main .ckb-form-wrap{margin-inline:0;max-width:100%}
/* A story or notice has the same left edge as its title and image. */
.page-main .editorial-article-shell{width:auto;margin:0;min-width:0}
.page-main .editorial-article-body,
.page-main .editorial-article-footer,
.page-main .editorial-archive-context{max-width:none;margin-inline:0}
.page-main .editorial-article-aside{min-width:0}
.editorial-article-aside .article-continuation{margin:0;padding-top:22px;border-top:3px solid var(--red)}
.editorial-article-aside .article-continuation>h2{font-size:24px;margin-bottom:20px}
.editorial-article-aside .article-continuation-list{display:block}
.editorial-article-aside .article-continuation-item{padding:18px 0;border-bottom:1px solid var(--line)}
.editorial-article-aside .article-continuation-item:first-child{padding-top:0}
.editorial-article-aside .article-continuation-item:last-child{padding-bottom:0;border:0}
.editorial-article-aside .article-continuation-item h3{font-size:18px}
.editorial-article-aside .has-continuation-image .article-continuation-link{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:start}
.editorial-article-aside .article-continuation-image{aspect-ratio:1;margin:0}
/* Questions and organisation links are main content, so they stay on the left. */
.page-main .journey-faq-heading{margin-bottom:24px}
.page-main .journey-faq-aside{min-width:0}
.page-main .journey-faq-aside .page-hero-media{margin:0;max-width:none}
.page-main .journey-editor-content{max-width:none;padding-right:calc((100% - var(--page-gap))/3 + var(--page-gap))}
.page-main .about-organisation{padding-block:32px 40px}
.page-main .about-organisation-main{min-width:0}
.page-main .about-organisation h2,.page-main .about-organisation p:not(.eyebrow){max-width:none}
.page-main .about-sections{margin-top:24px}
.page-main .about-principles{padding:28px 0;background:none;border-top:1px solid var(--line)}
.page-main .about-principles ul{max-width:var(--page-primary-width);grid-template-columns:repeat(2,minmax(0,1fr))}
/* Directory descriptions follow their own titles instead of starting a second reading axis. */
.page-main .other-service-link{grid-template-columns:minmax(0,1fr) 24px;gap:8px 24px}
.page-main .other-service-link h3{grid-column:1;grid-row:1}
.page-main .other-service-link p{grid-column:1;grid-row:2;max-width:75ch}
.page-main .other-service-link>.icon{grid-column:2;grid-row:1/3;align-self:center}
.page-main .editorial-archive-list .editorial-entry-link{grid-template-columns:minmax(0,1fr) 44px;gap:8px 24px}
.page-main .editorial-archive-list .editorial-entry-date{grid-column:1;grid-row:1;padding-top:0}
.page-main .editorial-archive-list .editorial-entry-copy{grid-column:1;grid-row:2}
.page-main .editorial-archive-list .editorial-entry-open{grid-column:2;grid-row:1/3}
.page-main .editorial-archive-list .has-editorial-image>.editorial-entry-link{grid-template-columns:minmax(0,2fr) minmax(160px,1fr) 44px}
.page-main .editorial-archive-list .has-editorial-image .editorial-entry-image{grid-column:2;grid-row:1/3;max-width:260px;justify-self:end;margin:0}
.page-main .editorial-archive-list .has-editorial-image .editorial-entry-open{grid-column:3;grid-row:1/3}
@media(max-width:1100px){.page-main{--page-gap:32px}}
@media(max-width:900px){
.page-main{--page-columns:minmax(0,1fr);--page-primary-width:100%;--page-gap:28px}
.page-main .principles-layout{grid-template-areas:"index" "article"}
.page-main .principles-aside{position:static;max-height:none;overflow:visible}
.page-main .principles-ready .principles-aside{position:sticky;max-height:none;overflow:visible}
.page-main .interest-full-record{grid-column:1}
.page-main .journey-editor-content{padding-right:0}
.page-main .about-principles ul{max-width:none}
.page-main .programme-preparation{padding:22px}
.page-main .programme-preparation dl{grid-template-columns:1fr}
.page-main .editorial-archive-list .has-editorial-image>.editorial-entry-link{grid-template-columns:minmax(0,1fr) 44px}
.page-main .editorial-archive-list .has-editorial-image .editorial-entry-image{grid-column:1;grid-row:3;justify-self:start;width:100%;max-width:310px;margin-top:10px}
.page-main .editorial-archive-list .has-editorial-image .editorial-entry-open{grid-column:2;grid-row:1/3}
}
@media(max-width:600px){.page-main .about-principles ul{grid-template-columns:1fr}.editorial-article-aside .has-continuation-image .article-continuation-link{grid-template-columns:80px minmax(0,1fr);gap:14px}}
@media print{.page-main .page-columns,.page-main .information-layout,.page-main .programme-start,.page-main .programme-layout{display:block}.editorial-article-aside{display:none}}