/*

 Theme Name:   GeneratePress Child

 Theme URI:    http://generatepress.com

 Description:  Default GeneratePress child theme

 Author:       Thomas Usborne

 Author URI:   http://edge22.com

 Template:     generatepress

 Version:      0.44

 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow

*/


.about-author-wrapper{border: 1px solid #D5D5D5; background:#E7E7E7; margin-top:5px; margin-bottom:5px; padding:10px; }

.art-link {border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; padding:17px 0px 17px 0px; margin-bottom: 15px !important;}

.book-link {background-color: #FAD980; border-left: 5px solid #c8962a; padding: 20px 25px; border-radius: 0 10px 10px 0; margin: 2em 0; #2d2000;}

.sidebar-abox {background-color:#FAFAFA; text-align: center; display: block; clear: both;height: 610px;}

@media only screen and (max-width: 768px) { .sidebar-abox { height: 265px;}}

.border-img {border: 1px #000000 solid;}

.botext {font-weight:bold;}

.btad1 {font: 500 21px lato, Arial, Helvetica, sans-serif; margin-bottom:20px;}

.btitle {font-family:Lato, Arial, Helvetica, sans-serif; font-size: 24px; text-align:center;}

.b-title {font: 500 26px Fjalla One, Arial, Helvetica, sans-serif; margin-top:15px; margin-bottom:15px !important;}

h2.entry-title { font-size: 26px !important;}

@media only screen and (max-width: 800px) {.btad1 {text-align:center;}}

.b-pb {font: 20px Lato, Arial, Helvetica, sans-serif; font-weight:bold;}

.bcrumbs {margin-top:0.9em; margin-left:1.0em; margin-right:1.0em;}

.center-text{text-align: center; }

.alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }

@media screen and (max-width: 645px) {

    img.midimg {display: block; float:none; margin-left: auto; margin-right:auto; margin-bottom:1em;}

}

.img-circle { border-radius: 50%;}

@media screen and (max-width: 650px) { .invis { display:none !important ; } }

* { box-sizing: border-box;}

.archive.post-image-above-header .inside-article .post-image {margin-bottom: 5px;}

.entry-content ul li, .entry-content ol li { margin-bottom: 12px;}

.entry-content ul, .entry-content  ol { margin-left: 2em;}

.entry-summary {margin-top: 0.7em;}

.quotes-page {border-bottom:1px solid #C3C3C3; padding:17px 0px 17px 0px; margin-bottom: 15px !important;}

.single .page-header-image-single {display: none;}

a {color: #0000FF;}

.underliner a {text-decoration: underline; }

p .underliner {text-decoration: underline; }

p a:link, p a:hover, p a:active, p a:visited {text-decoration: underline;}

@media screen and (max-width: 985px) { .invisad { display:none;} }

@media (max-width: 985px) {

    .header-widget {

        display: none;

    }

}

.sbooks {width: 92%; padding: 20px 5px 5px 5px; border: 2px solid #C8C8C8; border-radius:5px; box-sizing: border-box; margin-left: auto; margin-right:auto; margin-bottom: 1.0em;}

.sbooks a {text-decoration: underline;}

.page-header {margin-bottom: 15px;}

/* menu border */

#site-navigation { border: 1px solid #D3D3D3;}

#site-navigation, #mobile-header {border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1);}

/* menu current underline */

@media (min-width:769px) { .main-navigation .main-nav ul li[class*="current-menu-"] > a { border-bottom: 2px solid #00C4C4;}}

/* sub-menu fontse */

.main-navigation .main-nav ul ul li a { font-size: 17px;}

/* author box */

.post-author {margin-bottom:20px; padding: 8px; border: 1px solid #dfdfdf; border-top: 2px solid #747474; box-shadow: inset 0 0 10px #f2f2f2;}

.post-author .img-border {float: left; margin-right: 20px;}

.post-author .ata {font: 21px Lato, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; margin: 0.7em 0;}

.post-author p {margin-bottom: 0.5em;}

@media only screen and (min-width:780px) {.novisdesk {display: none; max-height: 0; overflow: hidden;} }

p.eba {background-color:#C5E2FF;padding:10px; border-left-style: inset;  border-left-color: #8BC5FF; border-left-width: 6px;font-size:20px;}

/* right sidebar widgets space

------------------------------------------ */

.inside-right-sidebar .widget { margin-bottom: 3px;}

/* author name added

------------------------------------------ */

.entry-meta {font-size: 20px; font-weight:normal !important; color:#0B0B0B;}

/* a-books

------------------------------------------ */

.border-books {width:90%; color:#000000; background-color:#FFFFFF; border:1px solid #9D9D9D; border-radius:5px; padding:18px 12px 24px 12px; font-size:17px;line-height:32px; margin-top:16px; margin-bottom:26px; margin-left: auto; margin-right:auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

@media screen and (max-width: 645px) {

    .border-book {width:85%;}

}

.biglet1 {font-size:1.32em !important;font-family:Fjalla One, Arial, sans-serif; font-weight:400; color:#000000 !important; line-height:32px;}

.biglet2 {font-size:1.15em;font-family:Fjalla One, Arial, sans-serif; font-weight:400; color:#000000 !important; line-height:28px; margin-top:10px; margin-bottom:15px;}

.l2-height { line-height:32px;}

.mbh1 {margin-bottom:20px; margin-top:8px;}

.bn-button {background-color:#175D33; padding: 6px 12px; border-radius: 6px; font-size:0.90em; font-family:Arial; font-weight:500; color: #FFFFFF !important;}

.bn-button a {text-decoration: none !important; color: #FFFFFF !important;}

@media screen and (max-width: 645px) {

    .midtext {text-align:center;}

}

.vs {margin-top:-10px;}


/* tables for topics page

------------------------------------------ */

.columns22 { padding:0;  margin:0;}

.column-b22 { float: left; width: 33%;}

.column-c22 { float: left; width: 33%;}

.column-d22{ float: left; width: 33%;}

@media screen and (max-width: 600px) {.column-b22 {width: 100%;margin-bottom:10px;}}

@media screen and (max-width: 600px) {.column-c22 {width: 100%;margin-bottom:10px;}}


/* Read more button

------------------------------------------ */

a.read-more.button {color:white !important; font-family: lato !important; font-size: 18px !important; font-weight: 600 !important; text-decoration: none !important;}


/* underline post links

------------------------------------------ */

body:not(.blog):not(.archive) .inside-article a {text-decoration: underline;}


/* columns added

------------------------------------------ */

.column {float: left; width: 25%; padding: 10px; height: 300px; box-sizing: border-box;}

@media screen and (max-width: 800px) { .column { width: 100%; }}

.column-b { float: left; width: 33%;}

.column-b p {line-height:20px;}

.column-b a {text-decoration: underline;}

@media screen and (max-width: 600px) {.column-b {width: 100%;margin-bottom:10px;}}

ul.wp-block-latest-posts__list.wp-block-latest-posts a {font-weight: 400; font-family:Fjalla One; font-size: 26px; text-decoration: none !important; color:black;}

.wp-block-latest-posts {padding:12px !important;}

.cof-button {background-color:#175D33; padding: 6px 12px; border-radius: 6px; font-size:1.2em; font-family:Arial; font-weight:500; color: #FFFFFF !important;}

.cf-box {padding-top:12px; padding-bottom:12px; border-top: 2px solid #C8C8C8; border-bottom: 2px solid #C8C8C8; box-sizing: border-box; margin-left: auto; margin-right:auto; margin-bottom: 1.0em;}

.bx-books {width: 100%; background-color:#EFEFEF; padding:25px; margin-bottom: 15px !important;}


/* recent posts widgets

------------------------------------------ */

.wp-block-latest-posts__post-title { font-size: 19px !important;}


/*2 unequal columns that floats next to each other */

.column-sp {

 float: left;

 }


.column1 {

  float: left; 

  width: 30%;

	}


.column2 {

  float: left;

	width: 70%;

	}


/* Responsive layout */

@media screen and (max-width: 768px) {

  .column1  {

    width: 100%;

  }

}


/* Clear floats after the columns */

.row:after {

  content: "";

  display: table;

  clear: both;

}


/* Responsive layout */

@media screen and (max-width: 768px) {

  .column2  {

    width: 100%;

  }

}


p.big-h {font: 400 1.4em Fjalla One, Arial, Helvetica, sans-serif; color:#333333; }

p.bl-title {font: 400 1.70em Arial, Helvetica, sans-serif; font-weight:bold; margin-top:1.1em; margin-bottom:0;}

h2 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #d4b78f;}

h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #d4b78f;}


p.bt {font: 1.31em Fjalla One, Arial, Helvetica, sans-serif; text-align: center; margin-top:0;}


.in-button {background-color:#0366d6; padding: 8px 15px; border-radius: 6px; font-size:1.1em; font-family:lato; font-weight:500; color: #FFFFFF !important; text-decoration: none !important;}


.b-button {background:linear-gradient(#306798, #0064C8); padding: 12px 20px; border: 1px solid #458032; border-radius: 6px; font-size:17px; font-family:Lato; font-weight:600; color: #FFFFFF !important; text-decoration: none !important;}

.c-button {background:linear-gradient(#7AD559, #51963A); padding: 12px 20px; border: 1px solid #458032; border-radius: 6px; font-size:17px; font-family:Lato; font-weight:600; color: #FFFFFF !important; text-decoration: none !important;}	


.biglet3 {font-size:1.16em;font-family:Fjalla One, Arial, sans-serif; font-weight:400; color:#000000 !important; line-height:28px; margin-top:6px; margin-bottom:15px;}

.sbox {width: 90%; padding:18px 10px 18px 10px; border: 1px solid #840000; border-radius:5px;  margin-bottom: 20px; margin-left: auto; margin-right:auto;}

@media screen and (max-width: 768px) {.sbox  { width: 98%;}}


/* Two equal columns that floats next to each other */

.column-a {

  float: left;

  width: 45%;

  padding: 15px 5px 5px 5px;

  margin-left:10px;

  margin-right:10px;

  margin-bottom:20px;

  }

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 768px) {

  .column-a {

    width: 100%;

  }

}

/* Rightbar box */
.sc2-sidebar-cta {
  background: #faf8f4;
  border: 1px solid #f5c542;
  border-radius: 14px;
  padding: 18px 20px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
  margin-bottom: 20px;
  line-height: 1.6;
}

/* Title */
.sc2-sidebar-cta-title {
  margin: 0 0 8px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* Text */
.sc2-sidebar-cta-text {
  margin: 0 0 14px;
  font-size: 19px;
}

/* Button */
.sc2-sidebar-cta-btn {
  display: block;
  text-align: center;
  padding: 10px 14px;
  border-radius: 999px;
  background: #4570d1;
  color: #ffffff !important;   /* THIS MAKES THE TEXT WHITE */
  font-weight: 600;
  font-size: 19px;
  text-decoration: none;
  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}

/* Hover + Focus */
.sc2-sidebar-cta-btn:hover,
.sc2-sidebar-cta-btn:focus {
  background: #3d63b8;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}
/* sc2-sidebar color */
.sc-sidebar-cta .sc-sidebar-cta-btn,
.sc-sidebar-cta .sc-sidebar-cta-btn a {
    color: #ffffff !important;
    text-decoration: none !important;
}


@media(max-width: 768px) {
    #right-sidebar {
        display: none;
    }
}

/* ===== HOMEPAGE HERO ===== */

/* Background */
.home .page-hero {
  background-size: cover;
  background-position: center center;
}

/* Heading */
.home .page-hero h1 {
  font-size: 46px !important;
  line-height: 1.28;
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  max-width: 650px;
  text-shadow: 0 2px 8px rgba(0,0,0,0.45);
}

@media (max-width: 768px) {
  .home .page-hero h1 {
    font-size: 36px !important;
  }
}

/* Sublines */
.home .hero-sublines {
  text-align: left;
  color: rgba(255,255,255,0.9);
  font-size: 19px;
  line-height: 1.6;
  margin: 18px 0 0 0;
  max-width: 620px;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Trust line */
.home .hero-sublines .trust-line {
  display: block;
  font-size: 15px;
  opacity: 0.75;
  margin-top: 10px;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {

  /* Show a bit of orange while keeping text readable */
  .home .page-hero {
    background-position: 45% center;
  }

  /* Heading */
  .home .page-hero h1 {
    font-size: 32px !important;
    line-height: 1.22;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  /* Sublines */
  .home .hero-sublines {
    text-align: center;
    font-size: 15px;
    line-height: 1.55;
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
  }

  /* Trust line */
  .home .hero-sublines .trust-line {
    font-size: 13px;
  }
}

.page-hero h1 {
font-size: 43px;
font-weight: 500;
color: #FFFFFF;
text-shadow: 2px 2px #000000;
}
.page-hero p {
font-size: 22px;
font-weight: 400;
color: #FFFFFF;
text-shadow: 2px 2px #000000;
}

.no-underline-link a {
  text-decoration: none !important;
}

.no-underline-btn {
  text-decoration: none !important;
}
.pro-title {font: 600 25px Lato, Arial, Helvetica, sans-serif; }
.bx2-books {width: 100%; background-color:#EFEFEF; padding:25px; margin-bottom: 15px !important;}

.book-box {
  max-width: 850px;
  margin: 40px auto 15px auto;
  border: 1px solid #ccc;
  padding: 20px 20px 0px 20px; /* Top, Right, Bottom, Left */
  box-sizing: border-box;
  background: #fff;
}


.book-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* ?? Controls space between columns */
  align-items: flex-start;
}

.book-left {
  flex: 0 0 160px; /* ?? Fixed width for image column */
}

.book-left img {
  max-width: 100%;
  height: auto;
  display: block;
  border: 1px solid #aaa;
  margin-top: 10px;
}

.book-right {
  flex: 1;
}

@media (max-width: 768px) {
  .book-columns {
    flex-direction: column;
  }

  .book-left {
    width: 100%;
    text-align: center; /* ?? centers title text */
  }

  .book-left img {
    display: block;
    margin-left: auto;
    margin-right: auto; /* ?? centers image */
	  margin-bottom: 15px;
  }

  .book-right {
    width: 100%;
    text-align: left; /* ?? keeps text left-aligned */
  }
}

.book-box > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.book-inline-shape {
  display: flex;
  gap: 15px;
  align-items: center;
	border-top:2px solid #C3C3C3;
  border-bottom:2px solid #C3C3C3;
  margin: 20px 0;
  flex-wrap: wrap;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
	padding-top:20px;
	padding-bottom:20px;
}

.book-cover {
  width: 180px;
  height: auto;
  display: block;
}

.book-info {
  flex: 1;
}

.books-link {
  display: inline-block;
  color: #cc0000; /* red text color */
  text-decoration: none;
  padding: 6px 0;
  font-weight: bold;
}

.books-link:hover {
  color: #990000;
  border-color: #990000;
}

/* Responsive for mobile */
@media (max-width: 600px) {
  .book-inline-shape {
    flex-direction: column;
    text-align: center;
  }

  .book-cover {
    width: 180px;
    margin-bottom: 10px;
  }

  .book-info {
    width: 100%;
  }
}

.bx-books-sidebar {
  width: 100%;
  padding: 25px;
  margin-bottom: 15px !important;
  border: 2px solid #ddd;
  border-radius: 6px;
	background-color: #faf8f4;
  }
/* Highlight words in blue */
.highlight-blue {
  color: #0073e6;
  font-weight: bold; /* optional */
}

.single h2::after,
.page h2::after {
  content: "";
  display: block;
  height: 3px;
  background-color: #d4b78f;
  margin-top: 12px;
  border-radius: 2px;
}

.archive h2::after {
  content: none;
}

/* Share links b-20 */
.share-box {
  background: #fff8e1;
  border: 1px solid #f2e3b1;
  border-radius: 10px;
  padding: 12px 16px;
  margin: 24px 0;
	font-size: 19px;
}
.share-box strong {
  display: block;
  margin-bottom: 6px;
}
.share-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
}
.share-links a {
  text-decoration: underline;
  font-size: 16px;
  color: #333;
}
.share-links a:hover {
  color: #b89c38;
}

/* preloaded fonts */
@font-face{
  font-family:'Lato';
  src:url('/blog/wp-content/themes/generatepress_child/fonts/lato-400.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Fjalla One';
  src:url('/blog/wp-content/themes/generatepress_child/fonts/fjalla-one-400.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* top cta */
.cta-gold-box {
    background: #f5c542;
    padding: 25px;
    border-radius: 12px;
    margin: 35px 0;
    text-align: left;
}

.cta-gold-box img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


.cta-gold-box .cta-button {
    display: inline-block;
    background: #000000;
    color: #ffffff;
    padding: 14px 30px;
    border-radius: 6px;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 15px;
}

.cta-gold-box p {
    margin: 10px 0;
    line-height: 1.5;
}

.cta-narrow {
  max-width: 720px;
  margin: 0 auto 30px auto;
}


/* gumroad button */
.buy-gumroad-btn {
    display: inline-block;
    background-color: #000000;
    color: #ffffff !important;
    padding: 14px 30px;
    font-size: 19px;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 8px;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.15);
    transition: 0.2s ease;
}

.buy-gumroad-btn:hover {
    opacity: 0.85;
    transform: translateY(-2px);
}

/* sticky sidebar */
.sc-sticky-cta {
  background: #faf8f4;
  border: 1px solid #f5c542;
  border-radius: 14px;
  padding: 18px 20px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
	margin-bottom: 20px !important;
	line-height: 1.6;
	}

/* Title */
.sc-sticky-cta-title {
  margin: 0 0 8px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* Text */
.sc-sticky-cta-text {
  margin: 0 0 14px;
  font-size: 19px;
}

/* Button */
.sc-sticky-cta-btn {
  display: block;
  text-align: center;
  padding: 10px 14px;
  border-radius: 999px;
  background: #f5c542;
  color: #000000 !important;
  font-weight: 600;
  font-size: 19px;
  text-decoration: none;
  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}

.sc-sticky-cta-btn:hover,
.sc-sticky-cta-btn:focus {
  background: #f4c024;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

.b-note {background-color: #f9f9f9; padding: 20px; border-left: 5px solid #0056b3; margin-top: 30px; font-style: italic;}


/* Container for the three homepage category groups */
.sc-home-sections {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin: 40px 0;
}

/* Each category box — base styles */
.sc-home-section {
  border: none;
  border-radius: 10px;
  padding: 20px 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}

/* Individual box colors */
.box-calm {
  background: #C8E6C8;
}

.box-mind {
  background: #FAD980;
}

.box-awaken {
  background: #F0C0C0;
}

/* Section headings */
.sc-home-section h3 {
  margin-top: 0;
  font-size: 22px;
  margin-bottom: 12px;
  text-align: center;
}

/* Descriptive text */
.sc-home-section p {
  font-size: 20px;
  margin-bottom: 14px;
  text-align: center;
  line-height: 1.5;
}

/* Links list */
.sc-home-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.sc-home-section ul li {
  margin: 6px 0;
}

.sc-home-section ul li a {
  font-size: 20px;
  text-decoration: none;
}

.sc-home-section ul li a:hover {
  text-decoration: underline;
}

/* Homepage image mobile */
@media (max-width: 768px) {
  .mobile-image-padding {
    padding-bottom: 20px !important;
    display: block !important;
  }
}

/* Success Consciousness Quiz Card */
.quiz-card-container {
    background-color: #f8fbff; 
    border: 1px solid #e1e8f0;
    border-left: 6px solid #0056b3; 
    border-radius: 10px;
    padding: 40px 30px;
    text-align: center;
	padding-bottom: 25px !important;
    
    /* Desktop optimization */
    max-width: 700px; 
    margin: 50px auto; 
    
    /* Shadow and depth */
    box-shadow: 0 5px 20px rgba(0,0,0,0.04);
    box-sizing: border-box; /* Ensures padding doesn't affect width */
}

.quiz-card-container h3 {
    font-size: 1.8rem;
    color: #222;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.quiz-card-container p {
    font-size: 1.2rem;
    color: #444;
    line-height: 1.5;
    margin-bottom: 25px;
}

/* The Call to Action Button */
.quiz-button {
    display: inline-block;
    background-color: #0056b3;
    color: #ffffff !important;
    padding: 16px 35px;
    text-decoration: none !important;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.quiz-button:hover {
    background-color: #003d7a;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
    text-decoration: none !important;
}

/* Mobile Adjustments */
@media (max-width: 600px) {
    .quiz-card-container {
        margin: 30px 15px; /* Adds small margin on mobile screens */
        padding: 30px 20px;
    }
    .quiz-card-container h3 {
        font-size: 1.5rem;
    }
}

/* Removes the extra gap at the very bottom of the card */
.quiz-card-container p:last-child {
    margin-bottom: 0;
}

/* right sidebar widgets space */
.inside-right-sidebar .widget { margin-top: -30px;}

/* sticky sidebar */
.inside-right-sidebar { position: sticky; top: 0;  z-index: 1;}

.generate-page-header,
.page-hero,
.page-header-image-single {
    position: relative;
    z-index: 10;
}

/* -------------------------------------------
   Start here CSS
   ------------------------------------------- */

.start-here-page .tagline { font-size: 1.1em; color: #666; margin-top: 0; font-style: italic; }
.start-here-page .welcome-box { background: #fff8ee; border-left: 4px solid #c8a96e; padding: 20px 24px; border-radius: 4px; margin: 28px 0; }
.start-here-page .path-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0; }
.start-here-page .path-card { background: #fff; border: 1px solid #e0d6c8; border-radius: 8px; padding: 20px 22px; }
.start-here-page .path-card h3 { margin-top: 0; font-size: 1.05em; color: #3a3a3a; }
.start-here-page .path-card ul { margin: 8px 0 0; padding-left: 18px; }
.start-here-page .path-card ul li { margin-bottom: 4px; }
.start-here-page .cta-primary { display: inline-block; background: #2d5a27; color: #fff !important; padding: 13px 26px; border-radius: 5px; text-decoration: none; font-weight: bold; margin: 8px 0; }
.start-here-page .cta-secondary { display: inline-block; background: transparent; color: #2d5a27 !important; border: 2px solid #2d5a27; padding: 11px 24px; border-radius: 5px; text-decoration: none; font-weight: bold; margin: 8px 0 8px 10px; }
.start-here-page .step-list { counter-reset: steps; list-style: none; padding: 0; }
.start-here-page .step-list li { counter-increment: steps; position: relative; padding-left: 42px; margin-bottom: 18px; }
.start-here-page .step-list li::before { content: counter(steps); position: absolute; left: 0; top: 2px; width: 28px; height: 28px; background: #2d5a27; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9em; line-height: 28px; text-align: center; }
.start-here-page .quote { font-style: italic; color: #555; border-left: 3px solid #c8a96e; padding-left: 16px; margin: 24px 0; }
@media (max-width: 560px) {
  .start-here-page .path-grid { grid-template-columns: 1fr; }
  .start-here-page .cta-secondary { margin-left: 0; }
}