/* Article004 native presentation; all selectors are scoped to this article. */
body.cg-article-004 {
  background: #f8f7f3;
  color: #1e2420;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
body.cg-article-004 .wp-block-post-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 52rem;
  margin: 0 auto;
  padding: clamp(1.25rem, 4vw, 3rem);
}
body.cg-article-004 .wp-block-post-content > h1 {
  color: #173c2c;
  font: 700 clamp(2rem, 5vw, 3.5rem)/1.12 Georgia, serif;
  margin: 0 0 1.5rem;
}
body.cg-article-004 .wp-block-post-content h2 {
  color: #173c2c;
  font: 700 clamp(1.5rem, 3vw, 2rem)/1.25 Georgia, serif;
  margin-top: 2rem;
}
/* Reusable prose sizing: rem prevents nested lists compounding. Cards retain
 * their explicit smaller size; captions and source notes are not prose. */
body.cg-article-004 .cg-a004-body { --cg-prose-size: 1.0625rem; }
body.cg-article-004 .cg-a004-body :is(p, ul, ol, li):not(:where(.cg-a004-card *, .cg-a004-sources *, figcaption *, .cg-a004-photo-credit)) {
  font-size: var(--cg-prose-size);
  line-height: 1.65;
}
body.cg-article-004 .cg-summary {
  --cg-summary-padding: clamp(1rem, 3vw, 1.875rem);
  --cg-summary-background: #edf4e8;
}
body.cg-article-004 a { color: #173c2c; text-decoration: underline; }
body.cg-article-004 a:focus-visible { outline: 3px solid #173c2c; outline-offset: 3px; }

/* Article004 editorial/visual revision: same column, native images and text cards. */
body.cg-article-004 .wp-block-image.cg-a004-hero { width:100%; margin:0 0 1.5rem; }
body.cg-article-004 .wp-block-image.cg-a004-hero img { display:block; width:100%; height:auto; }
body.cg-article-004 .cg-a004-hero figcaption { font-size:.875rem; color:#4f6055; margin-top:.5rem; }
body.cg-article-004 .cg-a004-contents { margin:1.5rem 0; }
body.cg-article-004 .cg-a004-contents ul { padding-inline-start:1.25rem; }
body.cg-article-004 .cg-a004-contents a { display:inline-block; padding-block:.25rem; }
body.cg-article-004 .wp-block-post-content h2[id] { scroll-margin-top:1.5rem; }
body.cg-article-004 .cg-a004-decisions { background:#f3f1e9; border-radius:20px; padding:clamp(1rem,3vw,1.75rem); margin:2rem 0; }
body.cg-article-004 .cg-a004-decisions h3 { font:700 clamp(1.5rem,3vw,2rem)/1.2 Georgia,serif; color:#173c2c; margin:0 0 1rem; }
body.cg-article-004 .cg-a004-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
body.cg-article-004 .cg-a004-card { min-width:0; background:#fffdf7; border-radius:16px; padding:1rem; }
body.cg-article-004 .cg-a004-card h4 { font:700 1.2rem/1.3 Georgia,serif; margin:1rem 0; }
body.cg-article-004 .cg-a004-card p { font-size:1rem; }
body.cg-article-004 .cg-a004-card p:first-child { color:#214d39; font-weight:700; margin-top:0; }
body.cg-article-004 .cg-a004-card p:last-child { margin-bottom:0; }
body.cg-article-004 .cg-a004-sources { margin-top:2rem; font-size:1rem; }
@media(max-width:900px){body.cg-article-004 .cg-a004-card-grid { grid-template-columns:1fr; }}

/* Match saved Article003 hero dimensions and overlay; only Article004 changes. */
body.cg-article-004 .wp-block-post-content {max-width:none;padding:0;}
body.cg-article-004 .cg-a004-body {box-sizing:border-box;max-width:52rem;width:100%;margin:0 auto;padding:clamp(1.25rem,4vw,3rem);}
body.cg-article-004 .cg-a004-reference-hero {position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:520px;padding:72px 6vw;margin:0;border-radius:0;overflow:hidden;}
body.cg-article-004 .cg-a004-reference-hero::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,48,35,.9),rgba(18,48,35,.42));z-index:-1;}
body.cg-article-004 .cg-a004-reference-hero .cg-a004-hero {position:absolute;inset:0;margin:0;width:100%;height:100%;z-index:-2;}
body.cg-article-004 .cg-a004-reference-hero .cg-a004-hero img {width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;box-shadow:none;}
body.cg-article-004 .cg-a004-hero-title {max-width:1000px;}
body.cg-article-004 .cg-a004-hero-title h1 {font:700 clamp(34px,4.3vw,56px)/1.1 Georgia,serif;color:white;margin:12px 0 18px;}
body.cg-article-004 .cg-a004-photo-credit {font-size:.875rem;margin:0 0 1.5rem;color:#4f6055;}
@media(max-width:850px){body.cg-article-004 .cg-a004-reference-hero{min-height:430px;padding:42px 22px;}}
@media(max-width:600px){body.cg-article-004 .cg-a004-reference-hero{padding:38px 20px;}}

/* WordPress flow groups add sibling margins: reset them for equal grid rows. */
body.cg-article-004 .cg-a004-card-grid {align-items:stretch;}
body.cg-article-004 .cg-a004-card-grid > .cg-a004-card {margin-block:0;align-self:stretch;box-sizing:border-box;}
@media(max-width:900px){body.cg-article-004 .cg-a004-card-grid{align-items:start;}body.cg-article-004 .cg-a004-card-grid > .cg-a004-card{align-self:start;height:auto;}}

/* New workflow photos retain their full frame; existing hero layouts are unchanged. */
body.cg-article-004 .cg-a004-reference-hero.cg-a004-preserve-photo {display:block;min-height:0;padding:0;background:#123023;}
body.cg-article-004 .cg-a004-preserve-photo::after {display:none;}
body.cg-article-004 .cg-a004-preserve-photo .cg-a004-hero {position:relative;inset:auto;display:flex;justify-content:center;height:auto;z-index:0;}
body.cg-article-004 .cg-a004-preserve-photo .cg-a004-hero img {width:auto;height:auto;max-width:100%;max-height:60vh;object-fit:contain;}
body.cg-article-004 .cg-a004-preserve-photo .cg-a004-hero-title {margin:0 auto;padding:clamp(1.25rem,4vw,3rem);}

/* Draft 80 tent shortlist: preserve readable columns and scroll within the table. */
body.postid-80 .wp-block-post-content figure.wp-block-table {max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;}
body.postid-80 .wp-block-post-content figure.wp-block-table table {min-width:760px;}
body.postid-80 .wp-block-post-content figure.wp-block-table:focus-visible {outline:3px solid #173c2c;outline-offset:3px;}
body.postid-80 .cg-a004-reference-hero .cg-a004-hero img {object-position:center 20%;}

/* Draft 80: use an alternate vertically stacked tent comparison on phones. */
body.postid-80 .wp-block-post-content figure.wp-block-image.cg-tent-comparison-graphic {
  box-sizing:border-box; width:100%; max-width:100%; overflow:visible;
}
body.postid-80 .wp-block-post-content figure.wp-block-image.cg-tent-comparison-graphic picture,
body.postid-80 .wp-block-post-content figure.wp-block-image.cg-tent-comparison-graphic img {
  display:block; width:100%; height:auto;
}