/* Studio Log shares the active design's typography, palette and container setting. */
body.canvas .ac-journal { padding-block: clamp(3.2rem, 5vw, 7.2rem) clamp(4rem, 6vw, 8rem); }
body.canvas .ac-journal > .container { width: calc(100% - max(32px, var(--ac-page-gutter-total, 4vw))); max-width: var(--canvas-container-max); }
body.canvas .ac-journal :is(.archive-title, .entry-title) { margin: 0; text-wrap: balance; overflow-wrap: anywhere; }
body.canvas .ac-journal :is(.post-meta, .post-date, .post-cats, .post-author, .post-summary, figcaption) { color: var(--ac-muted); }
body.canvas .ac-journal .post-meta { font-size: 1.3rem; line-height: 1.6; font-variant-numeric: tabular-nums; }
body.canvas .ac-journal .post-meta a { color: inherit; }
body.canvas .ac-journal a:focus-visible { outline: 2px solid var(--ac-focus, currentColor); outline-offset: 4px; }
body.canvas .ac-journal :is(.entry-title a, .ac-journal-read, .ac-journal-back) { color: var(--ac-text); text-decoration: none; }
body.canvas .ac-journal .entry-title a { display: inline-block; min-height: 44px; }
body.canvas .ac-journal :is(.entry-title a, .ac-journal-read, .ac-journal-back):is(:hover, :focus-visible) { color: var(--ac-link-hover); text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px; }
body.canvas .ac-journal :is(.ac-journal-read, .ac-journal-back) { display: inline-flex; align-items: center; gap: .4em; width: fit-content; min-height: 44px; font-size: 1.3rem; }
body.canvas .ac-journal .ac-journal-read { text-decoration: underline; text-underline-offset: .2em; }
body.canvas .ac-journal .ac-theme-icon { font-size: .85em; }
body.canvas .ac-journal-related .ac-theme-icon { margin-inline-start: .4em; }
body.canvas .ac-journal-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .7fr); gap: 3.2rem; align-items: end; margin-bottom: clamp(3.2rem, 4vw, 5.2rem); }
body.canvas .ac-journal-intro .archive-title { font-size: clamp(5.6rem, 6.7vw, 9.6rem); line-height: 1.04; letter-spacing: -.05em; }
body.canvas .ac-journal-intro .archive-description { max-width: 46ch; font-size: 1.7rem; line-height: 1.6; color: var(--ac-muted); }
body.canvas .ac-journal-intro .archive-description > :last-child { margin-bottom: 0; }
body.canvas .ac-journal-year { margin: 3.2rem 0 2rem; font-size: 2.6rem; line-height: 1.25; }
body.canvas .ac-journal-entries > .ac-journal-year:first-child { margin-top: 0; }
body.canvas article.ac-journal-entry { display: grid; grid-template-columns: minmax(10rem, 16rem) minmax(0, 1fr); column-gap: clamp(2rem, 3vw, 4rem); align-items: center; padding-block: 3.2rem; border-top: 1px solid var(--ac-border); }
body.canvas article.ac-journal-entry--with-image { grid-template-columns: minmax(10rem, 16rem) minmax(0, 1fr) minmax(20rem, 32.8rem); }
body.canvas .ac-journal-entry > * { min-width: 0; }
body.canvas .ac-journal-entry__meta { display: grid; align-content: start; gap: .8rem; }
body.canvas .ac-journal-entry .post-date { font-size: 1.8rem; color: var(--ac-text); }
body.canvas .ac-journal-entry .post-cats { font-size: 1.2rem; }
body.canvas .ac-journal-entry .article-text-block { gap: 1.6rem; }
body.canvas .ac-journal-entry .entry-title { font-size: clamp(2.6rem, 2.6vw, 3.6rem); line-height: 1.15; letter-spacing: -.035em; }
body.canvas .ac-journal-entry .post-summary { margin: 0; max-width: 56ch; font-size: 1.5rem; line-height: 1.65; }
body.canvas .ac-journal-entry .post-thumbnail { margin: 0; aspect-ratio: 6 / 5; }
body.canvas .ac-journal-entry .post-thumbnail img { display: block; width: 100%; height: 100%; object-fit: contain; }
body.canvas .ac-journal .navigation.pagination { margin-top: 3.2rem; }
body.canvas .ac-journal .nav-links { display: flex; flex-wrap: wrap; justify-content: end; gap: 1.2rem; }
body.canvas .ac-journal .page-numbers { display: inline-flex; align-items: center; justify-content: center; gap: .5em; min-width: 44px; min-height: 44px; margin: 0; border-color: var(--ac-border); }
body.canvas .ac-journal-empty { border-top: 1px solid var(--ac-border); padding-block: 3.2rem; color: var(--ac-muted); }
body.canvas article.ac-journal-post { display: grid; grid-template-columns: minmax(12rem, 18rem) minmax(0, 72rem); gap: 4rem clamp(3.2rem, 5vw, 8rem); max-width: 104rem; border: 0; padding: 0; }
body.canvas .ac-journal-post__return { grid-column: 1; grid-row: 1; align-self: start; }
body.canvas .ac-journal-post__header { grid-column: 2; grid-row: 1; min-width: 0; }
body.canvas .ac-journal-post__header .entry-title { font-size: clamp(4.4rem, 5.3vw, 7.6rem); line-height: 1.05; letter-spacing: -.045em; }
body.canvas .ac-journal-standfirst { margin: 2.4rem 0 0; max-width: 58ch; font-size: clamp(1.8rem, 1.6vw, 2rem); line-height: 1.65; color: var(--ac-muted); }
body.canvas .ac-journal-post__meta { grid-column: 1; grid-row: 2; display: grid; gap: 1.6rem; align-content: start; align-self: start; padding-top: 1.6rem; border-top: 1px solid var(--ac-border); }
body.canvas .ac-journal-post__meta .post-date { color: var(--ac-text); font-size: 2.4rem; line-height: 1.3; }
body.canvas .ac-journal-post__meta .post-date > span { display: block; }
body.canvas .ac-journal-post__body { grid-column: 2; grid-row: 2; min-width: 0; }
body.canvas .ac-journal-media { margin: 0 0 3.2rem; }
body.canvas .ac-journal-media img { display: block; width: 100%; height: auto; }
body.canvas .ac-journal-media figcaption { margin-top: 1.2rem; font-size: 1.2rem; line-height: 1.6; }
body.canvas .ac-journal-post .entry-content { max-width: 65ch; font-size: clamp(1.7rem, 1.4vw, 2rem); line-height: 1.75; overflow-wrap: anywhere; }
body.canvas .ac-journal-post .entry-content > :last-child { margin-bottom: 0; }
body.canvas .ac-journal-post .entry-content :is(h2, h3) { margin-block: 3.2rem 1.6rem; line-height: 1.25; text-wrap: balance; }
body.canvas .ac-journal-post .entry-content h2 { font-size: clamp(2.6rem, 2.4vw, 3.4rem); }
body.canvas .ac-journal-post .entry-content h3 { font-size: 2.6rem; }
body.canvas .ac-journal-post .entry-content blockquote { margin: 3.2rem 0; border: 0; border-left: 2px solid var(--ac-border); padding: 0 0 0 2rem; font-family: var(--ac-font-heading, inherit); font-size: clamp(2.6rem, 2.4vw, 3.4rem); line-height: 1.3; color: var(--ac-text); }
body.canvas .ac-journal-post .entry-content blockquote::before { content: none; }
body.canvas .ac-journal-post .entry-content :is(img, video, iframe) { max-width: 100%; }
body.canvas .ac-journal-post .entry-content :is(pre, table) { max-width: 100%; overflow-x: auto; }
body.canvas .ac-journal-post .entry-content table { display: block; margin-block: 2.4rem; border-collapse: collapse; font-size: 1.5rem; line-height: 1.6; }
body.canvas .ac-journal-post .entry-content :is(th, td) { min-width: 8rem; padding: 1.2rem; text-align: start; vertical-align: top; border-bottom: 1px solid var(--ac-border); }
body.canvas .ac-journal-post .entry-content caption { padding-block: 0 1.2rem; text-align: start; color: var(--ac-muted); }
body.canvas .ac-journal-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.4rem; align-items: start; margin-top: 3.2rem; }
body.canvas .ac-journal-gallery .ac-journal-media { margin: 0; }
body.canvas .ac-journal-related { display: grid; grid-template-columns: minmax(12rem, 18rem) minmax(0, 1fr); column-gap: clamp(3.2rem, 5vw, 8rem); align-items: center; margin-top: 5.6rem; padding: 3.2rem; }
body.canvas .ac-journal-related h2 { margin: 0; font-family: inherit; font-size: 1.5rem; line-height: 1.5; }
body.canvas .ac-journal-related .post-meta { margin: 0 0 1.2rem; }
body.canvas .ac-journal-related .entry-title { font-size: 3.2rem; line-height: 1.2; }
@media (max-width: 1000px) {
    body.canvas article.ac-journal-entry--with-image { grid-template-columns: 10rem minmax(0, 1fr) minmax(14rem, 23rem); }
    body.canvas article.ac-journal-post { grid-template-columns: 12rem minmax(0, 1fr); column-gap: 3.2rem; }
}
@media (max-width: 760px) {
    body.canvas .ac-journal { padding-block: 2.8rem 4rem; }
    body.canvas .ac-journal-intro { grid-template-columns: minmax(0, 1fr); gap: 1.8rem; margin-bottom: 2.4rem; }
    body.canvas .ac-journal-intro .archive-title { font-size: 6rem; }
    body.canvas .ac-journal-intro .archive-description { font-size: 1.5rem; }
    body.canvas .ac-journal-year { font-size: 2.2rem; }
    body.canvas article.ac-journal-entry { grid-template-columns: minmax(0, 1fr); gap: 1.6rem 2.4rem; padding-block: 2.4rem; }
    body.canvas article.ac-journal-entry--with-image { grid-template-columns: minmax(0, 1fr) 10rem; }
    body.canvas .ac-journal-entry__meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: .6rem 1.2rem; }
    body.canvas .ac-journal-entry .post-date { font-size: 1.3rem; }
    body.canvas .ac-journal-entry .post-cats { font-size: 1.2rem; }
    body.canvas .ac-journal-entry .entry-title { font-size: 2.6rem; }
    body.canvas .ac-journal-entry .post-summary { font-size: 1.4rem; }
    body.canvas .ac-journal-entry .post-thumbnail { aspect-ratio: 4 / 5; }
    body.canvas .ac-journal-entry .article-text-block { gap: 1.2rem; }
    body.canvas article.ac-journal-post { display: flex; flex-direction: column; gap: 2rem; }
    body.canvas .ac-journal-post__header .entry-title { font-size: 4.4rem; }
    body.canvas .ac-journal-standfirst { font-size: 1.7rem; margin-top: 2rem; }
    body.canvas .ac-journal-post__meta { display: flex; flex-wrap: wrap; gap: .8rem 1.6rem; padding: 0; border: 0; }
    body.canvas .ac-journal-post__meta .post-date { font-size: 1.3rem; line-height: 1.6; }
    body.canvas .ac-journal-post__meta .post-date > span { display: inline; margin-inline-start: .3em; }
    body.canvas .ac-journal-post__meta :is(.post-author, .post-cats) { font-size: 1.2rem; }
    body.canvas .ac-journal-post__body { width: 100%; }
    body.canvas .ac-journal-post .entry-content { font-size: 1.7rem; }
    body.canvas .ac-journal-related { grid-template-columns: minmax(0, 1fr); gap: 1.6rem; padding: 2.4rem 1.6rem; margin-top: 3.6rem; }
    body.canvas .ac-journal-related .entry-title { font-size: 2.8rem; }
    body.canvas .ac-journal-gallery { grid-template-columns: minmax(0, 1fr); }
    body.canvas .ac-journal .nav-links { justify-content: start; }
}
