/*
 * Humming content compatibility for the atelier child theme.
 * The parent stylesheet is not required. Colours come from the active palette.
 * This file does not set the page shell, header, navigation, or footer.
 */

/* Long-form reading and WordPress editor output. */
:is(.format, .entry-content) {
  display: flow-root;
  width: 100%;
  max-width: none;
  min-width: 0;
  color: var(--ink);
  font-family: var(--serif);
  font-size: clamp(17px, 1.65vw, 19px);
  line-height: 1.7;
  overflow-wrap: anywhere;
}
:is(.format, .entry-content) :where(*) { box-sizing: border-box; }
:is(.format, .entry-content) :is(p, ul, ol, dl, figure, blockquote, pre, table) {
  margin-block: 0 1.35em;
}
:is(.format, .entry-content) > :first-child { margin-top: 0; }
:is(.format, .entry-content) > :last-child { margin-bottom: 0; }
:is(.format, .entry-content) :is(h1, h2, h3, h4, h5, h6) {
  clear: none;
  margin: 1.7em 0 .65em;
  color: var(--ink);
  font-family: var(--serif);
  font-weight: 500;
  line-height: 1.22;
  text-wrap: balance;
}
:is(.format, .entry-content) h1 { font-size: 2.1em; }
:is(.format, .entry-content) h2 { font-size: 1.7em; }
:is(.format, .entry-content) h3 { font-size: 1.4em; }
:is(.format, .entry-content) h4 { font-size: 1.2em; }
:is(.format, .entry-content) :is(h5, h6) { font-size: 1em; font-weight: 700; }
:is(.format, .entry-content, .comment-body) a {
  color: var(--accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
:is(.format, .entry-content, .comment-body) a:hover { text-decoration-thickness: 2px; }
:is(.format, .entry-content) :is(strong, b) { color: var(--ink); font-weight: 700; }
:is(.format, .entry-content, .comment-body) :is(ul, ol) { padding-inline-start: 1.5em; }
:is(.format, .entry-content, .comment-body) li { margin-block: .35em; }
:is(.format, .entry-content, .comment-body) li > :is(ul, ol) { margin-block: .45em .65em; }
:is(.format, .entry-content) dt { font-weight: 700; }
:is(.format, .entry-content) dd { margin: .25em 0 1em 1.4em; }
:is(.format, .entry-content) :is(hr, .hr, .divider) {
  clear: both;
  height: auto;
  margin-block: 1.8em 1.35em;
  padding-top: 1.1em;
  border: 0;
  border-top: 1px solid var(--line);
}
:is(.format, .entry-content) .hr > :first-child { margin-top: 0; }
:is(.format, .entry-content, .comment-body) blockquote {
  margin-inline: 0;
  padding: .35em 0 .35em 1.25em;
  border-inline-start: 2px solid var(--accent);
  color: var(--ink);
  font-style: italic;
}
:is(.format, .entry-content, .comment-body) blockquote > :last-child { margin-bottom: 0; }
:is(.format, .entry-content) :is(cite, .quote-author) {
  display: block;
  margin-top: .7em;
  color: var(--muted);
  font: normal .8em/1.5 var(--sans);
}

/* Images retain their proportions, including old floated portraits. */
:is(.format, .entry-content, .post-card, .blogpost, .portfolio-item, .portfolio-excerpt, .widget-container) img {
  max-width: 100%;
  height: auto;
}
:is(.format, .entry-content) :is(video, iframe, embed, object) { max-width: 100%; }
:is(.format, .entry-content) iframe[src*="youtube"],
:is(.format, .entry-content) iframe[src*="vimeo"] {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
}
:is(.format, .entry-content) figure { margin-inline: 0; }
:is(.format, .entry-content) .wp-caption {
  max-width: 100%;
  padding: .45em;
  border: 1px solid var(--line);
}
:is(.format, .entry-content) .wp-caption img { display: block; }
:is(.format, .entry-content) :is(figcaption, .wp-caption-text, .gallery-caption) {
  margin: .65em 0 0;
  color: var(--muted);
  font: .78em/1.6 var(--sans);
}
:is(.format, .entry-content) .alignleft { float: left; margin: .25em 1.5em 1em 0; }
:is(.format, .entry-content) .alignright { float: right; margin: .25em 0 1em 1.5em; }
:is(.format, .entry-content) .aligncenter { display: block; margin-inline: auto; }
:is(.format, .entry-content) :is(.alignwide, .alignfull) { max-width: 100%; }
:is(.format, .entry-content) .gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
  gap: 1em;
}
:is(.format, .entry-content) .gallery-item { float: none; width: auto; margin: 0; }

/* Native table layout is retained inside a horizontal scroll region. */
:is(.format, .entry-content, .comment-body) table {
  display: block;
  max-width: 100%;
  width: max-content;
  overflow-x: auto;
  border-collapse: collapse;
  border-spacing: 0;
  font: .88em/1.55 var(--sans);
  overscroll-behavior-inline: contain;
}
:is(.format, .entry-content, .comment-body) :is(th, td) {
  padding: .65em .8em;
  border: 1px solid var(--line);
  text-align: start;
  vertical-align: top;
}
:is(.format, .entry-content, .comment-body) th { color: var(--ink); font-weight: 700; }
:is(.format, .entry-content) caption { padding-block: .6em; text-align: start; color: var(--muted); }
:is(.format, .entry-content) .wp-block-table { max-width: 100%; overflow-x: auto; }
:is(.format, .entry-content, .comment-body) :is(code, kbd, samp) {
  font-family: var(--mono);
  font-size: .82em;
  overflow-wrap: anywhere;
}
:is(.format, .entry-content, .comment-body) pre {
  max-width: 100%;
  overflow-x: auto;
  padding: 1em 1.1em;
  border: 1px solid var(--line);
  color: var(--ink);
  background: var(--paper);
  font: .8em/1.7 var(--mono);
  white-space: pre;
  tab-size: 4;
  overscroll-behavior-inline: contain;
}
:is(.format, .entry-content, .comment-body) pre code {
  display: block;
  padding: 0;
  font-size: inherit;
  white-space: inherit;
  overflow-wrap: normal;
  word-break: normal;
}
.custom-code-block { min-width: 0; max-width: 100%; }

/* Legacy shortcode columns use hyphens; underscore aliases are also accepted. */
:is(.one-half, .one_half, .one-third, .one_third, .two-third, .two_third,
    .one-fourth, .one_fourth, .three-fourth, .three_fourth, .one-fifth, .one_fifth,
    .two-fifth, .two_fifth, .three-fifth, .three_fifth, .four-fifth, .four_fifth,
    .one-sixth, .one_sixth, .five-sixth, .five_sixth) {
  box-sizing: border-box;
  float: left;
  min-width: 0;
  margin-inline-end: 3%;
  margin-block-end: 1.3em;
}
:is(.one-half, .one_half) { width: 48.5%; }
:is(.one-third, .one_third) { width: 31.333%; }
:is(.two-third, .two_third) { width: 65.666%; }
:is(.one-fourth, .one_fourth) { width: 22.75%; }
:is(.three-fourth, .three_fourth) { width: 74.25%; }
:is(.one-fifth, .one_fifth) { width: 17.6%; }
:is(.two-fifth, .two_fifth) { width: 38.2%; }
:is(.three-fifth, .three_fifth) { width: 58.8%; }
:is(.four-fifth, .four_fifth) { width: 79.4%; }
:is(.one-sixth, .one_sixth) { width: 14.166%; }
:is(.five-sixth, .five_sixth) { width: 82.833%; }
.last-column { margin-inline-end: 0; }
.clear, .clearfix { clear: both; }
.break-line { height: 1em; clear: both; }
.full { clear: both; width: 100%; }
.m20px { margin-top: 20px; }
:is(.format, .entry-content) .featured {
  box-sizing: border-box;
  float: left;
  width: 31.333%;
  min-width: 0;
  margin: 0 3% 1.5em 0;
  padding-top: 1em;
  border-top: 1px solid var(--line);
}
:is(.format, .entry-content) .featured.last-column { margin-right: 0; }
.featured .icon { width: 36px; height: 36px; background-size: contain; background-repeat: no-repeat; }
:is(.format, .entry-content) :is(.quote-left, .quote-right) {
  width: min(45%, 22ch);
  margin-block: .25em 1em;
  color: var(--accent);
  font-size: 1.25em;
  font-style: italic;
}
.quote-left { float: left; margin-inline-end: 1.3em; }
.quote-right { float: right; margin-inline-start: 1.3em; }
.dropcap { float: left; padding: .12em .15em 0 0; color: var(--accent); font: 3.5em/.9 var(--serif); }
.special-color, .highlight, .highlight-2 { color: var(--accent); }
.highlight, .highlight-2 { text-decoration: underline; text-underline-offset: .15em; }
:is(.format, .entry-content) .box { padding: .8em; border: 1px solid var(--line); }
.tabs { clear: both; margin-block: 1.5em; }
.tabs > ul {
  display: flex;
  flex-wrap: wrap;
  gap: .5em 1em;
  margin: 0;
  padding: 0 0 .7em;
  list-style: none;
  border-bottom: 1px solid var(--line);
}
.tabs > ul li { margin: 0; }
.tabs > ul a { display: inline-block; padding: .4em 0; }
.tabs .ui-tabs-active a { font-weight: 700; text-decoration-thickness: 2px; }
.tabs > .box { margin-top: .9em; }
.tabs .ui-tabs-hide { display: none; }
.toggle-container { margin-block: 1.2em; padding-block: .9em; border-block: 1px solid var(--line); }
.toggle-container h6 { margin: 0; cursor: pointer; }
.toggle-content { margin-top: 1em; }
:is(.format, .entry-content) .list-2 { list-style: none; padding-inline-start: 0; }

/* Shared article styles; the homepage grid has a scoped override below. */
.post-grid, .blog-home-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.post-card, .blog-excerpt, .blogpost {
  min-width: 0;
  margin: 0;
  padding: 1.4em 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: none;
  border-radius: 0;
  color: var(--ink);
}
.post-card { display: grid; gap: .65em; }
:is(.post-card, .blog-excerpt, .blogpost) :is(h2, h3) {
  margin: 0 0 .35em;
  font: 500 clamp(23px, 2vw, 29px)/1.25 var(--serif);
  text-transform: none;
  overflow-wrap: anywhere;
}
:is(.post-card, .blog-excerpt, .blogpost) :is(h2, h3) a { color: var(--ink); text-decoration: none; }
:is(.post-card, .blog-excerpt, .blogpost) :is(h2, h3) a:hover { text-decoration: underline; text-underline-offset: .15em; }
.post-meta, .blog-excerpt .meta, .blogpost .info {
  display: flex;
  flex-wrap: wrap;
  gap: .35em 1em;
  color: var(--muted);
  font: 12px/1.65 var(--mono);
}
.post-excerpt, .blog-excerpt .excerpt, .blogpost .excerpt { font: 17px/1.7 var(--serif); }
.post-excerpt > :last-child { margin-bottom: 0; }
.blog-excerpt .excerpt:empty { display: none; }

/* Keep the homepage's latest posts in the original two-column arrangement. */
.home-manuscript .blog-home-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-block: 1.2rem .75rem;
}
.home-manuscript .blog-home-grid > .blog-excerpt {
  display: flex;
  flex-direction: column;
  gap: .8rem;
  min-height: 160px;
  padding: 1.2rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--paper-alt);
}
.home-manuscript .blog-home-grid h3 {
  margin: 0;
  font-size: clamp(21px, 1.9vw, 25px);
  line-height: 1.3;
}
@media (max-width: 700px) {
  .home-manuscript .blog-home-grid { grid-template-columns: minmax(0, 1fr); }
  .home-manuscript .blog-home-grid > .blog-excerpt { min-height: 0; }
}

