/* Styles are scoped to the guide only; shared site header/footer are untouched. */
.cmg-page{--i:#493d34;--m:#76695e;--l:#e4ddd5;--p:#f7f4f0;--a:#a58c74;color:var(--i);max-width:1240px;margin:auto;padding:0 24px 80px;line-height:1.75}
.cmg-page *{box-sizing:border-box}.cmg-page img{display:block;width:100%;height:auto;border:1px solid var(--l);background:white}.cmg-page h1,.cmg-page h2,.cmg-page h3,.cmg-page h4{color:var(--i);line-height:1.2;margin-top:0}.cmg-page h1{font-size:clamp(2.3rem,4.5vw,4.4rem);letter-spacing:-.035em}.cmg-page h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.025em;margin-bottom:14px}.cmg-page h3{font-size:1.3rem}.cmg-page p{margin:0 0 15px}.cmg-page ul{padding-left:22px;margin:12px 0 20px}.cmg-page li{margin-bottom:8px}
.cmg-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;padding:60px 0 42px}.cmg-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--a);margin-bottom:12px!important}.cmg-lead{font-size:1.12rem;color:var(--m)}.cmg-muted{color:var(--m);font-size:.93rem}.cmg-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--i);color:white!important;text-decoration:none!important;border:1px solid var(--i);padding:12px 21px;min-height:47px;font-weight:650;cursor:pointer}.cmg-btn:hover{background:white;color:var(--i)!important}.cmg-nav{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0;background:rgba(255,255,255,.97);border-block:1px solid var(--l)}.cmg-nav a{color:var(--i);font-size:.84rem;font-weight:700;text-decoration:none;white-space:nowrap}.cmg-nav span{font-weight:500;color:var(--m);margin-left:4px}
.cmg-section{padding:70px 0;border-bottom:1px solid var(--l);scroll-margin-top:90px}.cmg-tint{background:var(--p);padding:52px 40px;margin:0 -40px;border:0}.cmg-heading{display:grid;grid-template-columns:58px 1fr;gap:20px;max-width:1000px;margin-bottom:30px}.cmg-heading>b{font-size:1.2rem;letter-spacing:.1em;color:var(--a)}.cmg-heading p{font-size:1.03rem;color:var(--m)}.cmg-two{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.cmg-top{align-items:start}.cmg-two figure,.cmg-three figure{margin:0;min-width:0}.cmg-page figcaption{padding:16px 2px 0;color:var(--m);font-size:.94rem}.cmg-page figcaption>b{display:block;color:var(--i);font-size:1.03rem;margin-bottom:5px}.cmg-page figcaption p{margin-bottom:0}.cmg-formula{padding:23px 27px;margin:28px 0;background:#f8f5f1;border-left:3px solid var(--a)}.cmg-formula code{display:block;font-family:inherit;font-weight:700;font-size:clamp(1rem,2vw,1.25rem);white-space:normal;margin:8px 0 12px}.cmg-formula p:last-child{margin-bottom:0}.cmg-tip{padding:20px 24px;background:white;border:1px solid var(--l);margin-top:25px}.cmg-columns{columns:2;column-gap:35px}.cmg-finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.cmg-finish-grid article{background:white;border:1px solid var(--l);padding:22px}.cmg-finish-grid article>b{font-size:.72rem;letter-spacing:.1em;color:var(--a)}.cmg-finish-grid h4{margin:8px 0;font-size:1.1rem}.cmg-finish-grid p{color:var(--m);font-size:.94rem;margin:0}.cmg-three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cmg-heading-grid{align-items:start}.cmg-heading-grid article{padding:20px;background:white;border:1px solid var(--l)}.cmg-heading-grid img{margin-bottom:18px}.cmg-heading-grid p,.cmg-heading-grid li{font-size:.94rem}.cmg-heading-grid ul{margin-bottom:0}
.cmg-calculator{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--l)}.cmg-fields{padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.cmg-fields label{display:flex;flex-direction:column;gap:7px;font-size:.87rem;font-weight:700}.cmg-fields input,.cmg-fields select{font:inherit;padding:11px;border:1px solid #cfc5ba;background:white;color:var(--i);width:100%;min-width:0}.cmg-results{padding:30px;background:var(--p);display:flex;flex-direction:column;justify-content:center}.cmg-results p{font-size:.9rem;color:var(--m);margin:0 0 6px}.cmg-results strong{font-size:2rem;line-height:1.3;margin-bottom:22px;overflow-wrap:anywhere}.cmg-checklist{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.cmg-checklist label{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--l);cursor:pointer}.cmg-checklist input{margin-top:7px;accent-color:var(--a);flex:0 0 auto}.cmg-checklist input:checked+span{text-decoration:line-through;color:var(--m)}.cmg-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.cmg-secondary{background:transparent;color:var(--i)!important}.cmg-page details{padding:19px 0;border-bottom:1px solid var(--l)}.cmg-page summary{font-weight:700;cursor:pointer}.cmg-page details p{margin:12px 0 0;color:var(--m);max-width:900px}.cmg-cta{margin-top:48px;padding:48px;background:var(--p);border:1px solid var(--l)}.cmg-cta p:not(.cmg-eyebrow){max-width:800px;color:var(--m);font-size:1.03rem}
@media(max-width:850px){.cmg-hero,.cmg-two,.cmg-calculator{grid-template-columns:1fr}.cmg-hero{gap:24px;padding-top:40px}.cmg-tint{padding:40px 22px;margin:0 -22px}.cmg-nav{position:static}.cmg-three{grid-template-columns:1fr 1fr}.cmg-cta{padding:35px}}
@media(max-width:580px){.cmg-page{padding-inline:16px}.cmg-section{padding:45px 0}.cmg-tint{padding:32px 16px;margin:0 -16px}.cmg-heading{grid-template-columns:38px 1fr;gap:12px}.cmg-three,.cmg-finish-grid,.cmg-heading-grid,.cmg-checklist,.cmg-fields{grid-template-columns:1fr}.cmg-columns{columns:1}.cmg-nav{gap:8px 12px}.cmg-nav a{font-size:.78rem}.cmg-results strong{font-size:1.65rem}.cmg-cta{padding:27px 20px}}

/* SEO guide media and internal links; all styles remain scoped to this page. */
.cmg-image-banner{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:28px 0 42px}.cmg-image-banner img{height:100%;max-height:330px;object-fit:cover}.cmg-image-banner h2{font-size:clamp(1.6rem,2.7vw,2.3rem)}
.cmg-detail-grid,.cmg-panel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0 32px}.cmg-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cmg-detail-grid figure,.cmg-panel-grid figure{margin:0;min-width:0}.cmg-detail-grid img,.cmg-panel-grid img{aspect-ratio:4/3;object-fit:cover}.cmg-preview{margin:0 0 22px}.cmg-preview img{max-height:460px;object-fit:contain;background:#f8f5f1}.cmg-cta-image{max-height:300px;object-fit:cover;margin-bottom:25px}.cmg-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cmg-related-grid a{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--l);text-decoration:none;color:var(--i);background:white}.cmg-related-grid a:hover{border-color:var(--a)}.cmg-related-grid span{font-size:.92rem;color:var(--m)}
@media(max-width:850px){.cmg-image-banner{grid-template-columns:1fr}.cmg-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cmg-related-grid{grid-template-columns:1fr}}
@media(max-width:580px){.cmg-detail-grid,.cmg-panel-grid{grid-template-columns:1fr}.cmg-image-banner{padding:28px 0}.cmg-panel-grid img{aspect-ratio:3/2}}

.cmg-finish-grid img{width:100%;aspect-ratio:1/1;object-fit:contain;margin-bottom:14px;background:#fff}.cmg-secondary-photo{margin-top:16px}.cmg-secondary-photo img{aspect-ratio:3/2;object-fit:cover}

.cmg-style-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cmg-style-gallery figure{margin:0;min-width:0;border:1px solid var(--l);padding:10px;background:#fff}.cmg-style-gallery img{aspect-ratio:3/2;object-fit:cover}.cmg-style-gallery figcaption{padding:12px 2px 2px}.cmg-style-gallery figcaption p{margin:4px 0 0;font-size:.9rem}@media(max-width:850px){.cmg-style-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.cmg-style-gallery{grid-template-columns:1fr}}


/* Hero redesign: large edge-to-edge image with headline and copy overlaid. */
.cmg-page .cmg-hero{
  position:relative;
  display:flex;
  align-items:center;
  isolation:isolate;
  min-height:clamp(500px, 48vw, 650px);
  padding:clamp(36px, 5vw, 72px);
  margin:28px 0 42px;
  overflow:hidden;
  background:#3f352d;
  color:#fff;
}
.cmg-page .cmg-hero-media{
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
}
.cmg-page .cmg-hero-media img{
  width:100%;
  height:100%;
  min-height:100%;
  object-fit:cover;
  object-position:center 48%;
  border:0;
  background:#3f352d;
}
.cmg-page .cmg-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg, rgba(25,21,18,.82) 0%, rgba(25,21,18,.66) 42%, rgba(25,21,18,.12) 100%);
  pointer-events:none;
}
.cmg-page .cmg-hero-copy{
  position:relative;
  z-index:1;
  width:min(650px, 68%);
  color:#fff;
}
.cmg-page .cmg-hero .cmg-eyebrow{color:#e5c7a6}
.cmg-page .cmg-hero h1{
  color:#fff;
  max-width:720px;
  margin:0 0 22px;
  font-size:clamp(2.6rem, 5.4vw, 5rem);
  line-height:1.04;
  letter-spacing:-.045em;
}
.cmg-page .cmg-hero .cmg-lead{
  max-width:610px;
  color:rgba(255,255,255,.94);
  font-size:clamp(1rem, 1.35vw, 1.18rem);
  line-height:1.7;
}
.cmg-page .cmg-hero .cmg-muted{
  max-width:590px;
  margin-top:18px;
  color:rgba(255,255,255,.78);
}
.cmg-page .cmg-hero .cmg-btn{
  background:#fff;
  color:#493d34!important;
  border-color:#fff;
}
.cmg-page .cmg-hero .cmg-btn:hover{
  background:#e8d8c8;
  border-color:#e8d8c8;
}
@media(max-width:850px){
  .cmg-page .cmg-hero{
    min-height:560px;
    padding:36px 28px;
    margin-top:18px;
  }
  .cmg-page .cmg-hero-copy{width:min(680px,100%)}
  .cmg-page .cmg-hero::after{
    background:linear-gradient(90deg,rgba(25,21,18,.78),rgba(25,21,18,.42)),linear-gradient(0deg,rgba(25,21,18,.28),transparent 65%);
  }
}
@media(max-width:580px){
  .cmg-page .cmg-hero{
    min-height:560px;
    padding:28px 22px;
    margin:12px 0 28px;
  }
  .cmg-page .cmg-hero h1{font-size:clamp(2.35rem, 11vw, 3.5rem)}
  .cmg-page .cmg-hero .cmg-lead{font-size:1rem;line-height:1.6}
  .cmg-page .cmg-hero-media img{object-position:58% center}
}