/*
Theme Name: Maximum Grace Co. V55
Theme URI: https://maximumgraceco.com/
Author: OpenAI with Maximum Grace Co.
Description: Custom editorial theme created to match the Maximum Grace Canva design while keeping menus, links, posts, and resources editable in WordPress.
Version: 55.0
Text Domain: maximum-grace
*/

:root{
  --mg-cream:#f8f6f2;
  --mg-linen:#efeae3;
  --mg-walnut:#6b5447;
  --mg-taupe:#cbb9a8;
  --mg-olive:#7c8266;
  --mg-charcoal:#3f3f3f;
  --mg-gold:#c6a86b;
  --mg-white:#ffffff;
  --mg-max:1648px;

  /* Canva typography:
     Headline/Nav: Belleza (loaded exactly from Google Fonts)
     Body: TT Drugs first, then Tenor Sans as the closest web fallback
     Script: WindSong webfont, chosen as a closer web-safe approximation to the Canva Warm Script look
  */
  --mg-headline:"Belleza", "Trebuchet MS", Arial, sans-serif;
  --mg-nav:"Belleza", "Trebuchet MS", Arial, sans-serif;
  --mg-body:"TT Drugs", "Tenor Sans", "Helvetica Neue", Arial, sans-serif;
  --mg-script:"WindSong", "Signature", "Warm Script", "Segoe Script", cursive;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--mg-cream);
  color:var(--mg-charcoal);
  font-family:var(--mg-body);
  font-weight:400;
  line-height:1.42;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
img{max-width:100%;height:auto}

/* HEADER */
.mg-header{
  position:relative;
  z-index:50;
  background:#fff;
  border-bottom:1px solid rgba(63,63,63,.15);
}
.mg-header-inner{
  max-width:var(--mg-max);
  margin:0 auto;
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:38px;
  padding:8px 44px;
}
.mg-brand{
  display:flex;
  align-items:center;
  min-width:0;
  flex:0 0 auto;
  text-decoration:none;
}
.mg-original-logo{
  display:block;
  width:440px;
  max-width:31vw;
  height:auto;
}
.mg-nav{margin-left:auto;min-width:0}
.mg-nav ul{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:33px;
  list-style:none;
  margin:0;
  padding:0;
}
.mg-nav a{
  text-decoration:none;
  font-family:var(--mg-nav);
  font-size:25px;
  line-height:1;
  font-weight:400;
  color:#2e2a28;
  white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:-.015em;
  transition:opacity .2s ease;
}
.mg-nav a:hover,.mg-nav .current-menu-item>a{opacity:.62}
.mg-menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer;color:#2f2b29}
.mg-menu-toggle span{display:block;width:28px;height:2px;background:currentColor;margin:6px 0}