.post-card .thumb { display: block; margin: 0; }
.post-card .thumb img { display: block; width: 100%; height: auto; }
.post-card .post-excerpt .read-more { display: none; }
.blogpost .info ul { display: flex; flex-wrap: wrap; gap: .5em 1em; list-style: none; margin: 0; padding: 0; }
.post-footer-meta { margin-top: 2em; padding-top: 1em; border-top: 1px solid var(--line); }
.post-tags { color: var(--muted); font: 12px/1.8 var(--mono); overflow-wrap: anywhere; }
.post-tags a { color: var(--accent); }
.pager, .blog-navigate, .comment-navigation, .posts-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1em;
  margin-block: 1.5em;
  font: 14px/1.6 var(--sans);
}
.pager a, .blog-navigate a { padding-block: .65em; color: var(--accent); }
.archive-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 2em; }
.archive-col h3 { margin-top: 0; font: 500 24px/1.25 var(--serif); }
.archive-col ul { margin: 0; padding: 0; list-style: none; }
.archive-col li { padding-block: .6em; border-bottom: 1px solid var(--line); }
.portfoliofilter { display: flex; flex-wrap: wrap; gap: .7em 1.4em; padding: 0; list-style: none; }
.portfoliofilter a { display: inline-block; padding-block: .5em; color: var(--accent); }
.portfoliofilter .active { text-decoration: underline; text-underline-offset: .25em; }
.portfolio-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 1.6em; }
.portfolio-item, .portfolio-excerpt { min-width: 0; }
:is(.portfolio-item, .portfolio-excerpt) .item { position: relative; border-bottom: 1px solid var(--line); }
:is(.portfolio-item, .portfolio-excerpt) .caption { padding-block: .8em; }
:is(.portfolio-item, .portfolio-excerpt) .caption h3 { margin: 0; font: 500 22px/1.3 var(--serif); }
.portfolio-excerpt .zoom { position: absolute; inset: 0; }
.portfolio-item .zoom { position: static; display: block; }

