/* C-04 글 전용 — 인라인 SVG 도해(데스크톱 3:2 / 모바일 세로 변형). 공통 판형은 테마(magazine.css)가 맡는다. 간격은 살림갈피 운영 글(living-15.css .visual)과 같게 38/48, 모바일 30/40 (2026-09-22 대장: SGP 배치로) */
.nc-magazine-main .wp-block-post-content > .mpc-visual { max-width: var(--wp--style--global--content-size); margin: 38px auto 48px; }
.nc-magazine-main .wp-block-post-content > .mpc-visual:not(.mpc-visual--aside), .nc-magazine-main .wp-block-post-content > .wp-block-table, .nc-magazine-main .wp-block-post-content > .nc-guide-label { clear: both; }
.mpc-visual--inline svg { display: block; width: 100%; height: auto; border-radius: 12px; }
.mpc-visual--inline svg.mpc-visual__mobile { display: none; }
.mpc-visual--inline figcaption { font-size: 12px; line-height: 1.75; color: #66716a; margin-top: 12px; }
@media (max-width: 600px) {
  .nc-magazine-main .wp-block-post-content > .mpc-visual { margin: 30px auto 40px; }
  .mpc-visual--inline svg.mpc-visual__desktop { display: none; }
  .mpc-visual--inline svg.mpc-visual__mobile { display: block; }
}

/* 보드 D — 안전성·체형·행동 절: 사진(08)을 오른쪽 옆글 44%(살림갈피 .visual-inset 과 같은 쪽·폭), 본문과의 간격 56px 은 대장 지시(2026-09-22) 유지. 항목 3개는 가는 규칙선으로 구분. */
@media (min-width: 801px) {
  /* 블록 레이아웃이 margin-left/right 를 auto!important 로 고정하므로 간격은 padding 으로 준다 */
  /* 폭은 읽기 폭(960)의 44%. 오른쪽 padding 으로 읽기 폭 안쪽에 맞춘다(컨테이너 1192 안에서 본문은 960 가운데 정렬) */
  .nc-magazine-main .wp-block-post-content > .mpc-visual--aside { float: right; box-sizing: content-box; width: calc(var(--wp--style--global--content-size, 960px) * .44); max-width: calc(var(--wp--style--global--content-size, 960px) * .44); padding: 6px max(0px, calc((100% - var(--wp--style--global--content-size, 960px)) / 2)) 20px 56px; }
  .nc-magazine-main .wp-block-post-content > .mpc-visual--aside svg { border-radius: 10px; }
  .nc-magazine-main .wp-block-post-content > .mpc-visual--aside figcaption { font-size: 11px; }
  .nc-magazine-main .wp-block-post-content > .mpc-visual--aside ~ h2 { clear: both; }
}
.nc-magazine-main .wp-block-post-content > .mpc-visual--aside ~ p:has(> strong:first-child) { border-top: 1px solid #d9d3c6; padding-top: 14px; margin-top: 14px; }
.nc-magazine-main .wp-block-post-content > .mpc-visual--aside ~ p:has(> strong:first-child) > strong { color: #b83d31; }

body .entry-content .nc-lead-summary::after {width:118px;background-image:url('/wp-content/themes/mpc-2025-child/assets/chu/chu-cat-side.webp'),url('/wp-content/themes/mpc-2025-child/assets/chu/chu-dog-memo.webp');background-position:left bottom,right bottom;background-size:56px auto,56px auto;background-repeat:no-repeat;}
.entry-content .nc-lead-summary {padding-right:150px;}
@media(max-width:600px){.entry-content .nc-lead-summary{padding-right:24px;padding-bottom:90px;}}



/* 2026-09-27: content-led photo groups, four additional scenes per guide. */
.nc-magazine-main .entry-content > .mpc-story-gallery {clear:both;max-width:var(--wp--style--global--content-size,960px);margin:42px auto 52px;display:grid;gap:28px;}
.mpc-story-gallery figure {margin:0;min-width:0;}
.mpc-story-gallery img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;}
.nc-magazine-main .entry-content .mpc-story-gallery figcaption {padding:14px 0 0;font-size:17px;line-height:1.8;color:#34190b;}
.mpc-story-gallery figcaption strong {display:block;font-size:20px;margin-bottom:6px;}
.mpc-story-gallery--pairs,.mpc-story-gallery--quad {grid-template-columns:repeat(2,minmax(0,1fr));}
.mpc-story-gallery--trio {grid-template-columns:repeat(3,minmax(0,1fr));}
.mpc-story-gallery--steps figure {display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center;}
.nc-magazine-main .entry-content .mpc-story-gallery--steps figcaption {padding:0;}
.nc-magazine-main .entry-content > .mpc-visual--aside {float:none;box-sizing:border-box;width:100%;max-width:var(--wp--style--global--content-size,960px);padding:0;clear:both;}
@media(max-width:700px){
 .nc-magazine-main .entry-content > .mpc-story-gallery {gap:30px;margin:30px auto 40px;grid-template-columns:1fr;}
 .mpc-story-gallery--steps figure {grid-template-columns:1fr;gap:0;}
 .nc-magazine-main .entry-content .mpc-story-gallery--steps figcaption {padding-top:14px;}
 .nc-magazine-main .entry-content .mpc-story-gallery figcaption {font-size:17px;}
}