/* HOME HERO */
.mg-home-hero{
  position:relative;
  min-height:calc(100vh - 88px);
  background-image:url('assets/images/hero-home.jpg');
  background-size:cover;
  background-position:center center;
  overflow:hidden;
}
.mg-home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.82) 0%,
      rgba(255,255,255,.74) 28%,
      rgba(255,255,255,.60) 48%,
      rgba(255,255,255,.28) 66%,
      rgba(255,255,255,.06) 80%);
  pointer-events:none;
}
.mg-home-hero-inner{
  position:relative;
  z-index:2;
  max-width:var(--mg-max);
  margin:0 auto;
  padding:138px 0 84px 112px;
}
.mg-hero-copy{
  width:min(860px,63vw);
  background:transparent;
}
.mg-hero-text-panel{
  background:transparent;
}
.mg-hero-title{
  margin:0 0 12px;
  font-family:var(--mg-headline);
  font-size:43px;
  line-height:1.05;
  font-weight:400 !important;
  font-synthesis:none;
  color:#3b3633;
  letter-spacing:-.01em;
  text-shadow:none;
}
.mg-hero-script{
  margin:0 0 24px 12px;
  font-family:"WindSong", cursive !important;
  font-size:46px;
  line-height:.96;
  font-weight:400 !important;
  font-synthesis:none;
  color:#393330;
  letter-spacing:0;
  max-width:600px;
  white-space:nowrap;
}
.mg-quote-label{
  font-family:var(--mg-body);
  font-size:21px;
  line-height:1.35;
  font-weight:400 !important;
  margin:0 0 4px;
  color:#3e3d3b;
}
.mg-quote{
  margin:0 0 16px;
  font-family:var(--mg-body);
  font-size:21px;
  line-height:1.38;
  font-weight:400 !important;
  max-width:820px;
  color:#3e3d3b;
}
.mg-hero-body{
  font-family:var(--mg-body);
  font-size:21px;
  line-height:1.42;
  font-weight:400 !important;
  max-width:790px;
  margin:0 0 12px;
  color:#41403e;
}
.mg-hero-buttons{
  display:flex;
  gap:22px;
  align-items:center;
  margin-top:22px;
  flex-wrap:wrap;
}
.mg-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:260px;
  min-height:60px;
  padding:14px 28px;
  background:transparent;
  color:#fff;
  border:0;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-family:var(--mg-body);
  font-weight:400;
  font-size:17px;
  line-height:1.15;
  transition:background .2s ease, transform .2s ease;
}
.mg-button-primary{background:#6b5447;color:#fff}
.mg-button-primary:hover{background:#58453b;transform:translateY(-1px)}
.mg-button-secondary{background:#f3eadf;color:#6b5447;border:1px solid rgba(107,84,71,.30)}
.mg-button-secondary:hover{background:#e8dccf;transform:translateY(-1px)}

@media (min-width:901px){
  .mg-home-hero::before{background:none}
  .mg-hero-copy{width:min(850px,62vw)}
  .mg-hero-text-panel{
    width:min(820px,100%);
    padding:30px 38px 28px;
    background:rgba(255,255,255,.68);
  }
  .mg-hero-script{margin-left:6px}
  .mg-hero-buttons{margin-top:20px;padding-left:0}
}

/* GENERIC CONTENT */
.mg-content-wrap{max-width:1180px;margin:0 auto;padding:84px 30px}
.mg-entry-title{
  font-family:var(--mg-headline);
  font-size:56px;
  line-height:1.05;
  font-weight:400;
  color:var(--mg-walnut);
  margin:0 0 28px;
}
.mg-entry-content{font-family:var(--mg-body);font-size:18px;font-weight:400}
.mg-entry-content h2,.mg-entry-content h3{
  font-family:var(--mg-headline);
  font-weight:400;
  color:var(--mg-walnut);
}

/* POSTS */
.mg-post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.mg-card{background:#fff;border:1px solid #e6dfd7;padding:18px}
.mg-card h2{font-family:var(--mg-headline);font-weight:400;margin:14px 0 8px}

@media (max-width:1350px){
  .mg-header-inner{padding:8px 28px;gap:26px}
  .mg-original-logo{width:390px;max-width:29vw}
  .mg-nav ul{gap:25px}
  .mg-nav a{font-size:22px}
}

@media (max-width:1100px){
  .mg-header-inner{padding:8px 22px}
  .mg-original-logo{width:360px;max-width:38vw}
  .mg-nav ul{gap:18px}
  .mg-nav a{font-size:19px}
  .mg-home-hero-inner{padding:118px 0 72px 70px}
  .mg-hero-copy{width:min(760px,72vw)}
}

@media (max-width:900px){
  .mg-hero-text-panel{
    background:rgba(255,255,255,.72);
    padding:24px 26px 22px;
  }
  .mg-header-inner{min-height:76px}
  .mg-original-logo{width:min(62vw,420px);max-width:none}
  .mg-menu-toggle{display:block}
  .mg-nav{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#fff;
    border-top:1px solid #eee;
    display:none;
    box-shadow:0 10px 30px rgba(0,0,0,.08)
  }
  .mg-nav.is-open{display:block}
  .mg-nav ul{display:block;padding:14px 24px 22px}
  .mg-nav li{border-bottom:1px solid #eee}
  .mg-nav li:last-child{border-bottom:0}
  .mg-nav a{display:block;padding:13px 0;font-size:22px}
  .mg-home-hero{min-height:auto;background-position:64% center}
  .mg-home-hero::before{background:rgba(255,255,255,.08)}
  .mg-home-hero-inner{padding:76px 28px 64px}
  .mg-hero-copy{width:100%}
  .mg-hero-title{font-size:36px}
  .mg-hero-script{margin:6px 0 18px 8px;font-size:42px;white-space:normal;max-width:none}
  .mg-quote-label,.mg-quote,.mg-hero-body{font-size:17px}
  .mg-button{min-width:220px}
  .mg-post-list{grid-template-columns:1fr}
}

@media (max-width:560px){
  .mg-header-inner{padding:7px 16px}
  .mg-hero-text-panel{padding:20px 18px 18px}
  .mg-original-logo{width:min(72vw,350px);max-width:none}
  .mg-home-hero-inner{padding:42px 16px 48px}
  .mg-hero-title{font-size:30px}
  .mg-hero-script{font-size:34px;margin:6px 0 14px 4px;white-space:normal;max-width:none}
  .mg-quote-label,.mg-quote,.mg-hero-body{font-size:18px}
  .mg-hero-buttons{gap:12px}
  .mg-button{width:100%;min-width:0}
}


/* =========================================================
   ABOUT MAXIMUM GRACE
   ========================================================= */
.mg-about-page,
.mg-meet-page,
.mg-story-page{
  background:#f3eee7;
  color:#755f52;
}
.mg-about-page * ,
.mg-meet-page * ,
.mg-story-page *{
  font-weight:400;
}
.mg-about-shell{
  max-width:1740px;
  margin:0 auto;
  padding:54px 72px 0;
}
.mg-about-columns{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:0;
  margin-bottom:42px;
}
.mg-about-column{
  text-align:center;
  padding:0 52px 8px;
  min-height:245px;
  position:relative;
}
.mg-about-column + .mg-about-column::before{
  content:"";
  position:absolute;
  left:0;
  top:22px;
  bottom:18px;
  width:1px;
  background:#d7b98a;
}
.mg-about-column h2{
  margin:0 0 33px;
  font-family:var(--mg-headline);
  font-size:31px;
  line-height:1.1;
  font-weight:400;
  color:#755f52;
  text-transform:uppercase;
  letter-spacing:.005em;
}
.mg-about-column p{
  margin:0 auto;
  max-width:500px;
  font-family:var(--mg-body);
  font-size:23px;
  line-height:1.45;
  color:#755f52;
}
.mg-about-lower{
  display:grid;
  grid-template-columns:minmax(0, .93fr) minmax(0, 1.17fr);
  gap:74px;
  align-items:center;
  padding:8px 26px 34px;
}
.mg-about-photo-wrap{display:flex;justify-content:center}
.mg-about-photo{
  display:block;
  width:100%;
  max-width:735px;
  aspect-ratio:735/505;
  object-fit:cover;
}
.mg-about-verse{
  position:relative;
  min-height:470px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:40px 175px 20px 34px;
  text-align:center;
}
.mg-about-verse blockquote{
  margin:0;
  position:relative;
  max-width:670px;
  font-family:var(--mg-headline);
  font-size:41px;
  line-height:1.65;
  color:#755f52;
}
.mg-about-verse blockquote::before{
  position:absolute;
  color:#d2ad60;
  font-family:Georgia,serif;
  font-size:84px;
  line-height:1;
}
.mg-about-verse blockquote::before{content:"“";left:-28px;top:-20px}
.mg-about-closequote{
  display:block;
  width:100%;
  max-width:670px;
  margin:-8px 0 -2px;
  padding-right:34px;
  text-align:right;
  color:#d2ad60;
  font-family:Georgia,serif;
  font-size:84px;
  line-height:.55;
}
.mg-about-cite{
  display:block;
  margin-top:8px;
  font-family:var(--mg-headline);
  font-size:38px;
  color:#755f52;
}
.mg-about-leaf{
  position:absolute;
  right:6px;
  top:calc(48% - 54px);
  width:165px;
  transform:translateY(-50%);
  opacity:.78;
  mix-blend-mode:normal;
  background:transparent;
}
.mg-meet-amy-cta{
  margin-top:38px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:300px;
  min-height:70px;
  padding:10px 24px;
  background:#d2b982;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-family:var(--mg-body);
  font-size:18px;
  line-height:1.35;
}
.mg-meet-amy-cta:hover{background:#b39763}
.mg-connect-band{
  margin-top:0;
  background:#8f9475;
  min-height:150px;
  display:grid;
  grid-template-columns:1.1fr 1.25fr .95fr 1fr;
  gap:30px;
  align-items:center;
  padding:26px max(36px,calc((100vw - 1500px)/2));
}
.mg-connect-script{
  font-family:var(--mg-script);
  font-size:52px;
  line-height:1;
  color:#fff;
  white-space:nowrap;
}
.mg-connect-copy{
  text-align:center;
  color:#d9b769;
  font-family:var(--mg-body);
  font-size:21px;
  line-height:1.35;
}
.mg-connect-input{
  width:100%;
  height:62px;
  border:0;
  border-radius:0;
  background:#929292;
  color:#fff;
  font-family:var(--mg-body);
  font-size:17px;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.12em;
  padding:0 18px;
}
.mg-connect-input::placeholder{color:#fff;opacity:1}
.mg-connect-submit{
  width:100%;
  height:62px;
  border:0;
  border-radius:0;
  background:#836958;
  color:#fff;
  font-family:var(--mg-body);
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:.12em;
  cursor:pointer;
}
.mg-connect-submit:hover{background:#6e5547}

/* =========================================================
   MEET AMY
   ========================================================= */
.mg-meet-page{padding-bottom:0}
.mg-meet-topbar{
  height:44px;
  margin:48px auto 0;
  max-width:1800px;
  background:linear-gradient(90deg,#d5bba3,#e3cbb4,#d5bba3);
}
.mg-meet-shell{
  max-width:1800px;
  margin:0 auto;
  padding:36px 70px 54px;
}
.mg-meet-headings{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  align-items:end;
  gap:64px;
  margin-bottom:30px;
}
.mg-meet-title{
  margin:0;
  padding-left:145px;
  font-family:var(--mg-headline);
  font-size:73px;
  line-height:1;
  color:#755f52;
  font-weight:400;
}
.mg-meet-kicker{
  text-align:center;
  color:#3f3a37;
  padding:0 22px;
}
.mg-meet-kicker-main{
  display:block;
  margin:0 0 12px;
  font-family:var(--mg-headline);
  font-size:47px;
  line-height:1.05;
  text-transform:uppercase;
  letter-spacing:.015em;
}
.mg-meet-kicker-script{
  display:block;
  margin:0 0 18px;
  font-family:var(--mg-script);
  font-size:57px;
  line-height:1;
  color:#755f52;
}
.mg-meet-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:64px;
  align-items:start;
}
.mg-meet-grid > div:first-child{
  display:flex;
  justify-content:center;
  align-items:flex-start;
}
.mg-meet-photo{
  width:100%;
  max-width:840px;
  min-height:690px;
  display:block;
  margin:0 auto;
  object-fit:cover;
  object-position:center top;
}
.mg-meet-copy{
  max-width:760px;
  margin:0 auto;
  color:#4d4a48;
  font-family:var(--mg-body);
  font-size:22px;
  line-height:1.34;
  padding:2px 24px 0;
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
}
.mg-meet-copy p{
  margin:0 0 16px;
}
.mg-meet-copy .mg-meet-lead{
  font-size:23px;
  line-height:1.34;
  letter-spacing:.025em;
  margin-bottom:17px;
}
.mg-read-more{
  display:flex;
  width:290px;
  min-height:68px;
  margin:26px auto 0;
  align-items:center;
  justify-content:center;
  background:#a39389;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-family:var(--mg-body);
  font-size:18px;
}
.mg-read-more:hover{background:#8b776b}

/* =========================================================
   MY STORY (continuation page shell)
   ========================================================= */
.mg-story-shell{
  max-width:1050px;
  margin:0 auto;
  padding:86px 30px 110px;
}
.mg-story-title{
  margin:0 0 16px;
  font-family:var(--mg-headline);
  font-size:64px;
  font-weight:400;
  color:#755f52;
}
.mg-story-script{
  margin:0 0 42px;
  font-family:var(--mg-script);
  font-size:48px;
  color:#8b7466;
}
.mg-story-content{
  font-family:var(--mg-body);
  font-size:21px;
  line-height:1.65;
  color:#4b4744;
}
.mg-story-placeholder{
  border-top:1px solid #d8c7b8;
  padding-top:28px;
  color:#76685f;
  font-size:18px;
}

@media (max-width:1250px){
  .mg-about-shell{padding-left:40px;padding-right:40px}
  .mg-about-column{padding-left:32px;padding-right:32px}
  .mg-about-column p{font-size:21px}
  .mg-about-lower{gap:42px}
  .mg-about-verse{padding-right:130px}
  .mg-about-verse blockquote{font-size:34px}
  .mg-about-cite{font-size:32px}
  .mg-connect-band{grid-template-columns:1fr 1.3fr .9fr 1fr}
  .mg-connect-script{font-size:44px}
  .mg-meet-shell{padding-left:40px;padding-right:40px}
  .mg-meet-title{padding-left:90px;font-size:62px}
  .mg-meet-kicker-main{font-size:42px}
  .mg-meet-kicker-script{font-size:54px}
  .mg-meet-copy{font-size:22px;padding-right:12px}
}
@media (max-width:900px){
  .mg-about-shell{padding:42px 24px 0}
  .mg-about-columns{grid-template-columns:1fr;margin-bottom:22px}
  .mg-about-column{min-height:auto;padding:0 12px 34px}
  .mg-about-column + .mg-about-column{padding-top:34px}
  .mg-about-column + .mg-about-column::before{left:18%;right:18%;top:0;bottom:auto;width:auto;height:1px}
  .mg-about-column h2{margin-bottom:15px;font-size:28px}
  .mg-about-column p{font-size:19px}
  .mg-about-lower{grid-template-columns:1fr;gap:24px;padding:0 0 32px}
  .mg-about-verse{min-height:390px;padding:30px 88px 20px 20px}
  .mg-about-verse blockquote{font-size:31px;line-height:1.5}
  .mg-about-verse blockquote::before{left:-18px;top:-20px;font-size:74px}
  .mg-about-closequote{font-size:74px;max-width:100%;padding-right:20px;margin:-4px 0 0}
  .mg-about-cite{font-size:29px}
  .mg-about-leaf{width:110px;right:-8px;top:calc(42% - 28px)}
  .mg-connect-band{grid-template-columns:1fr;gap:16px;text-align:center;padding:28px 24px}
  .mg-connect-script{white-space:normal;text-align:center}
  .mg-connect-input,.mg-connect-submit{max-width:520px;margin:0 auto}
  .mg-meet-topbar{margin-top:24px;height:30px}
  .mg-meet-shell{padding:32px 24px 48px}
  .mg-meet-headings{grid-template-columns:1fr;gap:18px;text-align:center;margin-bottom:24px}
  .mg-meet-title{padding-left:0;text-align:center;font-size:58px}
  .mg-meet-kicker-main{font-size:36px}
  .mg-meet-kicker-script{font-size:48px}
  .mg-meet-grid{grid-template-columns:1fr;gap:28px}
  .mg-meet-photo{max-width:680px}
  .mg-meet-copy{font-size:20px;padding:0;max-width:760px;margin:0 auto}
  .mg-meet-copy .mg-meet-lead{font-size:22px}
  .mg-read-more{margin:24px auto 0}
}
@media (max-width:560px){
  .mg-about-shell{padding:30px 16px 0}
  .mg-about-column h2{font-size:25px}
  .mg-about-column p{font-size:18px;line-height:1.42}
  .mg-about-verse{min-height:330px;padding:28px 30px 20px}
  .mg-about-verse blockquote{font-size:27px;line-height:1.5}
  .mg-about-verse blockquote::before{left:-12px;top:-26px;font-size:64px}
  .mg-about-closequote{font-size:64px;max-width:100%;padding-right:8px;margin:-2px 0 0}
  .mg-about-cite{font-size:25px}
  .mg-about-leaf{display:none}
  .mg-meet-amy-cta{min-width:250px;font-size:15px}
  .mg-connect-script{font-size:42px}
  .mg-connect-copy{font-size:18px}
  .mg-meet-title{font-size:48px}
  .mg-meet-kicker-main{font-size:29px;margin-bottom:8px}
  .mg-meet-kicker-script{font-size:40px;margin-bottom:10px}
  .mg-meet-copy{font-size:18px;line-height:1.42;text-align:center;padding-left:0;padding-right:0}
  .mg-meet-copy .mg-meet-lead{font-size:19px}
  .mg-read-more{width:250px;min-height:60px;font-size:16px}
  .mg-story-title{font-size:48px}
  .mg-story-script{font-size:40px}
  .mg-story-content{font-size:18px}
}

.screen-reader-text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}


/* =========================================================
   LIVE GRACE
   ========================================================= */
.mg-live-page{
  background:#fff;
  color:#745f52;
  padding-bottom:0;
}
.mg-live-hero{
  width:100%;
  overflow:hidden;
  background:#3f2c22;
}
.mg-live-hero img{
  display:block;
  width:100%;
  height:auto;
}
.mg-live-paths{
  max-width:1760px;
  margin:0 auto;
  padding:42px 68px 78px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  /* Stretch all three columns to the height of the tallest column so
     both vertical separators are identical in length. */
  align-items:stretch;
}
.mg-live-path{
  position:relative;
  text-align:center;
  padding:0 58px 42px;
  min-height:500px;
}
.mg-live-path + .mg-live-path::before{
  content:"";
  position:absolute;
  left:0;
  top:102px;
  bottom:28px;
  width:1px;
  background:#a89283;
}
.mg-live-path h2{
  margin:0 0 14px;
  font-family:var(--mg-headline);
  font-size:47px;
  line-height:1;
  font-weight:400;
  color:#745f52;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.mg-live-script{
  margin:18px 0 24px;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--mg-script);
  font-size:44px;
  line-height:1;
  font-weight:400;
  color:#312d2a;
}
.mg-live-highlight{
  margin:0 0 17px;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--mg-headline);
  font-size:36px;
  line-height:1.15;
  font-weight:400;
  color:#d0ad63;
  white-space:nowrap;
}
.mg-live-list{
  margin:0;
  padding:0;
  list-style:none;
  font-family:var(--mg-body);
  font-size:28px;
  line-height:1.42;
  font-weight:400;
  color:#745f52;
}
.mg-live-list li{margin:5px 0}
.mg-live-balanced-two{display:inline-block;min-width:310px;text-align:center;line-height:1.32}
.mg-live-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:300px;
  min-height:70px;
  margin:30px auto 0;
  padding:10px 24px;
  background:#8f796a;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-family:var(--mg-body);
  font-size:17px;
  line-height:1.15;
  font-weight:400;
}
.mg-live-cta:hover{background:#755f52}

@media (max-width:1250px){
 .mg-live-paths{padding:38px 32px 64px}
  .mg-live-path{padding:0 30px 34px;min-height:455px}
  .mg-live-path h2{font-size:39px}
  .mg-live-script{font-size:40px;margin:16px 0 22px;min-height:54px}
  .mg-live-highlight{font-size:31px}
  .mg-live-list{font-size:24px;line-height:1.42}
  .mg-live-cta{width:270px}
}
@media (max-width:900px){
 .mg-live-paths{grid-template-columns:1fr;padding:34px 24px 50px}
  .mg-live-path{min-height:auto;padding:26px 18px 36px}
  .mg-live-path + .mg-live-path::before{
    left:15%;right:15%;top:0;bottom:auto;width:auto;height:1px;
  }
  .mg-live-path h2{font-size:36px}
  .mg-live-script{font-size:38px;margin:14px 0 20px;min-height:50px}
  .mg-live-highlight{font-size:29px}
  .mg-live-list{font-size:22px;line-height:1.42}
}
@media (max-width:560px){
  .mg-live-hero img{min-width:820px;width:820px;max-width:none;transform:translateX(-44%)}
 .mg-live-paths{padding:24px 16px 40px}
  .mg-live-path{padding-left:8px;padding-right:8px}
  .mg-live-path h2{font-size:31px}
  .mg-live-script{font-size:34px;margin:12px 0 18px;min-height:46px}
  .mg-live-highlight{font-size:26px}
  .mg-live-list{font-size:20px;line-height:1.4}
  .mg-live-cta{width:250px;min-height:60px;font-size:15px}
}

@media (max-width:900px){.mg-live-balanced-two{min-width:0}.mg-live-highlight{white-space:normal;min-height:0}}

/* =========================================================
   RESOURCES — V22
   The upper page uses Amy's approved Resources mockup as the
   visual master. Transparent responsive hotspots keep the six
   resource areas clickable while preserving the exact artwork.
   ========================================================= */
.mg-resources-page{
  padding:0;
  background:#f7f3ef;
}
.mg-resources-board{
  position:relative;
  width:100%;
  max-width:1920px;
  margin:0 auto;
  line-height:0;
  background:#f6f2ee;
}
.mg-resources-reference{
  display:block;
  width:100%;
  height:auto;
}
.mg-resource-hotspot{
  position:absolute;
  display:block;
  z-index:2;
  border-radius:10px;
  cursor:pointer;
  line-height:1;
  text-decoration:none;
}
.mg-resource-hotspot:focus-visible{
  outline:3px solid rgba(107,84,71,.72);
  outline-offset:-5px;
}
.mg-resource-free{left:6.2%;top:49.8%;width:28.2%;height:24.0%}
.mg-resource-prayers{left:35.7%;top:49.8%;width:28.6%;height:24.0%}
.mg-resource-emails{left:65.2%;top:49.8%;width:28.4%;height:24.0%}
.mg-resource-journal{left:6.2%;top:73.0%;width:28.2%;height:26.4%}
.mg-resource-coaching{left:35.7%;top:73.0%;width:28.6%;height:26.4%}
.mg-resource-shop{left:65.2%;top:73.0%;width:28.4%;height:26.4%}

/* V23: preserve the established Stay Connected footer exactly,
   while keeping its center message to two lines on desktop. */
.mg-connect-copy-two-lines span{display:block;white-space:nowrap}
.mg-connect-submit:disabled{cursor:default;opacity:1}
@media (max-width:1250px) and (min-width:901px){
  .mg-connect-copy-two-lines{font-size:18px}
}
@media (max-width:900px){
  .mg-connect-copy-two-lines span{white-space:normal}
}


/* =========================================================
   SHOP PAGE — V24
   Exact desktop composition from the supplied Maximum Grace
   shop mockup. Category destinations remain editable under
   Appearance > Maximum Grace Links.
   ========================================================= */
.mg-shop-body{
  background:#fff;
}
.mg-shop-body .mg-header{
  background:#b89e81;
  border-bottom:4px solid #3f3f3f;
}
.mg-shop-body .mg-header-inner{
  max-width:none;
  min-height:102px;
  padding:7px 28px 7px 28px;
  gap:36px;
}
.mg-shop-body .mg-original-logo{
  width:650px;
  max-width:40vw;
  mix-blend-mode:multiply;
}
.mg-shop-body .mg-nav ul{
  gap:31px;
}
.mg-shop-body .mg-nav a{
  font-size:27px;
  color:#30302f;
}
.mg-shop-page{
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
}
.mg-shop-board{
  position:relative;
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
}
.mg-shop-reference{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
.mg-shop-hotspot{
  position:absolute;
  top:56.4%;
  height:33.8%;
  z-index:3;
  display:block;
  text-decoration:none;
  cursor:pointer;
  border:0;
  outline-offset:4px;
  line-height:normal;
}
.mg-shop-hotspot:focus-visible{
  outline:2px solid #6b5447;
}
.mg-shop-books{left:5.7%;width:18.2%}
.mg-shop-journals{left:23.9%;width:17.4%}
.mg-shop-prayer-cards{left:41.4%;width:17.5%}
.mg-shop-apparel{left:58.8%;width:17.6%}
.mg-shop-gift-boxes{left:76.2%;width:18.0%}

@media (max-width:1350px){
  .mg-shop-body .mg-header-inner{padding-left:24px;padding-right:24px;gap:24px}
  .mg-shop-body .mg-original-logo{width:560px;max-width:39vw}
  .mg-shop-body .mg-nav ul{gap:24px}
  .mg-shop-body .mg-nav a{font-size:23px}
}
@media (max-width:1100px){
  .mg-shop-body .mg-header-inner{min-height:92px}
  .mg-shop-body .mg-original-logo{width:470px;max-width:42vw}
  .mg-shop-body .mg-nav ul{gap:17px}
  .mg-shop-body .mg-nav a{font-size:20px}
}
@media (max-width:900px){
  .mg-shop-body .mg-header{border-bottom-width:2px}
  .mg-shop-body .mg-header-inner{min-height:76px;padding:7px 16px}
  .mg-shop-body .mg-original-logo{width:min(70vw,460px);max-width:none}
  .mg-shop-body .mg-nav{background:#b89e81}
  .mg-shop-body .mg-nav a{font-size:22px}
}


/* =========================================================
   CONTACT PAGE — V25
   Uses the supplied Contact mockup as the visual master.
   The Email and Website rows are transparent clickable areas;
   their destinations remain editable under Appearance >
   Maximum Grace Links.
   ========================================================= */
.mg-contact-body{
  background:#fff;
}
.mg-contact-page{
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
}
.mg-contact-board{
  position:relative;
  width:100%;
  max-width:1920px;
  margin:0 auto;
  padding:0;
  line-height:0;
  overflow:hidden;
}
.mg-contact-reference{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
.mg-contact-hotspot{
  position:absolute;
  z-index:3;
  display:block;
  text-decoration:none;
  cursor:pointer;
  line-height:normal;
  border-radius:10px;
  outline-offset:4px;
}
.mg-contact-hotspot:focus-visible{
  outline:3px solid rgba(107,84,71,.78);
}
/* Coordinates measured from the supplied 1648 × 928 mockup. */
.mg-contact-email{
  left:21.8%;
  top:51.8%;
  width:36.5%;
  height:10.6%;
}
.mg-contact-website{
  left:21.8%;
  top:62.1%;
  width:36.5%;
  height:10.7%;
}
@media (max-width:900px){
  .mg-contact-board{
    min-width:760px;
    width:760px;
    left:50%;
    transform:translateX(-50%);
  }
}


/* =========================================================
   MY STORY — V26
   Reproduces the supplied My Story mockup while keeping the
   WordPress navigation live. The Coaching Connection visual
   remains clickable without altering the supplied artwork.
   ========================================================= */
.mg-story-body{
  background:#f4f6f6;
}
.mg-story-body .mg-header{
  background:#b89e81;
  border-bottom:4px solid #3f3f3f;
}
.mg-story-body .mg-header-inner{
  max-width:none;
  min-height:102px;
  padding:7px 28px;
  gap:36px;
}
.mg-story-body .mg-original-logo{
  width:650px;
  max-width:40vw;
  mix-blend-mode:multiply;
}
.mg-story-body .mg-nav ul{gap:31px}
.mg-story-body .mg-nav a{
  font-size:27px;
  color:#30302f;
}
.mg-story-page{
  width:100%;
  margin:0;
  padding:0;
  background:#f4f6f6;
}
.mg-story-board{
  position:relative;
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
}
.mg-story-reference{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
.mg-story-coaching-hotspot{
  position:absolute;
  left:65.2%;
  top:59.7%;
  width:16.1%;
  height:8.0%;
  z-index:3;
  display:block;
  text-decoration:none;
  cursor:pointer;
  outline-offset:4px;
}
.mg-story-coaching-hotspot:focus-visible{outline:2px solid #6b5447}

@media (max-width:1350px){
  .mg-story-body .mg-header-inner{padding-left:24px;padding-right:24px;gap:24px}
  .mg-story-body .mg-original-logo{width:560px;max-width:39vw}
  .mg-story-body .mg-nav ul{gap:24px}
  .mg-story-body .mg-nav a{font-size:23px}
}
@media (max-width:1100px){
  .mg-story-body .mg-header-inner{min-height:92px}
  .mg-story-body .mg-original-logo{width:470px;max-width:42vw}
  .mg-story-body .mg-nav ul{gap:17px}
  .mg-story-body .mg-nav a{font-size:20px}
}
@media (max-width:900px){
  .mg-story-body .mg-header{border-bottom-width:2px}
  .mg-story-body .mg-header-inner{min-height:76px;padding:7px 16px}
  .mg-story-body .mg-original-logo{width:min(70vw,460px);max-width:none}
  .mg-story-body .mg-nav{background:#b89e81}
  .mg-story-body .mg-nav a{font-size:22px}
}

/* =========================================================
   MOBILE RESPONSIVE PASS — V27
   Desktop mockups remain unchanged above 900px. On phones and
   tablets, My Story, Resources and Shop switch to readable,
   stacked layouts that preserve the approved imagery and links.
   ========================================================= */
.mg-story-mobile,
.mg-resources-mobile,
.mg-shop-mobile{display:none}

@media (max-width:900px){
  /* MY STORY */
  .mg-story-desktop{display:none}
  .mg-story-mobile{display:block;background:#f4f6f6;color:#514b47}
  .mg-story-mobile-inner{max-width:700px;margin:0 auto;padding:38px 22px 48px}
  .mg-story-mobile h1{
    margin:0 0 24px;text-align:center;font-family:var(--mg-headline);
    font-size:46px;line-height:1;font-weight:400;color:#755f52;letter-spacing:.02em
  }
  .mg-story-mobile-photo{display:block;width:100%;border:0;margin:0 0 28px;aspect-ratio:1.5/1;object-fit:cover;object-position:center top}
  .mg-story-mobile-copy{font-family:var(--mg-body);font-size:19px;line-height:1.48;color:#4d4947}
  .mg-story-mobile-copy p{margin:0 0 20px}
  .mg-story-signoff{margin-top:24px!important}
  .mg-story-signoff span{display:inline-block;margin-left:8px;font-family:var(--mg-script);font-size:38px;line-height:1;color:#c6a86b;vertical-align:middle}
  .mg-story-mobile-coaching{
    display:flex;align-items:center;justify-content:center;width:min(100%,330px);min-height:62px;
    margin:28px auto 32px;padding:12px 18px;background:#bea184;color:#fff;text-decoration:none;
    text-transform:uppercase;letter-spacing:.13em;text-align:center;font-family:var(--mg-body);font-size:16px;line-height:1.25
  }
  .mg-story-mobile-divider{height:1px;background:#d1b997;margin:0 0 14px}
  .mg-story-mobile h2{margin:0 0 25px;text-align:center;font-family:var(--mg-headline);font-size:31px;font-weight:400;color:#755f52}
  .mg-story-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
  .mg-story-journey-item{text-align:center;min-width:0}
  .mg-story-journey-item img{display:block;width:74px;height:74px;object-fit:contain;margin:0 auto 7px}
  .mg-story-journey-item strong{display:block;font-family:var(--mg-headline);font-size:17px;line-height:1.15;color:#514842;font-weight:400}
  .mg-story-journey-item span{display:block;margin-top:5px;font-family:var(--mg-body);font-size:16px;line-height:1.15;color:#514842}

  /* RESOURCES */
  .mg-resources-desktop{display:none}
  .mg-resources-mobile{display:block;background:#f7f3ef;color:#735e51}
  .mg-resources-mobile-hero-copy{padding:34px 24px 24px;text-align:center;background:#f7f3ef}
  .mg-resources-mobile-hero-copy h1{margin:0;font-family:var(--mg-headline);font-size:44px;line-height:1.03;font-weight:400;color:#735e51}
  .mg-resources-mobile-rule{display:flex;align-items:center;gap:12px;margin:16px auto 14px;max-width:340px;color:#8a876d;font-size:28px}
  .mg-resources-mobile-rule::before,.mg-resources-mobile-rule::after{content:"";height:1px;flex:1;background:#c9bba9}
  .mg-resources-mobile-hero-copy p{max-width:600px;margin:0 auto;font-family:var(--mg-body);font-size:19px;line-height:1.35;font-weight:600;color:#735e51}
  .mg-resources-mobile-hero{display:block;width:100%;max-height:320px;object-fit:cover;object-position:center}
  .mg-resources-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e5ddd4;border-top:1px solid #d7ccc1}
  .mg-resources-mobile-card{display:flex;min-height:220px;padding:23px 14px 20px;align-items:center;justify-content:flex-start;flex-direction:column;text-align:center;text-decoration:none;background:#fbf8f5;color:#735e51}
  .mg-resources-mobile-card img{display:block;width:86px;height:78px;object-fit:contain;margin:0 auto 8px}
  .mg-resources-mobile-card strong{display:block;font-family:var(--mg-headline);font-size:17px;line-height:1.15;font-weight:400;color:#6d5548}
  .mg-resources-mobile-card span{display:block;margin-top:6px;font-family:var(--mg-body);font-size:15px;line-height:1.25;color:#755f52}
  .mg-resources-mobile-card:focus-visible{outline:3px solid rgba(107,84,71,.65);outline-offset:-5px}

  /* SHOP */
  .mg-shop-desktop{display:none}
  .mg-shop-mobile{display:block;background:#fff;color:#745f52}
  .mg-shop-mobile-intro{padding:36px 24px 26px;text-align:center}
  .mg-shop-mobile-intro h1{margin:0;font-family:var(--mg-headline);font-size:44px;line-height:1;font-weight:400;color:#745f52;letter-spacing:.02em}
  .mg-shop-mobile-script{margin:4px 0 24px;font-family:var(--mg-script);font-size:54px;line-height:1;color:#745f52}
  .mg-shop-mobile-intro p{max-width:580px;margin:0 auto;font-family:var(--mg-body);font-size:22px;line-height:1.45;color:#745f52}
  .mg-shop-mobile-hero{display:block;width:100%;max-height:390px;object-fit:cover;object-position:center}
  .mg-shop-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:28px 18px 30px;background:#faf9f7}
  .mg-shop-mobile-card{display:block;text-align:center;text-decoration:none;color:#3f3f3f;min-width:0}
  .mg-shop-mobile-card strong{display:block;margin-bottom:9px;font-family:var(--mg-headline);font-size:20px;line-height:1.1;font-weight:400}
  .mg-shop-mobile-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
  .mg-shop-mobile-card-last{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}
  .mg-shop-mobile-band{height:28px;background:linear-gradient(90deg,#d5bba3,#e3cbb4,#d5bba3)}
}

@media (max-width:560px){
  .mg-story-mobile-inner{padding:30px 16px 40px}
  .mg-story-mobile h1{font-size:40px}
  .mg-story-mobile-copy{font-size:18px;line-height:1.45}
  .mg-story-journey-grid{gap:24px 10px}
  .mg-story-journey-item img{width:66px;height:66px}
  .mg-story-journey-item strong{font-size:15px}
  .mg-story-journey-item span{font-size:14px}

  .mg-resources-mobile-hero-copy{padding:28px 16px 20px}
  .mg-resources-mobile-hero-copy h1{font-size:37px}
  .mg-resources-mobile-hero-copy p{font-size:17px}
  .mg-resources-mobile-hero{max-height:245px}
  .mg-resources-mobile-card{min-height:205px;padding:20px 10px 16px}
  .mg-resources-mobile-card img{width:76px;height:70px}
  .mg-resources-mobile-card strong{font-size:15px}
  .mg-resources-mobile-card span{font-size:14px}

  .mg-shop-mobile-intro{padding:30px 16px 22px}
  .mg-shop-mobile-intro h1{font-size:38px}
  .mg-shop-mobile-script{font-size:48px;margin-bottom:18px}
  .mg-shop-mobile-intro p{font-size:19px;line-height:1.42}
  .mg-shop-mobile-hero{max-height:300px}
  .mg-shop-mobile-grid{gap:14px;padding:24px 14px 28px}
  .mg-shop-mobile-card strong{font-size:17px}
}

/* =========================================================
   V30 REFINEMENTS
   1) Desktop home: use the Contact-page-inspired clipped white
      panel and matching warm brown typography while preserving
      the existing hero layout, image, copy and buttons.
   2) Mobile Resources: remove card/icon backgrounds and dividers
      so the six linked icons sit cleanly on the page background.
   ========================================================= */
@media (min-width:901px){
  .mg-hero-text-panel{
    background:rgba(255,255,255,.80);
    clip-path:polygon(5.5% 0,94.5% 0,100% 13%,100% 87%,94.5% 100%,5.5% 100%,0 87%,0 13%);
  }
  .mg-hero-text-panel .mg-hero-title,
  .mg-hero-text-panel .mg-hero-script,
  .mg-hero-text-panel .mg-quote-label,
  .mg-hero-text-panel .mg-quote,
  .mg-hero-text-panel .mg-hero-body{
    color:#705a4d;
  }
}

@media (max-width:900px){
  .mg-resources-mobile-grid{
    gap:24px 12px;
    padding:28px 16px 32px;
    background:#f7f3ef;
    border-top:0;
  }
  .mg-resources-mobile-card{
    min-height:190px;
    padding:12px 8px 14px;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  .mg-resources-mobile-card img{
    background:transparent;
  }
}

@media (max-width:560px){
  .mg-resources-mobile-grid{gap:20px 8px;padding:24px 10px 28px}
  .mg-resources-mobile-card{min-height:178px;padding:10px 5px 12px}
}


/* =========================================================
   V31 REFINEMENTS
   1) Mobile Home: use the same clipped-corner white panel and
      warm brown type treatment as desktop. Keep the script safely
      inside the panel and balance it between the title and copy.
   2) Resource Stay Connected controls are true editable links.
   ========================================================= */
@media (max-width:900px){
  .mg-hero-text-panel{
    background:rgba(255,255,255,.76);
    clip-path:polygon(6% 0,94% 0,100% 7%,100% 93%,94% 100%,6% 100%,0 93%,0 7%);
    padding:28px 30px 26px;
  }
  .mg-hero-text-panel .mg-hero-title,
  .mg-hero-text-panel .mg-hero-script,
  .mg-hero-text-panel .mg-quote-label,
  .mg-hero-text-panel .mg-quote,
  .mg-hero-text-panel .mg-hero-body{
    color:#705a4d;
  }
  .mg-hero-title{margin-bottom:0}
  .mg-hero-script{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    margin:14px auto 21px;
    padding:0 14px 2px;
    text-align:center;
    font-size:38px;
    line-height:1.08;
    white-space:normal;
  }
}

@media (max-width:560px){
  .mg-hero-text-panel{
    clip-path:polygon(7% 0,93% 0,100% 5.5%,100% 94.5%,93% 100%,7% 100%,0 94.5%,0 5.5%);
    padding:24px 22px 22px;
  }
  .mg-hero-script{
    margin:13px auto 19px;
    padding:0 10px 2px 14px;
    font-size:31px;
    line-height:1.1;
  }
}

.mg-connect-link{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  box-sizing:border-box;
}
.mg-connect-link:hover{color:#fff}
.mg-connect-input.mg-connect-link{padding:0 18px}

/* =========================================================
   V32 REFINEMENTS
   1) Resources desktop footer: cream email button; consultation
      button text centered both horizontally and vertically.
   2) Resources mobile: replace cropped icon artwork with clean,
      complete transparent icons and ensure labels never overlap.
   ========================================================= */
@media (min-width:901px){
  .mg-resources-page .mg-connect-input.mg-connect-link{
    background:#f4eadc;
    color:#705a4d;
    border:1px solid rgba(112,90,77,.18);
  }
  .mg-resources-page .mg-connect-input.mg-connect-link:hover{
    background:#eadbc8;
    color:#705a4d;
  }
  .mg-resources-page .mg-connect-submit.mg-connect-link{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:0 20px;
    line-height:1.18;
  }
}

@media (max-width:900px){
  .mg-resources-mobile-grid{
    overflow:visible;
  }
  .mg-resources-mobile-card{
    overflow:visible;
    gap:0;
  }
  .mg-resources-mobile-card img{
    display:block;
    width:92px;
    height:92px;
    max-width:92px;
    flex:0 0 92px;
    object-fit:contain;
    object-position:center;
    margin:0 auto 12px;
    padding:0;
    border:0;
    background:transparent!important;
    box-shadow:none;
    overflow:visible;
  }
  .mg-resources-mobile-card strong,
  .mg-resources-mobile-card span{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    border:0;
    outline:0;
    background:transparent!important;
    box-shadow:none!important;
    text-shadow:none;
  }
  .mg-resources-mobile-card strong{
    margin-top:0;
  }
  .mg-resources-mobile-card span{
    margin-top:6px;
  }
}

@media (max-width:560px){
  .mg-resources-mobile-card img{
    width:84px;
    height:84px;
    max-width:84px;
    flex-basis:84px;
    margin-bottom:10px;
  }
}


/* =========================================================
   V33 REFINEMENTS
   1) Stay Connected email controls use the same cream treatment
      on desktop and mobile, including About and Resources.
   2) Header logo is rendered without any box/shadow/background.
   ========================================================= */
.mg-connect-input,
.mg-connect-input.mg-connect-link{
  background:#f4eadc;
  color:#705a4d;
  border:1px solid rgba(112,90,77,.18);
  box-shadow:none;
}
.mg-connect-input::placeholder{
  color:#705a4d;
  opacity:1;
}
.mg-connect-input.mg-connect-link:hover{
  background:#eadbc8;
  color:#705a4d;
}

.mg-original-logo,
.mg-brand{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  outline:0;
}
@media (max-width:900px){
  .mg-original-logo{
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
  }
  .mg-resources-page .mg-connect-input.mg-connect-link{
    background:#f4eadc;
    color:#705a4d;
    border:1px solid rgba(112,90,77,.18);
  }
}

/* =========================================================
   V34 — INDIVIDUAL PRAYER PAGES
   Keeps all existing approved page designs unchanged.
   Known individual prayer pages receive a quiet Maximum Grace
   reading treatment: centered Belleza title, WindSong subtitle,
   warm-brown prayer text, generous cream space, and responsive
   sizing. The first paragraph is treated as the script subtitle.
   ========================================================= */
.mg-prayer-detail-body{
  background:#f8f6f2;
}
.mg-prayer-detail-body .mg-content-wrap{
  max-width:900px;
  margin:0 auto;
  padding:88px 30px 110px;
  text-align:center;
}
.mg-prayer-detail-body .mg-entry-title{
  max-width:820px;
  margin:0 auto 10px;
  font-family:var(--mg-headline);
  font-size:clamp(44px,5vw,62px);
  line-height:1.06;
  font-weight:400;
  letter-spacing:.025em;
  color:#705a4d;
  text-align:center;
}
.mg-prayer-detail-body .mg-entry-content{
  max-width:780px;
  margin:0 auto;
  font-family:var(--mg-body);
  font-size:20px;
  line-height:1.72;
  font-weight:400;
  color:#705a4d;
  text-align:center;
}
.mg-prayer-detail-body .mg-entry-content > p{
  max-width:740px;
  margin:0 auto 24px;
}
.mg-prayer-detail-body .mg-entry-content > p:first-child{
  max-width:760px;
  margin:0 auto 42px;
  font-family:var(--mg-script);
  font-size:clamp(34px,4.2vw,49px);
  line-height:1.08;
  font-weight:400;
  color:#d4a39a;
  text-align:center;
}
.mg-prayer-detail-body .mg-entry-content > p:first-child::after{
  content:"";
  display:block;
  width:72px;
  height:1px;
  margin:22px auto 0;
  background:rgba(112,90,77,.28);
}
.mg-prayer-detail-body .mg-entry-content h2,
.mg-prayer-detail-body .mg-entry-content h3,
.mg-prayer-detail-body .mg-entry-content h4{
  color:#705a4d;
  text-align:center;
  font-family:var(--mg-headline);
  font-weight:400;
}
.mg-prayer-detail-body .mg-entry-content ul,
.mg-prayer-detail-body .mg-entry-content ol{
  max-width:740px;
  margin:0 auto 28px;
  padding-left:1.4em;
  color:#705a4d;
  text-align:left;
}
.mg-prayer-detail-body .mg-entry-content .wp-block-buttons{
  justify-content:center;
  margin-top:36px;
}
.mg-prayer-detail-body .mg-entry-content .wp-block-button__link{
  background:#705a4d;
  color:#fff;
  border-radius:0;
  font-family:var(--mg-body);
  font-size:15px;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:13px 24px;
}

@media (max-width:900px){
  .mg-prayer-detail-body .mg-content-wrap{
    padding:62px 24px 82px;
  }
  .mg-prayer-detail-body .mg-entry-title{
    font-size:clamp(40px,8vw,54px);
  }
  .mg-prayer-detail-body .mg-entry-content{
    font-size:19px;
    line-height:1.68;
  }
}

@media (max-width:560px){
  .mg-prayer-detail-body .mg-content-wrap{
    padding:46px 18px 66px;
  }
  .mg-prayer-detail-body .mg-entry-title{
    font-size:39px;
    line-height:1.08;
    margin-bottom:8px;
  }
  .mg-prayer-detail-body .mg-entry-content{
    font-size:18px;
    line-height:1.65;
  }
  .mg-prayer-detail-body .mg-entry-content > p:first-child{
    font-size:35px;
    margin-bottom:34px;
  }
}



/* =========================================================
   V34 — PRAYER AREA COLOR DEFAULTS
   Applies to the Prayers landing page, Daily Rosaries, and
   individual prayer-reading pages. These are theme defaults
   only: a block with an explicitly selected WordPress color
   can still override them later.
   ========================================================= */
.mg-prayer-area-body .mg-entry-content,
.mg-prayer-area-body .mg-entry-content p,
.mg-prayer-area-body .mg-entry-content li,
.mg-prayer-area-body .mg-entry-content details,
.mg-prayer-area-body .mg-entry-content summary{
  color:#705a4d;
}
.mg-prayer-area-body .mg-entry-content h2,
.mg-prayer-area-body .mg-entry-content h3,
.mg-prayer-area-body .mg-entry-content h4,
.mg-prayer-area-body .mg-entry-content h5,
.mg-prayer-area-body .mg-entry-content h6{
  color:#705a4d;
}
.mg-prayer-area-body .mg-entry-content a:not(.wp-block-button__link){
  color:#705a4d;
}
.mg-prayer-area-body .mg-entry-content .wp-block-button__link{
  background:#705a4d;
  color:#fff;
}

/* =========================================================
   V35 — ROBUST PRAYER DETAIL CENTERING
   Detects prayer pages even if WordPress adds a numeric slug suffix,
   then reinforces the intended Maximum Grace layout.
   ========================================================= */
body.mg-prayer-detail-body main.mg-content-wrap,
body.mg-prayer-detail-body main.mg-prayer-content-wrap{
  width:min(100% - 36px, 900px)!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:88px 30px 110px!important;
  text-align:center!important;
}
body.mg-prayer-detail-body article.mg-prayer-detail{
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  text-align:center!important;
}
body.mg-prayer-detail-body .mg-entry-title{
  width:100%!important;
  max-width:820px!important;
  margin:0 auto 12px!important;
  text-align:center!important;
  font-family:var(--mg-headline)!important;
  font-weight:400!important;
  color:#705a4d!important;
}
body.mg-prayer-detail-body .mg-entry-content{
  width:100%!important;
  max-width:780px!important;
  margin:0 auto!important;
  text-align:center!important;
  color:#705a4d!important;
}
body.mg-prayer-detail-body .mg-entry-content > p{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  color:#705a4d!important;
  font-weight:400!important;
}
body.mg-prayer-detail-body .mg-entry-content > p:first-child{
  font-family:"WindSong", "Segoe Script", cursive!important;
  font-size:clamp(34px,4.2vw,49px)!important;
  line-height:1.08!important;
  font-weight:400!important;
  color:#d4a39a!important;
  text-align:center!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
@media (max-width:560px){
  body.mg-prayer-detail-body main.mg-content-wrap,
  body.mg-prayer-detail-body main.mg-prayer-content-wrap{
    width:min(100% - 24px, 900px)!important;
    padding:46px 18px 66px!important;
  }
}


/* =========================================================
   V36 — NATIVE NEWSLETTER SIGNUP
   The Stay Connected email field now submits directly to the
   WordPress.com / Jetpack Newsletter subscriber system.
   ========================================================= */
.mg-connect-band-subscribe-only{
  grid-template-columns:1.1fr 1.25fr minmax(360px,1.9fr);
}
.mg-connect-band-with-consult{
  grid-template-columns:1.05fr 1.2fr minmax(390px,1.55fr) minmax(250px,1fr);
  gap:24px;
}
.mg-connect-subscribe{
  width:100%;
  min-width:0;
}
.mg-connect-subscribe .wp-block-jetpack-subscriptions,
.mg-connect-subscribe .jetpack_subscription_widget,
.mg-connect-subscribe #subscribe-blog,
.mg-connect-subscribe form{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.mg-connect-subscribe form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  gap:10px;
}
.mg-connect-subscribe p,
.mg-connect-subscribe #subscribe-email,
.mg-connect-subscribe #subscribe-submit{
  margin:0!important;
  padding:0!important;
}
.mg-connect-subscribe #subscribe-text,
.mg-connect-subscribe .subscribe-text,
.mg-connect-subscribe .subscribe-heading,
.mg-connect-subscribe .widget-title{
  display:none!important;
}
.mg-connect-subscribe #subscribe-email{
  min-width:0;
}
.mg-connect-subscribe #subscribe-email input,
.mg-connect-subscribe input[type="email"],
.mg-connect-subscribe input[type="text"]{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:62px!important;
  margin:0!important;
  padding:0 18px!important;
  border:1px solid rgba(112,90,77,.18)!important;
  border-radius:0!important;
  background:#f4eadc!important;
  color:#705a4d!important;
  box-shadow:none!important;
  outline:none;
  font-family:var(--mg-body)!important;
  font-size:16px!important;
  line-height:1!important;
  text-align:center!important;
  text-transform:uppercase;
  letter-spacing:.1em!important;
}
.mg-connect-subscribe input[type="email"]::placeholder,
.mg-connect-subscribe input[type="text"]::placeholder{
  color:#705a4d!important;
  opacity:1!important;
}
.mg-connect-subscribe #subscribe-submit,
.mg-connect-subscribe #subscribe-submit input,
.mg-connect-subscribe input[type="submit"],
.mg-connect-subscribe button[type="submit"]{
  box-sizing:border-box!important;
  width:auto!important;
  min-width:180px!important;
  height:62px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:0!important;
  background:#836958!important;
  color:#fff!important;
  box-shadow:none!important;
  font-family:var(--mg-body)!important;
  font-size:14px!important;
  line-height:1.2!important;
  text-align:center!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  cursor:pointer!important;
}
.mg-connect-subscribe #subscribe-submit input:hover,
.mg-connect-subscribe input[type="submit"]:hover,
.mg-connect-subscribe button[type="submit"]:hover{
  background:#6e5547!important;
}
.mg-connect-subscribe .success,
.mg-connect-subscribe .subscription-success,
.mg-connect-subscribe .jetpack-subscribe-success{
  grid-column:1/-1;
  color:#fff!important;
  font-family:var(--mg-body)!important;
  text-align:center;
}
.mg-subscribe-unavailable{
  color:#fff;
  font-family:var(--mg-body);
  text-align:center;
}
@media (max-width:1100px){
  .mg-connect-band-subscribe-only,
  .mg-connect-band-with-consult{
    grid-template-columns:1fr;
    text-align:center;
  }
  .mg-connect-subscribe,
  .mg-connect-band-with-consult .mg-connect-submit{
    width:min(620px,100%);
    margin:0 auto;
  }
}
@media (max-width:560px){
  .mg-connect-subscribe form{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .mg-connect-subscribe #subscribe-submit,
  .mg-connect-subscribe #subscribe-submit input,
  .mg-connect-subscribe input[type="submit"],
  .mg-connect-subscribe button[type="submit"]{
    width:100%!important;
    min-width:0!important;
  }
}

/* V37 — Resources Subscribe shortcut */
#mg-subscribe{scroll-margin-top:32px}


/* =========================================================
   V38 — RESOURCES FOOTER / SUBSCRIBE FLOW
   - Removes inline email field from Resources Stay Connected.
   - JOIN THE JOURNEY becomes a cream button to /subscribe/.
   - Consultation button stays brown and links to coaching flow.
   ========================================================= */
.mg-resources-page .mg-connect-band-with-consult{
  grid-template-columns:1.05fr 1.2fr minmax(210px,.9fr) minmax(285px,1.15fr);
  gap:24px;
}
.mg-connect-join{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:62px;
  padding:0 22px;
  background:#f4eadc;
  color:#705a4d!important;
  border:1px solid rgba(112,90,77,.18);
  border-radius:0;
  box-shadow:none;
  font-family:var(--mg-body);
  font-size:14px;
  line-height:1.2;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.08em;
  text-decoration:none;
}
.mg-resources-page .mg-connect-join:hover{
  background:#eadbc8!important;
  color:#705a4d!important;
}
.mg-resources-page .mg-connect-submit{
  background:#836958!important;
  color:#fff!important;
}
.mg-resources-page .mg-connect-submit:hover{
  background:#6e5547!important;
  color:#fff!important;
}
@media (max-width:1100px){
  .mg-resources-page .mg-connect-band-with-consult{
    grid-template-columns:1fr;
  }
  .mg-resources-page .mg-connect-join,
  .mg-resources-page .mg-connect-submit{
    width:min(620px,100%);
    margin:0 auto;
  }
}

/* Dedicated Subscribe page keeps the real WordPress/Jetpack email form
   off the Resources footer while preserving native subscriber storage. */
.mg-subscribe-page{
  min-height:68vh;
  background:#f8f6f2;
  padding:76px 24px 96px;
  color:#705a4d;
}
.mg-subscribe-page-inner{
  width:min(760px,100%);
  margin:0 auto;
  text-align:center;
}
.mg-subscribe-page h1{
  margin:0;
  color:#705a4d;
  font-family:var(--mg-head);
  font-size:clamp(44px,6vw,76px);
  font-weight:400;
  line-height:1.05;
}
.mg-subscribe-page-script{
  margin:8px 0 18px;
  color:#d4a39a;
  font-family:'WindSong',cursive;
  font-size:clamp(32px,4vw,52px);
  line-height:1.1;
}
.mg-subscribe-page-copy{
  max-width:650px;
  margin:0 auto 34px;
  font-family:var(--mg-body);
  font-size:18px;
  line-height:1.7;
}
.mg-subscribe-page .mg-connect-subscribe{
  width:min(620px,100%);
  margin:0 auto;
}


/* =========================================================
   V39 — CONSOLIDATED DESKTOP + MOBILE CLEANUP
   ========================================================= */

/* My Story: the hotspot remains transparent, but gets a slightly more
   forgiving desktop hit area so the visible Coaching Connection artwork
   always activates the same Faithful Life Coaching destination as mobile. */
@media (min-width:901px){
  .mg-story-coaching-hotspot{
    left:64.4%;
    top:58.8%;
    width:18.0%;
    height:9.5%;
  }
}

/* Live Grace: Begin Your Journey belongs after all three content blocks,
   rather than inside Equip. This keeps it last on desktop and mobile. */
.mg-live-cta-row{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  padding:0 24px 62px;
  background:#f8f6f2;
}
.mg-live-cta-row .mg-live-cta{margin:0 auto;}
@media (max-width:900px){
  .mg-live-cta-row{padding:4px 20px 52px;}
}
@media (max-width:560px){
  .mg-live-cta-row{padding:2px 16px 44px;}
}

/* About: email + JOIN THE JOURNEY are intentionally one subscription form.
   Make the submit action cream to match the newer Maximum Grace button system. */
.mg-about-page .mg-connect-subscribe #subscribe-submit input,
.mg-about-page .mg-connect-subscribe input[type="submit"],
.mg-about-page .mg-connect-subscribe button[type="submit"]{
  background:#f4eadc!important;
  color:#705a4d!important;
  border:1px solid rgba(112,90,77,.18)!important;
}
.mg-about-page .mg-connect-subscribe #subscribe-submit input:hover,
.mg-about-page .mg-connect-subscribe input[type="submit"]:hover,
.mg-about-page .mg-connect-subscribe button[type="submit"]:hover{
  background:#eadbc8!important;
  color:#705a4d!important;
}

/* Free Printables: keep each row's cards equal-height and anchor every
   download button to the same visual baseline. Works when columns stack too. */
.mg-printables-body .mg-entry-content .wp-block-columns{
  align-items:stretch!important;
}
.mg-printables-body .mg-entry-content .wp-block-column{
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
}
.mg-printables-body .mg-entry-content .wp-block-column > .wp-block-buttons{
  margin-top:auto!important;
  padding-top:18px!important;
  justify-content:center!important;
  width:100%!important;
}
.mg-printables-body .mg-entry-content .wp-block-button{
  margin-left:auto!important;
  margin-right:auto!important;
}
.mg-printables-body .mg-entry-content .wp-block-button__link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:210px!important;
  min-height:54px!important;
  background:#705a4d!important;
  color:#fffdf9!important;
  text-align:center!important;
}
@media (max-width:600px){
  .mg-printables-body .mg-entry-content .wp-block-button__link{
    width:min(100%,280px)!important;
    min-width:0!important;
  }
}

/* Prayers landing page: every READ PRAYER button is centered directly
   beneath its image on desktop and when the columns stack on mobile. */
.mg-prayers-landing-body .mg-entry-content .wp-block-buttons{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}
.mg-prayers-landing-body .mg-entry-content .wp-block-button{
  margin-left:auto!important;
  margin-right:auto!important;
}
.mg-prayers-landing-body .mg-entry-content .wp-block-button__link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:230px!important;
  min-height:54px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background:#705a4d!important;
  color:#fffdf9!important;
  text-align:center!important;
}
@media (max-width:600px){
  .mg-prayers-landing-body .mg-entry-content .wp-block-button__link{
    width:min(100%,300px)!important;
    min-width:0!important;
  }
}

/* Subscribe page: Jetpack can inject helper/confirmation/legal text with
   its own pale/white colors. Force all non-button copy into readable MG brown. */
.mg-subscribe-page h1{font-family:var(--mg-headline)!important;}
.mg-subscribe-page,
.mg-subscribe-page p,
.mg-subscribe-page label,
.mg-subscribe-page span,
.mg-subscribe-page small,
.mg-subscribe-page .mg-connect-subscribe,
.mg-subscribe-page .mg-connect-subscribe p,
.mg-subscribe-page .mg-connect-subscribe label,
.mg-subscribe-page .mg-connect-subscribe span,
.mg-subscribe-page .mg-connect-subscribe small,
.mg-subscribe-page .mg-connect-subscribe a{
  color:#705a4d!important;
}
.mg-subscribe-page .mg-connect-subscribe #subscribe-submit input,
.mg-subscribe-page .mg-connect-subscribe input[type="submit"],
.mg-subscribe-page .mg-connect-subscribe button[type="submit"]{
  background:#705a4d!important;
  color:#fffdf9!important;
}
.mg-subscribe-page .mg-connect-subscribe .success,
.mg-subscribe-page .mg-connect-subscribe .subscription-success,
.mg-subscribe-page .mg-connect-subscribe .jetpack-subscribe-success,
.mg-subscribe-page .mg-connect-subscribe .error,
.mg-subscribe-page .mg-connect-subscribe .subscription-error{
  color:#705a4d!important;
}


/* =========================================================
   V40 — BUTTON CONSISTENCY + PRAYERS TOP LAYOUT
   ========================================================= */

/* My Story — replace the baked tan Coaching Connection visual with a
   real dark-brown Life Coaching Information button on desktop. */
@media (min-width:901px){
  .mg-story-coaching-hotspot{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#705a4d!important;
    color:#fffdf9!important;
    border:0!important;
    box-shadow:none!important;
    font-family:var(--mg-body)!important;
    font-size:clamp(12px,1.08vw,18px)!important;
    font-weight:400!important;
    line-height:1.18!important;
    letter-spacing:.10em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    padding:10px 14px!important;
    text-decoration:none!important;
  }
  .mg-story-coaching-hotspot::after{
    content:"LIFE COACHING INFORMATION";
    display:block;
    width:100%;
    color:#fffdf9;
  }
}
@media (max-width:900px){
  .mg-story-mobile-coaching{
    width:min(100%,360px)!important;
    background:#705a4d!important;
    color:#fffdf9!important;
    border:0!important;
    box-shadow:none!important;
  }
  .mg-story-mobile-coaching:hover{
    background:#5f493f!important;
    color:#fffdf9!important;
  }
}

/* About — JOIN THE JOURNEY must be a solid brown submit button.
   Remove browser/Jetpack gradients, white overlays, or native appearance
   that can create a white patch, including on iPhone. */
.mg-about-page .mg-connect-subscribe #subscribe-submit,
.mg-about-page .mg-connect-subscribe #subscribe-submit input,
.mg-about-page .mg-connect-subscribe input[type="submit"],
.mg-about-page .mg-connect-subscribe button[type="submit"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  background:#705a4d!important;
  background-color:#705a4d!important;
  background-image:none!important;
  color:#fffdf9!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  opacity:1!important;
}
.mg-about-page .mg-connect-subscribe #subscribe-submit::before,
.mg-about-page .mg-connect-subscribe #subscribe-submit::after,
.mg-about-page .mg-connect-subscribe #subscribe-submit input::before,
.mg-about-page .mg-connect-subscribe #subscribe-submit input::after,
.mg-about-page .mg-connect-subscribe button[type="submit"]::before,
.mg-about-page .mg-connect-subscribe button[type="submit"]::after{
  display:none!important;
  content:none!important;
}
.mg-about-page .mg-connect-subscribe #subscribe-submit input:hover,
.mg-about-page .mg-connect-subscribe input[type="submit"]:hover,
.mg-about-page .mg-connect-subscribe button[type="submit"]:hover{
  background:#5f493f!important;
  color:#fffdf9!important;
}
@media (max-width:560px){
  .mg-about-page .mg-connect-subscribe #subscribe-submit,
  .mg-about-page .mg-connect-subscribe #subscribe-submit input,
  .mg-about-page .mg-connect-subscribe input[type="submit"],
  .mg-about-page .mg-connect-subscribe button[type="submit"]{
    width:100%!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
}

/* Live Grace — mobile must match the approved desktop button exactly. */
@media (max-width:900px){
  .mg-live-cta-row .mg-live-cta{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(300px,100%)!important;
    min-height:70px!important;
    margin:0 auto!important;
    padding:10px 24px!important;
    background:#8f796a!important;
    background-image:none!important;
    color:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-align:center!important;
    text-indent:0!important;
    line-height:1.15!important;
  }
}
@media (max-width:560px){
  .mg-live-cta-row .mg-live-cta{
    width:min(280px,100%)!important;
    min-height:62px!important;
    font-size:15px!important;
  }
}

/* Prayers — polished two-column rosary entry point beneath title/intro. */
.mg-prayers-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px;
  width:100%;
  margin:34px 0 48px;
  align-items:stretch;
}
.mg-prayers-feature-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:34px 34px 30px;
  background:#f7f3ee;
  border:1px solid rgba(112,90,77,.12);
  color:#705a4d;
}
.mg-prayers-feature-card h2,
.mg-prayers-feature-card h3,
.mg-prayers-feature-card h4{
  margin:0 0 14px!important;
  color:#705a4d!important;
  font-family:var(--mg-headline)!important;
  font-weight:400!important;
  text-align:center!important;
}
.mg-prayers-feature-card p{
  color:#705a4d!important;
  text-align:center!important;
  line-height:1.55!important;
}
.mg-prayers-feature-card .wp-block-buttons{
  width:100%!important;
  margin-top:auto!important;
  padding-top:16px!important;
  justify-content:center!important;
  text-align:center!important;
}
.mg-prayers-feature-card .wp-block-button{
  margin-left:auto!important;
  margin-right:auto!important;
}
.mg-prayers-feature-card .wp-block-button__link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:230px!important;
  min-height:54px!important;
  margin:0 auto!important;
  background:#705a4d!important;
  color:#fffdf9!important;
  text-align:center!important;
}
@media (max-width:760px){
  .mg-prayers-feature-grid{
    grid-template-columns:1fr;
    gap:18px;
    margin:26px 0 36px;
  }
  .mg-prayers-feature-card{
    padding:28px 20px 26px;
  }
}

/* Life Coaching page — consultation CTA remains visually consistent
   after V40 supplies its mailto inquiry link. */
.mg-coaching-page-body .wp-block-button__link{
  text-align:center;
}


/* =========================================================
   V41 — CONSULTATION LINKS + MY STORY + PRINTABLE ALIGNMENT
   ========================================================= */

/* My Story desktop: precisely cover the original baked-in Canva
   Coaching Connection artwork so only ONE Life Coaching Information
   button is visible. Mobile remains unchanged. */
@media (min-width:901px){
  .mg-story-coaching-hotspot{
    left:58.45%!important;
    top:58.45%!important;
    width:14.25%!important;
    height:6.70%!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 10px!important;
    background:#705a4d!important;
    color:#fffdf9!important;
    z-index:5!important;
  }
  .mg-story-coaching-hotspot::after{
    content:"LIFE COACHING INFORMATION"!important;
    display:block!important;
    width:100%!important;
    color:#fffdf9!important;
    text-align:center!important;
  }
}

/* Free Printables: center every download button beneath its own column,
   including buttons nested one level deeper by Gutenberg. */
.mg-printables-body .mg-entry-content .wp-block-column .wp-block-buttons,
.mg-printables-body .mg-entry-content .wp-block-columns .wp-block-buttons{
  display:flex!important;
  width:100%!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.mg-printables-body .mg-entry-content .wp-block-column .wp-block-button,
.mg-printables-body .mg-entry-content .wp-block-columns .wp-block-button{
  display:flex!important;
  justify-content:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.mg-printables-body .mg-entry-content .wp-block-column .wp-block-button__link,
.mg-printables-body .mg-entry-content .wp-block-columns .wp-block-button__link{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* Life Coaching: all consultation CTAs use the same visible button treatment. */
.mg-coaching-page-body .wp-block-button__link{
  background:#705a4d!important;
  color:#fffdf9!important;
  text-align:center!important;
}


/* =========================================================
   V42 — CONSOLIDATED REPAIRS + DAILY SCRIPTURE / JOURNAL
   ========================================================= */

/* My Story desktop: the baked Canva Coaching Connection button has been
   removed from the source image. Place one real Life Coaching Information
   button in the exact former button location. */
@media (min-width:901px){
  .mg-story-coaching-hotspot{
    left:65.73%!important;
    top:65.77%!important;
    width:15.63%!important;
    height:7.12%!important;
    min-height:0!important;
    padding:8px 12px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#705a4d!important;
    color:#fffdf9!important;
    z-index:8!important;
  }
  .mg-story-coaching-hotspot::after{
    content:"LIFE COACHING INFORMATION"!important;
    display:block!important;
    width:100%!important;
    color:#fffdf9!important;
    text-align:center!important;
  }
}

/* Free Printables — hard-center every Gutenberg button beneath its column. */
body.mg-printables-body .mg-entry-content .wp-block-columns .wp-block-column{
  text-align:center;
}
body.mg-printables-body .mg-entry-content .wp-block-columns .wp-block-column > .wp-block-buttons,
body.mg-printables-body .mg-entry-content .wp-block-columns .wp-block-column .wp-block-buttons{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.mg-printables-body .mg-entry-content .wp-block-button{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.mg-printables-body .mg-entry-content .wp-block-button__link{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Consultation inquiry page */
.mg-inquiry-page{
  max-width:1000px;
  margin:0 auto;
  padding:78px 28px 96px;
  color:#705a4d;
}
.mg-inquiry-hero{text-align:center;max-width:760px;margin:0 auto 42px;}
.mg-inquiry-hero h1{font-family:var(--mg-headline);font-size:clamp(42px,5vw,72px);font-weight:400;margin:0 0 8px;color:#705a4d;}
.mg-inquiry-hero .mg-inquiry-script{font-family:var(--mg-script);font-size:clamp(30px,3.6vw,48px);color:#d4a39a;line-height:1.1;margin:0 0 18px;}
.mg-inquiry-hero p{font-family:var(--mg-body);font-size:18px;line-height:1.65;margin:0;}
.mg-inquiry-form{background:#f7f3ee;border:1px solid rgba(112,90,77,.12);padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:22px 26px;}
.mg-inquiry-field{display:flex;flex-direction:column;gap:8px;}
.mg-inquiry-field-full{grid-column:1/-1;}
.mg-inquiry-form label{font-family:var(--mg-headline);font-size:18px;color:#705a4d;}
.mg-inquiry-form input,.mg-inquiry-form select,.mg-inquiry-form textarea{width:100%;border:1px solid rgba(112,90,77,.25);background:#fffdf9;color:#705a4d;padding:14px 15px;font:16px/1.45 var(--mg-body);border-radius:0;box-sizing:border-box;}
.mg-inquiry-form textarea{min-height:150px;resize:vertical;}
.mg-inquiry-submit{grid-column:1/-1;display:flex;justify-content:center;padding-top:8px;}
.mg-inquiry-submit button{border:0;background:#705a4d;color:#fffdf9;font:16px var(--mg-headline);letter-spacing:.08em;text-transform:uppercase;padding:17px 28px;min-width:280px;cursor:pointer;}
.mg-inquiry-success{background:#eff0e8;border:1px solid rgba(112,90,77,.14);padding:24px 28px;text-align:center;color:#705a4d;margin-bottom:28px;}
.mg-inquiry-error{background:#f7ece8;padding:18px 22px;margin-bottom:24px;color:#705a4d;}
.mg-inquiry-note{text-align:center;margin:22px auto 0;max-width:720px;font-size:14px;line-height:1.55;color:#705a4d;}
@media(max-width:700px){.mg-inquiry-page{padding:48px 18px 70px}.mg-inquiry-form{grid-template-columns:1fr;padding:26px 20px}.mg-inquiry-field-full,.mg-inquiry-submit{grid-column:1}.mg-inquiry-submit button{width:100%;min-width:0}}

/* Daily Scripture / Journal hub */
.mg-daily-page{background:#fbfaf7;color:#705a4d;}
.mg-daily-inner{max-width:1220px;margin:0 auto;padding:72px 28px 92px;}
.mg-daily-hero{text-align:center;max-width:900px;margin:0 auto 42px;}
.mg-daily-hero h1{font-family:var(--mg-headline);font-weight:400;color:#705a4d;font-size:clamp(44px,5.7vw,78px);line-height:1.05;margin:0 0 8px;}
.mg-daily-hero .mg-daily-script{font-family:var(--mg-script);font-size:clamp(32px,4vw,52px);color:#d4a39a;line-height:1.05;margin:0 0 8px;}
.mg-daily-hero .mg-daily-kicker{font-family:var(--mg-headline);letter-spacing:.18em;text-transform:uppercase;font-size:14px;color:#705a4d;margin:0 0 14px;}
.mg-daily-hero p{font:18px/1.65 var(--mg-body);max-width:720px;margin:0 auto;}
.mg-today-card{border:1px solid rgba(112,90,77,.15);background:#fffdf9;margin:0 0 26px;}
.mg-today-label{text-align:center;background:#f7ece8;padding:12px;font:18px var(--mg-headline);letter-spacing:.16em;text-transform:uppercase;color:#705a4d;}
.mg-today-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);align-items:stretch;}
.mg-today-meta{padding:34px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(112,90,77,.12);}
.mg-today-date{font:28px var(--mg-headline);margin-bottom:12px;color:#705a4d;}
.mg-today-title{font:36px/1.15 var(--mg-headline);margin:0 0 10px;color:#705a4d;}
.mg-today-meta p{font:16px/1.55 var(--mg-body);margin:0;color:#705a4d;}
.mg-today-art{min-height:340px;background:#f7f3ee;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.mg-today-art img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block;}
.mg-today-placeholder{font:18px var(--mg-headline);color:#8f9475;text-align:center;padding:40px;}
.mg-daily-section{border:1px solid rgba(112,90,77,.14);background:#fffdf9;padding:30px 34px;margin:0 0 22px;}
.mg-daily-section h2{font:28px var(--mg-headline);font-weight:400;color:#705a4d;margin:0 0 16px;}
.mg-scripture-ref{font:18px var(--mg-headline);letter-spacing:.04em;color:#705a4d;margin-bottom:8px;}
.mg-scripture-text{font:19px/1.7 var(--mg-body);color:#705a4d;margin:0;}
.mg-thought{font:18px/1.7 var(--mg-body);color:#705a4d;}
.mg-thought > *:first-child{margin-top:0}.mg-thought > *:last-child{margin-bottom:0}
.mg-grace-journal{background:#eff0e8;border:1px solid rgba(112,90,77,.12);padding:30px 26px;margin:0 0 22px;}
.mg-grace-journal h2{text-align:center;font:30px var(--mg-headline);font-weight:400;margin:0 0 8px;color:#705a4d;}
.mg-grace-journal .mg-grace-sub{text-align:center;font:16px/1.5 var(--mg-body);margin:0 0 24px;color:#705a4d;}
.mg-grace-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.mg-grace-step{background:#fffdf9;border:1px solid rgba(112,90,77,.11);padding:18px 14px;display:flex;flex-direction:column;min-width:0;}
.mg-grace-letter{width:46px;height:46px;border-radius:50%;background:#8f9475;color:#fff;display:flex;align-items:center;justify-content:center;font:26px var(--mg-headline);margin:0 auto 10px;}
.mg-grace-step strong{font:17px/1.25 var(--mg-headline);font-weight:400;text-align:center;color:#705a4d;min-height:44px;}
.mg-grace-step small{font:13px/1.35 var(--mg-body);text-align:center;color:#705a4d;min-height:52px;margin:6px 0 10px;}
.mg-grace-step textarea{width:100%;min-height:105px;resize:vertical;border:1px solid rgba(112,90,77,.2);background:#fff;color:#705a4d;padding:10px;font:14px/1.45 var(--mg-body);box-sizing:border-box;}
.mg-journal-heart{background:#f7ece8;border:1px solid rgba(112,90,77,.12);padding:30px 34px;margin:0 0 22px;}
.mg-journal-heart h2{font:30px var(--mg-headline);font-weight:400;color:#705a4d;margin:0 0 6px;}
.mg-journal-heart p{font:15px/1.5 var(--mg-body);margin:0 0 14px;color:#705a4d;}
.mg-journal-heart textarea{width:100%;min-height:270px;resize:vertical;border:1px solid rgba(112,90,77,.2);background:#fffdf9;color:#705a4d;padding:16px;font:16px/1.55 var(--mg-body);box-sizing:border-box;}
.mg-journal-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px;}
.mg-journal-actions button{border:1px solid #705a4d;background:#705a4d;color:#fffdf9;padding:13px 20px;font:14px var(--mg-headline);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;}
.mg-journal-actions button.mg-secondary{background:#f4eadc;color:#705a4d;border-color:rgba(112,90,77,.2);}
.mg-save-status{text-align:center;font:13px var(--mg-body);color:#705a4d;margin-top:10px;min-height:18px;}
.mg-recent{margin:44px 0 34px;}
.mg-recent h2{text-align:center;font:30px var(--mg-headline);font-weight:400;color:#705a4d;margin:0 0 22px;letter-spacing:.06em;text-transform:uppercase;}
.mg-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.mg-recent-card{display:block;text-decoration:none;background:#fffdf9;border:1px solid rgba(112,90,77,.14);color:#705a4d;overflow:hidden;}
.mg-recent-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;}
.mg-recent-card-copy{padding:18px 18px 20px;text-align:center;}
.mg-recent-card time{font:12px var(--mg-body);letter-spacing:.08em;text-transform:uppercase;}
.mg-recent-card h3{font:22px/1.25 var(--mg-headline);font-weight:400;margin:6px 0 0;color:#705a4d;}
.mg-daily-cta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px;}
.mg-daily-cta-card{padding:28px;background:#f4eadc;text-align:center;border:1px solid rgba(112,90,77,.12);}
.mg-daily-cta-card:nth-child(2){background:#eff0e8;}
.mg-daily-cta-card h3{font:26px var(--mg-headline);font-weight:400;color:#705a4d;margin:0 0 8px;}
.mg-daily-cta-card p{font:15px/1.5 var(--mg-body);margin:0 0 16px;color:#705a4d;}
.mg-daily-cta-card a{display:inline-flex;align-items:center;justify-content:center;background:#705a4d;color:#fffdf9;text-decoration:none;padding:13px 22px;font:14px var(--mg-headline);letter-spacing:.06em;text-transform:uppercase;}
@media(max-width:900px){.mg-today-grid{grid-template-columns:1fr}.mg-today-meta{border-right:0;border-bottom:1px solid rgba(112,90,77,.12)}.mg-grace-grid{grid-template-columns:1fr 1fr}.mg-recent-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.mg-daily-inner{padding:44px 16px 66px}.mg-daily-section,.mg-journal-heart{padding:24px 20px}.mg-grace-journal{padding:24px 16px}.mg-grace-grid{grid-template-columns:1fr}.mg-recent-grid,.mg-daily-cta{grid-template-columns:1fr}.mg-today-meta{padding:26px 22px}.mg-today-title{font-size:30px}.mg-today-art,.mg-today-art img{min-height:240px}}

@media print{
  .mg-header,.mg-footer,.mg-journal-actions,.mg-recent,.mg-daily-cta{display:none!important}
  .mg-daily-inner{padding:0!important}.mg-daily-page{background:#fff!important}
}

/* =========================================================
   V43 — RESOURCE / PRINTABLE / DAILY JOURNAL POLISH
   ========================================================= */

/* Free Printables: smaller, centered, identical buttons in every column. */
body.mg-printables-body .mg-entry-content .wp-block-columns .wp-block-column > .wp-block-buttons,
body.mg-printables-body .mg-entry-content .wp-block-columns .wp-block-column .wp-block-buttons{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.mg-printables-body .mg-entry-content .wp-block-columns .wp-block-column .wp-block-button{
  display:flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.mg-printables-body .mg-entry-content .wp-block-columns .wp-block-column .wp-block-button__link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:180px!important;
  min-width:180px!important;
  max-width:180px!important;
  min-height:44px!important;
  padding:10px 12px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
@media(max-width:560px){
  body.mg-printables-body .mg-entry-content .wp-block-columns .wp-block-column .wp-block-button__link{
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    min-height:42px!important;
    padding:9px 10px!important;
    font-size:13px!important;
  }
}

/* Daily Scripture / Journal subtitle intentionally stays lowercase. */
.mg-daily-hero .mg-daily-script{text-transform:none!important;}
\n\n/* =========================================================\n   V44 — RESOURCES ICON TYPOGRAPHY STANDARDIZATION\n   The desktop resource icon area is now live HTML instead of\n   baked text. Every title/subtitle uses the exact same font,\n   size, color, line-height, and spacing as one unified system.\n   Mobile is explicitly locked to that same typographic system.\n   ========================================================= */\n@media (min-width:901px){\n  .mg-resources-board{\n    max-width:1920px;\n    background:#f7f3ef;\n  }\n  .mg-resources-desktop-hero{\n    display:block;\n    width:100%;\n    height:auto;\n  }\n  .mg-resources-desktop-grid{\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    column-gap:3.5%;\n    row-gap:28px;\n    padding:44px 6.2% 38px;\n    background:#f7f3ef;\n    box-sizing:border-box;\n  }\n  .mg-resources-desktop-card{\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:flex-start;\n    min-width:0;\n    text-align:center;\n    text-decoration:none;\n    color:#705a4d;\n    padding:0 8px;\n    box-sizing:border-box;\n  }\n  .mg-resources-desktop-card img{\n    display:block;\n    width:96px;\n    height:96px;\n    object-fit:contain;\n    margin:0 auto 10px;\n    background:transparent;\n    border:0;\n    box-shadow:none;\n  }\n  .mg-resources-desktop-card strong{\n    display:block;\n    width:100%;\n    margin:0;\n    font-family:var(--mg-headline)!important;\n    font-size:clamp(18px,1.18vw,23px)!important;\n    line-height:1.15!important;\n    font-weight:400!important;\n    letter-spacing:0!important;\n    text-transform:uppercase!important;\n    color:#705a4d!important;\n  }\n  .mg-resources-desktop-card span{\n    display:block;\n    width:100%;\n    margin:7px 0 0;\n    font-family:var(--mg-body)!important;\n    font-size:clamp(17px,1.12vw,22px)!important;\n    line-height:1.22!important;\n    font-weight:400!important;\n    letter-spacing:0!important;\n    color:#705a4d!important;\n  }\n  .mg-resources-desktop-card:focus-visible{\n    outline:2px solid rgba(112,90,77,.55);\n    outline-offset:7px;\n  }\n}\n\n@media (max-width:900px){\n  .mg-resources-mobile-card strong{\n    font-family:var(--mg-headline)!important;\n    font-size:17px!important;\n    line-height:1.15!important;\n    font-weight:400!important;\n    letter-spacing:0!important;\n    text-transform:uppercase!important;\n    color:#705a4d!important;\n  }\n  .mg-resources-mobile-card span{\n    font-family:var(--mg-body)!important;\n    font-size:15px!important;\n    line-height:1.25!important;\n    font-weight:400!important;\n    letter-spacing:0!important;\n    color:#705a4d!important;\n  }\n}\n@media (max-width:560px){\n  .mg-resources-mobile-card strong{font-size:15px!important;}\n  .mg-resources-mobile-card span{font-size:14px!important;}\n}\n
/* =========================================================
   V48 — RESOURCES PAGE ONLY
   Desktop uses the exact user-approved Resources composition.
   All other pages remain V44. Mobile preserves the V44 layout.
   ========================================================= */
.mg-resources-v48{
  background:#f3f4f7!important;
}
.mg-resources-exact-desktop{
  position:relative;
  width:min(1251px, calc(100% - 56px));
  max-width:1251px;
  margin:24px auto 0;
  line-height:0;
  box-shadow:0 2px 12px rgba(34,34,34,.08);
  background:#f8f6f2;
}
.mg-resources-exact-image{
  display:block;
  width:100%;
  height:auto;
  margin:0;
}
.mg-resources-exact-link{
  position:absolute;
  display:block;
  z-index:3;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline-offset:3px;
}
.mg-resources-exact-link:focus-visible{
  outline:2px solid rgba(112,90,77,.7);
}
/* Hotspots are deliberately generous, but do not overlap. */
.mg-exact-free{left:10.8%;top:45.2%;width:22.5%;height:19.0%;}
.mg-exact-prayers{left:38.8%;top:45.2%;width:21.0%;height:19.0%;}
.mg-exact-emails{left:66.5%;top:45.2%;width:22.0%;height:19.0%;}
.mg-exact-journal{left:10.5%;top:64.5%;width:22.5%;height:17.5%;}
.mg-exact-coaching{left:38.8%;top:64.5%;width:21.2%;height:17.5%;}
.mg-exact-shop{left:66.5%;top:64.5%;width:22.0%;height:17.5%;}
.mg-exact-email-footer{left:63.8%;top:84.2%;width:16.5%;height:10.0%;}
.mg-exact-consult-footer{left:81.5%;top:84.2%;width:16.0%;height:10.0%;}

/* The approved desktop reference already contains its footer. */
.mg-resources-v48 .mg-resources-mobile-footer{display:none!important;}

@media(max-width:900px){
  .mg-resources-v48{background:#f7f3ef!important;}
  .mg-resources-exact-desktop{display:none!important;}
  .mg-resources-v48 .mg-resources-mobile-footer{display:grid!important;}
}


/* =========================================================
   V49 — DAILY SCRIPTURE / JOURNAL ONLY
   Purpose: streamline the Daily Scripture / Journal page,
   preserve the approved palette/fonts/fillable GRACE boxes,
   and show the full Canva journal graphic without cropping.
   No other page selectors are changed in this section.
   ========================================================= */
body.mg-daily-body .mg-today-grid{
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.55fr);
}
body.mg-daily-body .mg-today-meta{
  padding:38px 34px;
  justify-content:center;
}
body.mg-daily-body .mg-today-scripture{
  font:30px/1.22 var(--mg-headline);
  font-weight:400;
  color:#705a4d;
  margin:0 0 14px;
}
body.mg-daily-body .mg-today-takeaway-label{
  font:12px var(--mg-body);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#8f9475;
  margin:2px 0 7px;
}
body.mg-daily-body .mg-today-takeaway{
  font:17px/1.62 var(--mg-body);
  color:#705a4d;
  margin:0 0 20px;
}
body.mg-daily-body .mg-scripture-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  background:#705a4d;
  color:#fffdf9;
  text-decoration:none;
  padding:13px 18px;
  font:13px var(--mg-headline);
  letter-spacing:.07em;
  text-transform:uppercase;
}
body.mg-daily-body .mg-today-art{
  min-height:0;
  padding:24px;
  background:#f7f3ee;
}
body.mg-daily-body .mg-today-art img{
  width:auto;
  max-width:100%;
  height:auto;
  min-height:0;
  max-height:720px;
  object-fit:contain;
  display:block;
  margin:auto;
}
body.mg-daily-body .mg-grace-journal{
  margin-top:0;
}
body.mg-daily-body .mg-grace-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:20px;
}
body.mg-daily-body .mg-grace-actions button{
  border:1px solid #705a4d;
  background:#705a4d;
  color:#fffdf9;
  padding:13px 20px;
  font:14px var(--mg-headline);
  letter-spacing:.07em;
  text-transform:uppercase;
  cursor:pointer;
}
body.mg-daily-body .mg-grace-actions button.mg-secondary{
  background:#f4eadc;
  color:#705a4d;
  border-color:rgba(112,90,77,.2);
}
body.mg-daily-body .mg-grace-save-status{
  text-align:center;
  font:13px var(--mg-body);
  color:#705a4d;
  margin-top:10px;
  min-height:18px;
}
@media(max-width:900px){
  body.mg-daily-body .mg-today-grid{grid-template-columns:1fr;}
  body.mg-daily-body .mg-today-art{padding:18px;}
  body.mg-daily-body .mg-today-art img{max-height:none;width:100%;}
}
@media(max-width:600px){
  body.mg-daily-body .mg-today-meta{padding:26px 22px;}
  body.mg-daily-body .mg-today-scripture{font-size:27px;}
  body.mg-daily-body .mg-scripture-link{align-self:stretch;}
  body.mg-daily-body .mg-grace-actions{flex-direction:column;}
  body.mg-daily-body .mg-grace-actions button{width:100%;}
}
@media print{
  body.mg-daily-body .mg-header,
  body.mg-daily-body .mg-footer,
  body.mg-daily-body .mg-grace-actions,
  body.mg-daily-body .mg-grace-save-status,
  body.mg-daily-body .mg-recent,
  body.mg-daily-body .mg-daily-cta{display:none!important;}
  body.mg-daily-body .mg-daily-inner{max-width:none!important;padding:0!important;}
  body.mg-daily-body .mg-daily-hero{margin-bottom:22px!important;}
  body.mg-daily-body .mg-today-card,
  body.mg-daily-body .mg-grace-journal{break-inside:avoid-page;}
  body.mg-daily-body .mg-today-art img{max-height:6.6in!important;}
  body.mg-daily-body .mg-grace-step textarea{overflow:visible!important;resize:none!important;}
}

/* =========================================================
   V50 — DAILY SCRIPTURE / JOURNAL LEFT COLUMN ONLY
   Purpose: remove the redundant One Takeaway display from the
   Today’s Grace left column. Date, a fixed Today’s Scripture
   heading, the daily Scripture reference, a brief invitation,
   and the daily Full Scripture link remain. No other page is
   changed by these selectors.
   ========================================================= */
body.mg-daily-body .mg-today-reference{
  font:19px/1.35 var(--mg-headline);
  color:#705a4d;
  letter-spacing:.02em;
  margin:-4px 0 18px;
}
body.mg-daily-body .mg-today-invite{
  font:16px/1.62 var(--mg-body);
  color:#705a4d;
  margin:0 0 20px;
}
@media(max-width:600px){
  body.mg-daily-body .mg-today-reference{font-size:18px;}
}



/* =========================================================
   V52 — TODAY'S GRACE: THREE DAILY CONTENT SECTIONS
   Daily Scripture / Journal page ONLY.
   Keeps the automatic date and large featured watercolor image.
   The left column now presents three changing content areas:
   Today's Scripture, Today's Takeaway, and GRACE Reflection.
   ========================================================= */
body.mg-daily-body .mg-today-meta{
  padding:38px 36px 40px;
  justify-content:center;
}
body.mg-daily-body .mg-today-date{
  margin:0 0 22px;
}
body.mg-daily-body .mg-today-section{
  margin:0 0 23px;
}
body.mg-daily-body .mg-today-section:last-of-type{
  margin-bottom:25px;
}
body.mg-daily-body .mg-today-section-label{
  font:12px/1.25 var(--mg-body);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#8f9475;
  margin:0 0 7px;
}
body.mg-daily-body .mg-today-section-scripture .mg-today-section-label{
  font:30px/1.22 var(--mg-headline);
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
  color:#705a4d;
  margin:0 0 10px;
}
body.mg-daily-body .mg-today-reference{
  font:19px/1.4 var(--mg-headline);
  color:#705a4d;
  letter-spacing:.02em;
  margin:0 0 10px;
}
body.mg-daily-body .mg-today-excerpt{
  font:16px/1.6 var(--mg-body);
  color:#705a4d;
  font-style:italic;
  margin:0;
}
body.mg-daily-body .mg-today-copy{
  font:16px/1.62 var(--mg-body);
  color:#705a4d;
  margin:0;
}
body.mg-daily-body .mg-scripture-link{
  margin-top:1px;
}
body.mg-daily-body .mg-today-art{
  min-height:520px;
}
body.mg-daily-body .mg-today-art img{
  max-height:760px;
}
@media(max-width:900px){
  body.mg-daily-body .mg-today-art{min-height:0;}
  body.mg-daily-body .mg-today-art img{max-height:none;width:100%;}
}
@media(max-width:600px){
  body.mg-daily-body .mg-today-meta{padding:27px 22px 30px;}
  body.mg-daily-body .mg-today-date{margin-bottom:18px;}
  body.mg-daily-body .mg-today-section-scripture .mg-today-section-label{font-size:27px;}
  body.mg-daily-body .mg-today-reference{font-size:18px;}
  body.mg-daily-body .mg-today-excerpt,
  body.mg-daily-body .mg-today-copy{font-size:15px;}
}


/* =========================================================
   V53 — DAILY GRACE SINGLE POST PREVIEW
   Daily Grace posts now preview in the same approved Today’s Grace
   two-column composition as the Daily Scripture / Journal page.
   The legacy Gutenberg body (including old Canva graphics/links)
   is intentionally hidden on these Daily Grace single posts.
   ========================================================= */
body.mg-daily-body .mg-daily-single-inner{
  max-width:1460px;
  padding-top:36px;
  padding-bottom:54px;
}
body.mg-daily-body .mg-daily-single-page .mg-today-card{
  margin-bottom:0;
}
body.mg-daily-body .mg-daily-single-page .mg-today-grid{
  grid-template-columns:minmax(330px,.82fr) minmax(0,1.65fr);
}
body.mg-daily-body .mg-daily-single-page .mg-today-art{
  min-height:600px;
  padding:28px;
}
body.mg-daily-body .mg-daily-single-page .mg-today-art img{
  width:100%;
  height:100%;
  min-height:540px;
  max-height:none;
  object-fit:cover;
  object-position:center;
}
@media(max-width:900px){
  body.mg-daily-body .mg-daily-single-page .mg-today-grid{grid-template-columns:1fr;}
  body.mg-daily-body .mg-daily-single-page .mg-today-art{min-height:0;padding:18px;}
  body.mg-daily-body .mg-daily-single-page .mg-today-art img{height:auto;min-height:0;object-fit:contain;}
}

/* =========================================================
   V54 — DAILY GRACE SINGLE POST: BALANCED ART + GRACE JOURNAL
   Single Daily Grace previews only.
   - The watercolor artwork now fills the full height of the right
     column (with the same quiet inset) so both columns balance.
   - The interactive five-box GRACE Method journal is restored
     directly beneath Today's Grace, matching the journal hub.
   ========================================================= */
body.mg-daily-body .mg-daily-single-page .mg-today-grid{
  align-items:stretch;
}
body.mg-daily-body .mg-daily-single-page .mg-today-art{
  position:relative;
  align-self:stretch;
  min-height:640px;
  padding:0;
  overflow:hidden;
  background:#f7f3ee;
}
body.mg-daily-body .mg-daily-single-page .mg-today-art img.mg-daily-watercolor-image{
  position:absolute;
  inset:28px;
  width:calc(100% - 56px);
  height:calc(100% - 56px);
  min-height:0;
  max-height:none;
  object-fit:cover;
  object-position:center;
  margin:0;
}
body.mg-daily-body .mg-daily-single-journal{
  margin-top:26px;
}
@media(max-width:900px){
  body.mg-daily-body .mg-daily-single-page .mg-today-art{
    position:static;
    min-height:0;
    padding:18px;
  }
  body.mg-daily-body .mg-daily-single-page .mg-today-art img.mg-daily-watercolor-image{
    position:static;
    width:100%;
    height:auto;
    min-height:0;
    object-fit:contain;
  }
}


/* =========================================================
   V55 — DAILY GRACE SINGLE: RESTORE INTRO + SHOW FULL ARTWORK
   Single Daily Grace previews only.
   - Restores the approved Daily Scripture / Journal intro header.
   - Uses the featured watercolor at its natural aspect ratio so no
     part of the artwork is cropped.
   - The grid row stretches the left column to the same height as the
     full image, preserving the balanced two-column composition.
   - GRACE Method journal boxes remain directly beneath Today's Grace.
   ========================================================= */
body.mg-daily-body .mg-daily-single-hero{
  margin-bottom:34px;
}
body.mg-daily-body .mg-daily-single-page .mg-today-grid{
  align-items:stretch;
}
body.mg-daily-body .mg-daily-single-page .mg-today-meta{
  align-self:stretch;
}
body.mg-daily-body .mg-daily-single-page .mg-today-art{
  position:static;
  min-height:0;
  padding:28px;
  overflow:visible;
  background:#f7f3ee;
  align-self:stretch;
  display:flex;
  align-items:center;
}
body.mg-daily-body .mg-daily-single-page .mg-today-art img.mg-daily-watercolor-image{
  position:static;
  inset:auto;
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  max-height:none;
  object-fit:contain;
  object-position:center;
  margin:0;
}
@media(max-width:900px){
  body.mg-daily-body .mg-daily-single-hero{margin-bottom:24px;}
  body.mg-daily-body .mg-daily-single-page .mg-today-art{padding:18px;display:block;}
  body.mg-daily-body .mg-daily-single-page .mg-today-art img.mg-daily-watercolor-image{
    width:100%;height:auto;object-fit:contain;
  }
}