/* Margin notes and existing widget registrations. */
.sidebar { display: grid; align-content: start; gap: 2em; min-width: 0; }
.widget-container {
  min-width: 0;
  padding-block: 1em;
  border-top: 1px solid var(--line);
  color: var(--ink);
  font: 15px/1.65 var(--serif);
  overflow-wrap: anywhere;
}
.widget-container :is(h3, h4, .widget-title) { margin: 0 0 .85em; font: 500 23px/1.25 var(--serif); }
.widget-container ul { list-style: none; margin: 0; padding: 0; }
.widget-container li { margin: 0; padding-block: .55em; border-bottom: 1px solid var(--line); }
.widget-container li:last-child { border-bottom: 0; }
.widget-container a { color: var(--accent); text-underline-offset: .2em; }
.widget-container :is(.post-date, .comment-author-link) { color: var(--muted); }
.widget-container .post-date { display: block; font: 11px/1.6 var(--mono); }
.widget-container .tagcloud { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5em .85em; line-height: 1.7; }
.widget-container .tagcloud a { font-size: 14px !important; }
.widget-container :is(table, pre) { display: block; max-width: 100%; overflow-x: auto; }
.widget-container table { font: 12px/1.7 var(--sans); }
.widget-container :is(th, td) { padding: .3em; }
.widget-container .wp-calendar-nav { display: flex; justify-content: space-between; font-size: 13px; }

