/* Approved mobile C design. Last in the Journal cascade; no legacy theme CSS required. */
html[data-variant="journal"] .mtcj-card-author { display:none; }
html[data-variant="journal"] .mtcj-detail-c > .article-heading-copy { grid-column:1; grid-row:1; }
html[data-variant="journal"] .mtcj-detail-c > .article-heading-cover { grid-column:2; grid-row:1; }
html[data-variant="journal"] [data-mtcj-image-root] .article-visual { position:relative; }
html[data-variant="journal"] [data-mtcj-image-root] a[data-mtcj-zoom] {
  display:block; position:relative; width:100%; height:100%; padding:0; border:0; cursor:zoom-in;
}
html[data-variant="journal"] .mtcj-cover-zoom-hint {
  position:absolute; right:12px; bottom:12px; display:block; padding:7px 10px;
  color:#fff; background:#203a40; font:400 12px/1.5 var(--sans); pointer-events:none;
}
html[data-variant="journal"] [data-mtcj-image-root] a:focus-visible { outline:2px solid #116d85; outline-offset:3px; }

@media (max-width:760px) {
  html[data-variant="journal"] {
    --mtcj-mobile-gutter:20px;
    --mtcj-card-cyan:#ceecee; --mtcj-card-peach:#f6e0d4;
    --mtcj-card-green:#dce9bd; --mtcj-card-gray:#e5e8e4;
  }
  html[data-variant="journal"] .wrap { width:calc(100% - 2 * var(--mtcj-mobile-gutter)); }

  /* Every archive card uses the same layout, including latest/search/category results. */
  html[data-variant="journal"] .mag-articles .mag-posts { grid-template-columns:minmax(0,1fr); gap:24px; }
  html[data-variant="journal"] .mag-articles .mag-posts > .mag-card {
    --mtcj-card-surface:var(--mtcj-card-cyan); --mtcj-category-line:#74b9c4;
    grid-column:auto; min-width:0; padding:0; margin:0; border:0; border-radius:0; background:transparent;
  }
  html[data-variant="journal"] .mag-articles .mag-posts > .mag-card:nth-child(4n+2) { --mtcj-card-surface:var(--mtcj-card-peach); --mtcj-category-line:#dca17b; }
  html[data-variant="journal"] .mag-articles .mag-posts > .mag-card:nth-child(4n+3) { --mtcj-card-surface:var(--mtcj-card-green); --mtcj-category-line:#92a870; }
  html[data-variant="journal"] .mag-articles .mag-posts > .mag-card:nth-child(4n) { --mtcj-card-surface:var(--mtcj-card-gray); --mtcj-category-line:#899a91; }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card > .mag-link {
    display:flex; flex-direction:column; align-items:stretch; gap:0; min-width:0; height:100%; color:#263831;
  }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .mag-image {
    width:100%; height:auto; min-height:0; aspect-ratio:16/9; background:var(--mtcj-card-surface); overflow:hidden;
  }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .mag-image img { display:block; width:100%; height:100%; padding:0; object-fit:contain; transform:none; }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .mtcj-no-image { min-height:0; background:var(--mtcj-card-surface); }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .mag-copy {
    display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 12px; align-content:start;
    padding:20px 18px 19px; margin:0; background:var(--mtcj-card-surface); color:#263831;
  }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .post-meta {
    grid-column:1/-1; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;
    align-items:center; gap:8px 14px; margin:0; font-size:12px; line-height:1.5;
  }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .post-meta .category {
    border-left:3px solid var(--mtcj-category-line); padding-left:8px; font-size:12px; color:inherit;
  }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .post-meta time { font-size:12px; color:#4e6259; }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .mag-copy h3 {
    grid-column:1/-1; display:block; margin:12px 0 0; padding:0; height:auto; max-height:none;
    font:600 18px/1.75 var(--sans); letter-spacing:-.025em; color:inherit;
    overflow:visible; overflow-wrap:anywhere; -webkit-line-clamp:unset; text-overflow:clip;
  }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .mag-excerpt,
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .lead-eyebrow,
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .mag-image-index { display:none; }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .mtcj-card-author {
    display:block; align-self:center; margin-top:14px; font:400 12px/1.6 var(--sans); color:#4e6259; overflow-wrap:anywhere;
  }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .mag-read {
    display:flex; align-items:center; gap:6px; justify-self:end; margin:14px 0 0; padding:0;
    min-height:32px; font-size:12px; color:inherit;
  }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .mag-read > .motion-icon { width:22px; height:22px; }

  /* Full-width cover, then the colored title panel. Desktop retains its two-column header. */
  html[data-variant="journal"] .article-heading.mtcj-detail-c {
    display:flex; flex-direction:column; gap:0;
    margin:16px calc(-1 * var(--mtcj-mobile-gutter)) 28px;
  }
  html[data-variant="journal"] .mtcj-detail-c > .article-heading-cover {
    display:block; order:0; margin:0; padding:0; min-width:0; background:transparent;
  }
  html[data-variant="journal"] .mtcj-detail-c .article-heading-cover > .eyebrow,
  html[data-variant="journal"] .mtcj-detail-c .cover-caption { display:none; }
  html[data-variant="journal"] .mtcj-detail-c .article-heading-cover .article-visual {
    display:block; width:100%; height:auto; min-height:0; margin:0; aspect-ratio:auto; background:#eef1ed;
  }
  html[data-variant="journal"] .mtcj-detail-c .article-heading-cover .article-visual img {
    display:block; position:static; width:100%; height:auto; max-height:none; padding:0; object-fit:contain;
  }
  html[data-variant="journal"] .mtcj-detail-c .mtcj-no-image { min-height:0; aspect-ratio:16/9; }
  html[data-variant="journal"] .mtcj-detail-c > .article-heading-copy {
    order:1; min-width:0; padding:24px 23px 21px; background:var(--mtcj-card-cyan); color:#263831;
  }
  html[data-variant="journal"] .mtcj-detail-c .post-meta { justify-content:space-between; align-items:center; gap:10px 16px; }
  html[data-variant="journal"] .mtcj-detail-c .post-meta .category { border-left:3px solid #74b9c4; padding-left:8px; }
  html[data-variant="journal"] .mtcj-detail-c h1 { font:600 25px/1.6 var(--sans); letter-spacing:-.035em; margin-top:18px; }
  html[data-variant="journal"] .mtcj-detail-c .mtcj-title-sub { font-size:19px; line-height:1.65; margin-top:6px; }
  html[data-variant="journal"] .mtcj-detail-c .article-deck { margin-top:17px; font-size:14px; line-height:1.95; }
  html[data-variant="journal"] .mtcj-detail-c .article-byline { margin-top:19px; gap:8px 14px; align-items:center; }
  html[data-variant="journal"] .mtcj-detail-c .article-byline .publisher,
  html[data-variant="journal"] .mtcj-detail-c .article-byline .article-read-link { font-size:12px; min-height:44px; }
  html[data-variant="journal"] .mtcj-detail-c .article-byline .article-read-link { flex-basis:auto; margin:0 0 0 auto; padding:0; border:0; gap:7px; }
  html[data-variant="journal"] .mtcj-detail-c .article-byline > span { font-size:12px; }

  /* Full-size single image blocks. Explicit resize/alignment/crops and galleries keep their editor layout. */
  html[data-variant="journal"] .entry-content.mustache-content > .wp-block-image:not(.is-resized,.alignleft,.alignright):not([style*="width"]) { width:100%; }
  html[data-variant="journal"] .entry-content.mustache-content > .wp-block-image:not(.is-resized,.alignleft,.alignright):not([style*="width"]) > a,
  html[data-variant="journal"] .entry-content.mustache-content > .wp-block-image:not(.is-resized,.alignleft,.alignright):not([style*="width"]) > picture { display:block; width:100%; max-width:100%; }
  html[data-variant="journal"] .entry-content.mustache-content > .wp-block-image:not(.is-resized,.alignleft,.alignright):not([style*="width"]) img:not([style*="width"]):not([style*="height"]) { width:100%; height:auto; }
  html[data-variant="journal"] .entry-content.mustache-content > .wp-block-image .mtcj-image-hint { margin-top:6px; font-size:12px; text-align:right; }
  html[data-variant="journal"] .entry-content.mustache-content { font-size:16px; line-height:2; }
  html[data-variant="journal"] .entry-content.mustache-content h2 { font-size:23px; }
  html[data-variant="journal"] .entry-content.mustache-content h3 { font-size:19px; }
  html[data-variant="journal"] .entry-content.mustache-content h4 { font-size:17px; }
  html[data-variant="journal"] .article-reading .journal-contents { background:#f8f7f2; border:1px solid #dce4df; border-top:1px solid #dce4df; }
}

@media (max-width:360px) {
  html[data-variant="journal"] { --mtcj-mobile-gutter:16px; }
  html[data-variant="journal"] .mag-articles .mag-posts .mag-card .mag-copy { padding-inline:15px; }
  html[data-variant="journal"] .mtcj-detail-c > .article-heading-copy { padding-inline:19px; }
  html[data-variant="journal"] .mtcj-detail-c h1 { font-size:23px; }
  html[data-variant="journal"] .mtcj-detail-c .mtcj-title-sub { font-size:17px; }
}