/* Comments retain the parent callback's markup and nested replies. */
#comments, .comment-respond { margin-top: 2.5em; padding-top: 1.4em; border-top: 1px solid var(--line); }
#comments h2, .comment-reply-title { margin: 0 0 1em; font: 500 27px/1.25 var(--serif); }
#comment-box, .comment-list { margin: 0; padding: 0; list-style: none; }
#comment-box .children, .comment-list .children {
  margin: 0 0 0 min(4vw, 2em);
  padding: 0 0 0 min(3vw, 1.25em);
  border-inline-start: 1px solid var(--line);
  list-style: none;
}
.comment-single { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 1em; padding: 1.4em 0; border-bottom: 1px solid var(--line); }
.comment-single > .clear { display: none; }
.comment-single .avatar { width: 44px; height: auto; max-width: 100%; }
.comment-content { min-width: 0; color: var(--ink); }
.comment-author { margin-bottom: .75em; color: var(--muted); font: 12px/1.75 var(--sans); overflow-wrap: anywhere; }
.comment-author cite { color: var(--ink); font-weight: 700; font-style: normal; }
.comment-author a { color: inherit; text-underline-offset: .2em; }
.comment-body { font: 17px/1.7 var(--serif); overflow-wrap: anywhere; }
.comment-body p { margin: 0 0 1em; }
.comment-body > :last-child { margin-bottom: 0; }
.comment-body img { max-width: 100%; height: auto; }
.comment-reply-title small { display: block; margin-top: .8em; font: 13px/1.5 var(--sans); }
.comment-notes, .logged-in-as, .comment-form-cookies-consent { color: var(--muted); font: 13px/1.65 var(--sans); }
.comment-form p { margin-block: 0 1.2em; }

/* Form selectors are limited to content, widgets, and search/form components. */
:is(.format, .entry-content, .widget-container, .comment-form, .contactform, #contact-footer, .search-form, .searchform)
  :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), textarea, select) {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: .65em .75em;
  border: 1px solid var(--line);
  border-radius: 0;
  color: var(--ink);
  background: var(--paper);
  font: 16px/1.5 var(--sans);
}
:is(.format, .entry-content, .widget-container, .comment-form, .contactform, #contact-footer) textarea { min-height: 160px; resize: vertical; }
:is(.format, .entry-content, .widget-container, .comment-form, .contactform, #contact-footer, .search-form, .searchform)
  :is(input, textarea)::placeholder { color: var(--muted); opacity: 1; }
:is(.comment-form, .contactform, #contact-footer) label { display: block; margin-bottom: .45em; color: var(--ink); font: 14px/1.5 var(--sans); }
.comment-form-cookies-consent label { display: inline; }
:is(.format, .entry-content, .widget-container, .comment-form, .contactform, #contact-footer)
  :is(input[type="checkbox"], input[type="radio"]) { width: 1.1em; height: 1.1em; margin-inline-end: .5em; vertical-align: middle; accent-color: var(--accent); }
:is(.format, .entry-content, .widget-container, .comment-form, .contactform, #contact-footer, .search-form, .searchform)
  :is(button, input[type="submit"], input[type="button"], .button, .btn, .wp-block-button__link) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  max-width: 100%;
  padding: .7em 1.1em;
  border: 1px solid var(--accent);
  border-radius: 0;
  color: var(--ink);
  background: var(--paper);
  font: 600 14px/1.5 var(--sans);
  text-decoration: none;
  cursor: pointer;
}
:is(.format, .entry-content, .widget-container, .comment-form, .contactform, #contact-footer, .search-form, .searchform)
  :is(button, input[type="submit"], input[type="button"], .button, .btn, .wp-block-button__link):hover {
  text-decoration: underline;
  text-underline-offset: .2em;
}
:is(.format, .entry-content, .widget-container, .comment-form, .contactform, #contact-footer, .search-form, .searchform, .post-card)
  :is(a, button, input, textarea, select, summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
:is(.format, .entry-content, .widget-container, .comment-form, .contactform, #contact-footer)
  :is(input, button, select, textarea):disabled { opacity: .65; cursor: not-allowed; }
:is(.comment-form, .contactform, #contact-footer) .required { color: var(--ink); }
:is(.comment-form, .contactform, #contact-footer) label.error { padding-block: .4em; font-weight: 700; }
:is(.comment-form, .contactform, #contact-footer) :is(input, textarea).error { border-width: 2px; border-style: dashed; }
.search-form, .searchform > div { display: flex; flex-wrap: wrap; align-items: stretch; gap: .5em; min-width: 0; }
.search-form label { flex: 1 1 160px; min-width: 0; }
.searchform input[type="text"], .searchform input[type="search"] { flex: 1 1 160px; width: auto; }
.search-form .search-submit, .searchform input[type="submit"] { flex: 0 0 auto; }
.contactform::after { content: ""; display: block; clear: both; }
.contactform .submitbtn { clear: both; padding-top: .5em; }

@media (min-width: 701px) {
  .post-card.post-card-with-thumb { grid-template-columns: minmax(0, 1fr) minmax(120px, 27%); column-gap: 1.5em; }
  .post-card.post-card-with-thumb > .thumb { grid-column: 2; grid-row: 1 / span 4; align-self: start; }
  .post-card.post-card-with-thumb > :not(.thumb) { grid-column: 1; }
}

@media (max-width: 700px) {
  :is(.format, .entry-content) { font-size: 17px; }
  :is(.format, .entry-content) :is([align="justify"], [style*="text-align:justify"], [style*="text-align: justify"]) {
    text-align: start !important;
  }
  :is(.one-half, .one_half, .one-third, .one_third, .two-third, .two_third,
      .one-fourth, .one_fourth, .three-fourth, .three_fourth, .one-fifth, .one_fifth,
      .two-fifth, .two_fifth, .three-fifth, .three_fifth, .four-fifth, .four_fifth,
      .one-sixth, .one_sixth, .five-sixth, .five_sixth),
  :is(.format, .entry-content) .featured {
    float: none;
    width: 100%;
    margin-inline: 0;
  }
  :is(.format, .entry-content) :is(.alignleft, .alignright) {
    float: none;
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto 1.3em;
  }
  :is(.format, .entry-content) img:is([style*="float:left"], [style*="float: left"], [style*="float:right"], [style*="float: right"]) {
    float: none !important;
    display: block;
    width: auto !important;
    max-width: 100%;
    margin: 0 auto 1.3em !important;
  }
  :is(.format, .entry-content) :is(.quote-left, .quote-right) { float: none; display: block; width: auto; margin-inline: 0; }
  .contactform .one-fifth { margin-bottom: .2em; }
  .sidebar { gap: 1.4em; }
  .post-card > .thumb { max-width: 360px; }
  .comment-single { grid-template-columns: 32px minmax(0, 1fr); gap: .7em; }
  .comment-single .avatar { width: 32px; }
}

@media (max-width: 480px) {
  /* Keep deeply nested conversations readable on small phones. */
  .comment-single { grid-template-columns: minmax(0, 1fr); }
  .comment-single > .avatar { display: none; }
  #comment-box .children, .comment-list .children {
    margin-inline-start: 0;
    padding-inline-start: .65rem;
  }
}

/* Editorial refinements: existing texts, queries and widget content stay intact. */
.post-card { padding-block: 1.75em; gap: .85em; align-content: start; }
.post-card:first-child { padding-top: 0; }
.post-card h2 { font-size: clamp(25px, 2.25vw, 31px); line-height: 1.24; }
.post-card .post-meta { font: 12px/1.7 var(--sans); gap: .35em 1em; }
.post-card .post-meta a { text-decoration: underline; text-underline-offset: .2em; }
.post-card > .thumb { padding: 5px; border: 1px solid var(--line); background: var(--paper-alt); }
.post-card .post-excerpt { margin: 0; font-size: 17px; line-height: 1.75; }
.post-card .post-excerpt > p { margin-block: 0 .7em; }
.post-card > .btn { justify-self: start; display: inline-flex; align-items: center; gap: .65em; min-height: 44px; color: var(--accent); font: 14px/1.5 var(--sans); text-decoration: underline; text-underline-offset: .25em; }
.post-card > .btn:hover { color: var(--ink); }
:is(.atelier-editorial-layout, .atelier-article-layout) .widget-container :is(h3, h4, .widget-title) { font-size: 21px; }
.atelier-article-layout > .main { max-width: 74ch; }
.atelier-article-layout .block > .thumb { margin: 0 0 1.8em; padding: 6px; border: 1px solid var(--line); background: var(--paper-alt); }
.atelier-article-layout .block > .thumb img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: contain; }
.atelier-article-layout .entry-content { line-height: 1.8; }
.atelier-article-layout .post-footer-meta { margin-bottom: 2em; }
.atelier-article-layout .post-tags { font: 13px/1.8 var(--sans); }
.atelier-article-layout .post-tags a { text-decoration: underline; text-underline-offset: .2em; }
.pager a { display: inline-flex; align-items: center; min-height: 44px; padding: .7em 1em; border: 1px solid var(--line); font: 14px/1.5 var(--sans); }
.pager a:hover { background: var(--paper-alt); }
@media (max-width: 1000px) {
  .layout:is(.atelier-editorial-layout, .atelier-article-layout) { display: block; }
  .layout:is(.atelier-editorial-layout, .atelier-article-layout) > .sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; padding: 30px 0 0; margin-top: 30px; border: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 700px) {
  .post-card > .thumb { max-width: none; }
  .post-card .post-excerpt { font-size: 17px; }
  .atelier-article-layout .entry-content { font-size: 18px; line-height: 1.75; }
}
@media (max-width: 600px) {
  .layout:is(.atelier-editorial-layout, .atelier-article-layout) > .sidebar { display: block; }
  .post-card { padding-block: 1.5em; }
}

@media print {
  :is(.format, .entry-content, .comment-body) { max-width: none; font-size: 11pt; line-height: 1.55; }
  :is(.format, .entry-content, .comment-body) :is(pre, table) { overflow: visible; max-width: 100%; }
  :is(.format, .entry-content, .comment-body) pre { white-space: pre-wrap; overflow-wrap: anywhere; }
  :is(.format, .entry-content, .comment-body) pre code { overflow-wrap: anywhere; }
  :is(.format, .entry-content) :is(h1, h2, h3, h4) { break-after: avoid; }
  :is(.format, .entry-content) :is(figure, blockquote), .post-card, .comment-single { break-inside: avoid; }
  .comment-respond, .contactform, .searchform, .search-form { display: none; }
}