/*
Theme Name: Real Newspapers
Theme URI: 
Author: Silk Themes
Author URI: https://silkthemes.com
Version: 1.0.3
Requires at least: 4.7
Tested up to: 6
Requires PHP: 5.6
License: GNU General Public License, v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: newspaperss
Text Domain: real-newspapers

Description: Real Newspapers ( Newspaperss Child Theme ) is a WordPress theme designed specifically for various types of websites related to news, including magazines, publishers, blogs, editors, online and gaming magazines, and personal blogs. It is also optimized for SEO, and its design is widget-based, allowing extensive customization for content management. It is fully responsive, ensuring smooth performance on mobile devices, tablets, laptops, and desktops.

Tags:   grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template,threaded-comments,blog,news,food-and-drink

Real Newspapers WordPress Theme, Copyright 2025 silkthemes.com
Real Newspapers is distributed under the terms of the GNU GPL

Real Newspapers is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .slider-container{
        min-height: 90vh;
    }
    
}
@media print, screen and (min-width: 64em) {
  #top-content{
    padding-top: 15px;
  }
  .margin-right-silk{
    margin-right: 15px;
  }
  .slider-right div:nth-child(1):not(.post-image-warp) {
    padding-right:8px;
  }
  .slider-right div:nth-child(3) {
    padding-right:8px;
    padding-top:8px;
  }
  .slider-right div:nth-child(4) {
    padding-top:8px;
  }
  .slider-container {
    min-height: 450px;
}
.slider-right .post-wrap{
  height: 222px;
}
}
.slider-right .post-title a{
  font-size: 16px;
}
.site-description{
    color: black;
}


.sidebar-inner .widget_archive ul li a, 
.sidebar-inner .widget_categories ul li a, 
.sidebar-inner .widget_pages ul li a, 
.sidebar-inner .widget_nav_menu ul li a, 
.sidebar-inner .widget_portfolio_category ul li a {
    line-height: 20px;
    padding: 5px 0;
    font-size: 15px;
    color: #414141;
    text-decoration: none;
  }

  .head-bottom-area ,.head-bottom-area .dropdown.menu .is-dropdown-submenu > li{
    background-color:#040508db;
  }
  .head-bottom-area .dropdown.menu a, .search-wrap .search-field, .head-bottom-area .dropdown.menu .is-dropdown-submenu > li a, .home .head-bottom-area .dropdown.menu .current-menu-item a{
    color: rgb(255, 255, 255);
  }

  #topmenu .top-bar .top-bar-left .menu a{
    color: #000000;
  }
  #topmenu,.off-canvas-content .title-bar{
    background-color: #ffffff;
  }
  .head-top-area{
    padding: 20px;
  }

  .post-wrap-big .post-title a,.post-list .post-title a{
    text-decoration: none;
  }
  .post-cat-info a{
    text-decoration: none;
  }

  .post-wrap-big .post-thumb img {
    min-width: 370px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center center;
    height: 300px;
}
/*----------------------------------------------------
breaking-news
-------------------------------------------------------- */
.breaking-news-wrap {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
}
.breaking-news-inner {
  position: relative;
  display: block;
  padding: 7px 10px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 4px;
  margin-right: 15px;
  margin-left: 15px;
  overflow: hidden;
}
.breaking-news-content .slick-slider {
display: none;
}
.breaking-news-content .slick-slider.slick-initialized {
display: block; 
}
.breaking-news-title {
  display: block;
  float: left;
  margin-right: 15px;
}
.breaking-news-title span {
  display: block;
  padding: 0 10px;
  height: 22px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #d707e5db;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}
.breaking-news-title .mobile-headline {
  display: none;
  height: 22px;
  color: #d707e5db;
  font-size: 16px;
  line-height: 22px;
}
.breaking-news-content {
  position: relative;
  display: block;
  max-width: 100%;
}
.breaking-news-content-inner {
  z-index: 99;
}
.post-breaking-news.post-wrap {
  overflow: hidden;
  margin: 0 60px 0 0!important;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.post-breaking-news .post-title {
  position: relative;
  left: 30px;
  display: block;
  visibility: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-weight: inherit;
  line-height: 22px;
  opacity: 0;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  font-size: 13px;
  color: #282828;
  font-weight: 700;
  text-transform: uppercase;
}
.post-breaking-news .post-title a{
  color: #282828;
  font-size: .95em;
}
.slick-current.slick-active .post-breaking-news .post-title{
opacity: 1;
visibility: visible;
}
.breaking-news-content .newspaperss-slider-nav {
  position: absolute;
  display: block;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: rgba(28,28,28,.07);
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 22px;
  opacity: .5;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}
.breaking-news-content .newspaperss-slider-prev {
  right: 27px;
  left: auto;
}
.breaking-news-content .newspaperss-slider-next {
  right: 0;
}

.slider-post-wrap.featured .entry-meta{
  background: rgba(0, 0, 0, .2);
}

  /* ----------- Pro color ----------- */
  a,.comment-title h2,h2.comment-reply-title,
  .sidebar-inner .widget_archive ul li a::before, 
  .sidebar-inner .widget_categories ul li a::before, 
  .sidebar-inner .widget_pages ul li a::before, .sidebar-inner .widget_nav_menu ul li a::before, 
  .sidebar-inner .widget_portfolio_category ul li a::before,
  .defult-text a span,.woocommerce .star-rating span::before {
    color: #040508db;
  }
  .scroll_to_top,.bubbly-button,
  #blog-content .navigation .nav-links .current,
  .woocommerce nav.woocommerce-pagination ul li span.current,
  .woocommerce ul.products li.product .button,.tagcloud a,
  .lates-post-warp .button.secondary,.pagination .current,
  .pagination li a,.widget_search .search-submit,
  .widget_wrap .wp-block-search__button,.comment-form .form-submit input#submit, 
  a.box-comment-btn,.comment-form .form-submit input[type="submit"],.cat-info-el,
  .comment-list .comment-reply-link,.woocommerce div.product form.cart .button, 
  .woocommerce #respond input#submit.alt,.woocommerce a.button.alt, .woocommerce button.button.alt,
  .woocommerce input.button.alt, .woocommerce #respond input#submit,.woocommerce a.button, 
  .woocommerce button.button, .woocommerce input.button,.mobile-menu  .nav-bar .offcanvas-trigger{
    background-color: #040508db;
  }
  .viewall-text .shadow{
    -webkit-box-shadow: 0 2px 3px #040508db;
      -moz-box-shadow: 0 2px 3px #040508db;
      box-shadow: 0 2px 3px #040508db;
  }
  .bubbly-button{
    -webkit-box-shadow: 0 2px 3px #040508db;
      -moz-box-shadow: 0 2px 3px #040508db;
      box-shadow: 0 2px 3px #040508db !important;
  }
 :root {
      --primary: #1f4b8c;
      --accent: #f4b000;
      --bg-light: #f7f9fc;
      --text-main: #222;
      --text-muted: #666;
      --border-soft: #e0e4ee;
      --max-width: 1100px;
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--text-main);
      line-height: 1.6;
      background: #ffffff;
    }

    a {
      color: var(--primary);
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
    }

    header,
    main,
    footer {
      width: 100%;
    }

    .container {
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 1.5rem 1rem;
    }

    /* Header / Nav */
    .site-header {
      border-bottom: 1px solid var(--border-soft);
      background: #ffffff;
    }

    .site-header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;
    }

    .logo-area {
      display: flex;
      align-items: center;
      gap: 0.75rem;
    }

    .logo-area img {
      width: 44px;
      height: 44px;
      object-fit: contain;
    }

    .site-title {
      font-size: 1.25rem;
      font-weight: 700;
      margin: 0;
    }

    .site-tagline {
      font-size: 0.9rem;
      color: var(--text-muted);
      margin: 0;
    }

    .main-nav ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      font-size: 0.95rem;
    }

    .main-nav a {
      font-weight: 500;
    }

    /* Hero */
    .hero {
      background: linear-gradient(135deg, #f5f8ff, #ffffff);
      border-bottom: 1px solid var(--border-soft);
    }

    .hero-inner {
      display: grid;
      grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr);
      gap: 2rem;
      align-items: center;
      padding-top: 2rem;
      padding-bottom: 2.5rem;
    }

    .hero h1 {
      font-size: 2.1rem;
      margin: 0 0 0.75rem;
      color: var(--primary);
    }

    .hero p.hero-subtitle {
      font-size: 1.02rem;
      margin: 0 0 1.25rem;
      color: var(--text-muted);
    }

    .hero-cta {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      align-items: center;
      margin-bottom: 1.5rem;
    }

    .btn-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.65rem 1.3rem;
      border-radius: 999px;
      background: var(--primary);
      color: #ffffff;
      font-weight: 600;
      border: none;
      cursor: pointer;
      font-size: 0.95rem;
    }

    .btn-primary:hover {
      opacity: 0.9;
      text-decoration: none;
    }

    .btn-outline {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.6rem 1.2rem;
      border-radius: 999px;
      border: 1px solid var(--border-soft);
      background: #ffffff;
      color: var(--primary);
      font-weight: 500;
      font-size: 0.9rem;
    }

    .hero-badges {
      display: flex;
      flex-direction: column;
      gap: 0.35rem;
      font-size: 0.9rem;
      color: var(--text-muted);
    }

    .hero-badges span {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
    }

    .hero-badges strong {
      color: var(--primary);
    }

    .hero-right {
      padding: 1.5rem;
      border-radius: 1rem;
      background: #ffffff;
      border: 1px solid var(--border-soft);
      box-shadow: 0 10px 30px rgba(15, 35, 85, 0.05);
    }

    .hero-right h2 {
      font-size: 1.05rem;
      margin-top: 0;
      margin-bottom: 0.75rem;
      color: var(--primary);
    }

    .hero-right p {
      font-size: 0.92rem;
      margin-bottom: 0.75rem;
      color: var(--text-muted);
    }

    .hero-right ul {
      margin: 0.5rem 0 0;
      padding-left: 1.2rem;
      font-size: 0.9rem;
    }

    /* Section titles */
    section {
      padding: 2.25rem 0;
    }

    section:nth-of-type(odd) {
      background: #ffffff;
    }

    section:nth-of-type(even) {
      background: var(--bg-light);
    }

    .section-title {
      font-size: 1.5rem;
      margin: 0 0 0.25rem;
      color: var(--primary);
    }

    .section-subtitle {
      font-size: 0.95rem;
      color: var(--text-muted);
      margin: 0 0 1.75rem;
    }

    /* What we help with */
    .feature-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1.5rem;
    }

    .feature-card {
      border-radius: 0.9rem;
      border: 1px solid var(--border-soft);
      padding: 1.2rem;
      background: #ffffff;
      height: 100%;
    }

    .feature-card h3 {
      font-size: 1rem;
      margin: 0 0 0.4rem;
      color: var(--primary);
    }

    .feature-card p {
      font-size: 0.9rem;
      color: var(--text-muted);
      margin: 0;
    }

    /* Attorneys */
    .attorney-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.75rem;
    }

    .attorney-card {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 1rem;
      padding: 1.2rem;
      border-radius: 0.9rem;
      border: 1px solid var(--border-soft);
      background: #ffffff;
    }

    .attorney-photo {
      width: 72px;
      height: 72px;
      border-radius: 999px;
      overflow: hidden;
      background: #e2e6f0;
      flex-shrink: 0;
    }

    .attorney-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .attorney-meta h3 {
      font-size: 1rem;
      margin: 0 0 0.2rem;
    }

    .attorney-meta p {
      font-size: 0.9rem;
      margin: 0.1rem 0;
      color: var(--text-muted);
    }

    .attorney-meta a {
      font-size: 0.88rem;
      font-weight: 500;
    }

    /* Featured guides */
    .guide-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.5rem;
    }

    .guide-card {
      border-radius: 0.9rem;
      border: 1px solid var(--border-soft);
      padding: 1.2rem;
      background: #ffffff;
      height: 100%;
    }

    .guide-card h3 {
      font-size: 1rem;
      margin: 0 0 0.4rem;
    }

    .guide-card p {
      font-size: 0.9rem;
      color: var(--text-muted);
      margin: 0 0 0.75rem;
    }

    .guide-card a {
      font-size: 0.9rem;
      font-weight: 500;
    }

    /* Why trusted */
    .trust-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.25rem;
      margin-top: 1rem;
    }

    .trust-item {
      display: flex;
      align-items: flex-start;
      gap: 0.6rem;
      font-size: 0.92rem;
      color: var(--text-muted);
    }

    .trust-bullet {
      width: 18px;
      height: 18px;
      border-radius: 999px;
      border: 2px solid var(--primary);
      flex-shrink: 0;
      margin-top: 0.18rem;
    }

    /* Recent articles */
    .recent-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1rem;
      font-size: 0.95rem;
    }

    .recent-list li a {
      display: block;
      padding: 0.7rem 0.75rem;
      border-radius: 0.6rem;
      border: 1px solid var(--border-soft);
      background: #ffffff;
    }

    /* Footer */
    footer {
      border-top: 1px solid var(--border-soft);
      background: #ffffff;
      padding-bottom: 2rem;
    }

    .footer-inner {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      font-size: 0.9rem;
      color: var(--text-muted);
    }

    .footer-col {
      min-width: 180px;
    }

    .footer-col h4 {
      margin: 0 0 0.75rem;
      font-size: 0.95rem;
      color: var(--primary);
    }

    .footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .footer-links li {
      margin-bottom: 0.35rem;
    }

    .footer-meta {
      margin-top: 1.25rem;
      font-size: 0.8rem;
      color: var(--text-muted);
    }

    @media (max-width: 900px) {
      .hero-inner {
        grid-template-columns: minmax(0, 1fr);
      }
      .feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .guide-grid,
      .recent-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .attorney-grid {
        grid-template-columns: minmax(0, 1fr);
      }
      .trust-list {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    @media (max-width: 640px) {
      .site-header-inner {
        flex-direction: column;
        align-items: flex-start;
      }
      .feature-grid {
        grid-template-columns: minmax(0, 1fr);
      }
      .guide-grid,
      .recent-list {
        grid-template-columns: minmax(0, 1fr);
      }
    }
/* Recent Articles Section */
.ccg-recent-articles {
    margin-top: 40px;
    border-top: 1px solid #e2e6ea;
    padding-top: 30px;
}

.ccg-recent-articles h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.ccg-recent-articles p {
    margin-bottom: 20px;
    color: #555;
}

.ccg-recent-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
}

.ccg-recent-item {
    background: #f9fafb;
    border-radius: 10px;
    padding: 18px 20px;
    border: 1px solid #e3e7ed;
}

.ccg-recent-title {
    font-size: 1.1rem;
    margin-bottom: 8px;
}

.ccg-recent-title a {
    text-decoration: none;
    color: #111827;
}

.ccg-recent-title a:hover {
    color: #005bbb;
}

.ccg-recent-meta {
    font-size: 0.85rem;
    color: #6b7280;
    margin-bottom: 10px;
}

.ccg-recent-excerpt {
    font-size: 0.95rem;
    color: #374151;
    margin-bottom: 12px;
}

.ccg-recent-readmore {
    font-size: 0.9rem;
    font-weight: 600;
    color: #005bbb;
    text-decoration: none;
}

.ccg-recent-readmore:hover {
    text-decoration: underline;
}
body {
	background-color: #f8fafc !important; 
}

/* === Recent Articles Section === */
.ccg-recent-articles {
    margin-top: 40px;
    border-top: 1px solid #e2e6ea;
    padding-top: 30px;
}

.ccg-recent-articles h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.ccg-recent-articles p {
    margin-bottom: 20px;
    color: #555;
}

.ccg-recent-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
}

.ccg-recent-item {
    background: #f9fafb;
    border-radius: 10px;
    padding: 18px 20px;
    border: 1px solid #e3e7ed;
}

.ccg-recent-title {
    font-size: 1.1rem;
    margin-bottom: 8px;
}

.ccg-recent-title a {
    text-decoration: none;
    color: #111827;
}

.ccg-recent-title a:hover {
    color: #005bbb;
}

.ccg-recent-meta {
    font-size: 0.85rem;
    color: #6b7280;
    margin-bottom: 10px;
}

.ccg-recent-excerpt {
    font-size: 0.95rem;
    color: #374151;
    margin-bottom: 12px;
}

.ccg-recent-readmore {
    font-size: 0.9rem;
    font-weight: 600;
    color: #005bbb;
    text-decoration: none;
}

.ccg-recent-readmore:hover {
    text-decoration: underline;
}

.ccg-recent-articles {
    margin-top: 60px;
}

.ccg-article-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 20px;
}

.ccg-article-card {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.ccg-article-card h3 {
    margin-bottom: 12px;
    font-size: 1.2rem;
}

.ccg-readmore {
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    color: #0059ff;
    text-decoration: none;
}

.ccg-readmore:hover {
    text-decoration: underline;
}
.ccg-recent-articles {
    margin-top: 60px;
}

.ccg-article-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 20px;
}

.ccg-article-card {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.ccg-article-card h3 {
    margin-bottom: 12px;
    font-size: 1.2rem;
}

.ccg-readmore {
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    color: #0059ff;
    text-decoration: none;
}

.ccg-readmore:hover {
    text-decoration: underline;
}

/* ===========================
   Crash Claim Guru - Homepage Styles
   Works via Appearance → Customize → Additional CSS
   =========================== */

/* Layout container */
.ccg-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Generic sections */
.ccg-section {
  padding: 50px 0;
  background: #ffffff;
}

.ccg-section-alt {
  background: #f8f9fb;
}

/* Section headings & paragraphs */
.ccg-section h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222;
}

.ccg-section p {
  font-size: 17px;
  line-height: 1.7;
  color: #555;
}

/* ===========================
   HERO
   =========================== */
.ccg-hero {
  padding: 70px 0;
  background: linear-gradient(135deg, #f5f7fb, #e8edf8);
  text-align: center;
}

.ccg-hero-inner h1 {
  font-size: 40px;
  font-weight: 700;
  color: #222;
  margin-bottom: 15px;
}

.ccg-hero-inner p {
  font-size: 18px;
  color: #555;
  max-width: 700px;
  margin: 0 auto 25px;
}

/* Primary button */
.ccg-btn-primary {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  background: #0056d2;
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 8px 16px rgba(0, 86, 210, 0.25);
  transition:
    background 0.2s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.ccg-btn-primary:hover {
  background: #0041a3;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0, 65, 163, 0.3);
}

/* ===========================
   ABOUT
   =========================== */
.ccg-about p {
  max-width: 900px;
}

/* ===========================
   CARD GRID (featured guides + attorneys)
   =========================== */
.ccg-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  margin-top: 10px;
}

.ccg-card {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e1e4ec;
  padding: 20px 22px;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.03);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}

.ccg-card h3 {
  font-size: 20px;
  margin-bottom: 6px;
}

.ccg-card h3 a {
  color: #111827;
  text-decoration: none;
}

.ccg-card h3 a:hover {
  text-decoration: underline;
}

.ccg-card p {
  font-size: 15px;
  color: #666;
}

.ccg-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.07);
  border-color: #c3d0f3;
}

/* ===========================
   ATTORNEY CARDS
   =========================== */
.ccg-attorney-card {
  text-align: left;
}

.ccg-attorney-role {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 10px;
}

.ccg-link {
  font-size: 15px;
  color: #0056d2;
  text-decoration: none;
  font-weight: 500;
}

.ccg-link:hover {
  text-decoration: underline;
}

/* ===========================
   LATEST POSTS WRAPPER
   (your [recent_posts] shortcode content lives here)
   =========================== */
.ccg-latest-posts {
  margin-top: 10px;
}

.ccg-latest-posts a {
  color: #0056d2;
}

/* ===========================
   WHY TRUST US LIST
   ===============
/* Layout container */
.ccg-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Sections */
.ccg-section {
  padding: 50px 0;
  background: #ffffff;
}

.ccg-section-alt {
  background: #f8f9fb;
}

/* Headings & text */
.ccg-section h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222;
}

.ccg-section p {
  font-size: 17px;
  line-height: 1.7;
  color: #555;
}

/* HERO */
.ccg-hero {
  padding: 70px 0 60px;
  background: linear-gradient(135deg, #f5f7fb, #e8edf8);
  text-align: center;
}

.ccg-hero-inner h1 {
  font-size: 40px;
  font-weight: 700;
  color: #222;
  margin-bottom: 15px;
}

.ccg-hero-inner p {
  font-size: 18px;
  color: #555;
  max-width: 700px;
  margin: 0 auto 25px;
}

/* Hero buttons */
.ccg-hero-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.ccg-btn-primary,
.ccg-btn-outline {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.ccg-btn-primary {
  background: #0056d2;
  color: #ffffff;
  box-shadow: 0 8px 16px rgba(0, 86, 210, 0.25);
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.ccg-btn-primary:hover {
  background: #0041a3;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0, 65, 163, 0.3);
}

.ccg-btn-outline {
  border: 1px solid #d1d5db;
  background: #ffffff;
  color: #111827;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.ccg-btn-outline:hover {
  background: #f3f4f6;
  border-color: #9ca3af;
}

.ccg-hero-subtext {
  margin-top: 10px;
  font-size: 14px;
  color: #4b5563;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* Card grid (featured + attorneys) */
.ccg-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  margin-top: 10px;
}

.ccg-card {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e1e4ec;
  padding: 20px 22px;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.03);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.ccg-card h3 {
  font-size: 20px;
  margin-bottom: 6px;
}

.ccg-card h3 a {
  color: #111827;
  text-decoration: none;
}

.ccg-card h3 a:hover {
  text-decoration: underline;
}

.ccg-card p {
  font-size: 15px;
  color: #666;
}

.ccg-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.07);
  border-color: #c3d0f3;
}

/* Attorneys */
.ccg-attorney-card {
  text-align: left;
}

.ccg-attorney-role {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 10px;
}

.ccg-link {
  font-size: 15px;
  color: #0056d2;
  text-decoration: none;
  font-weight: 500;
}

.ccg-link:hover {
  text-decoration: underline;
}

/* Why-trust-us list */
.ccg-list {
  list-style: disc;
  padding-left: 20px;
  font-size: 17px;
  color: #444;
}

.ccg-list li + li {
  margin-top: 4px;
}

/* Disclaimer bar */
.ccg-disclaimer-bar {
  background: #e7edf7;
  padding: 24px 0;
}

.ccg-disclaimer-bar p {
  max-width: 900px;
  margin: 0 auto;
  font-size: 14px;
  color: #4b5563;
  text-align: center;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .ccg-hero {
    padding: 50px 0 40px;
  }

  .ccg-hero-inner h1 {
    font-size: 30px;
  }

  .ccg-hero-inner p {
    font-size: 16px;
  }

  .ccg-section {
    padding: 40px 0;
  }

  .ccg-hero-actions {
    flex-direction: column;
  }
}
/* CrashClaimGuru Homepage Styles */

.ccg-home {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #1f2933;
    background: #f5f7fa;
}

.ccg-container {
    width: 90%;
    max-width: 1120px;
    margin: 0 auto;
}

/* Hero */

.ccg-hero {
    background: #0b1727;
    color: #f9fafb;
    padding: 3.5rem 0 3rem;
}

.ccg-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.3fr);
    gap: 2.5rem;
    align-items: center;
}

.ccg-hero h1 {
    font-size: 2.6rem;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.ccg-hero p {
    font-size: 1.05rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.ccg-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.ccg-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.4rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
}

.ccg-btn-primary {
    background: #2563eb;
    color: #ffffff;
}

.ccg-btn-primary:hover {
    background: #1d4ed8;
}

.ccg-btn-secondary {
    background: transparent;
    color: #e5e7eb;
    border-color: #4b5563;
}

.ccg-btn-secondary:hover {
    border-color: #9ca3af;
    color: #ffffff;
}

.ccg-hero-card {
    background: #111827;
    border-radius: 1.25rem;
    padding: 1.75rem;
    box-shadow: 0 14px 34px rgba(0,0,0,0.45);
    border: 1px solid rgba(148,163,184,0.2);
}

.ccg-hero-card h2 {
    font-size: 1.35rem;
    margin-bottom: 0.75rem;
}

.ccg-hero-card p {
    margin-bottom: 0.75rem;
    color: #e5e7eb;
}

.ccg-hero-card ul {
    list-style: disc;
    padding-left: 1.2rem;
    font-size: 0.95rem;
    color: #d1d5db;
}

/* Section Headers */

.ccg-section-header {
    text-align: center;
    margin-bottom: 1.75rem;
}

.ccg-section-header h2 {
    font-size: 1.7rem;
    margin-bottom: 0.5rem;
    color: #111827;
}

.ccg-section-header p {
    max-width: 640px;
    margin: 0.25rem auto 0;
    color: #4b5563;
}

/* Pillars */

.ccg-pillars {
    padding: 2.5rem 0 2.75rem;
}

.ccg-pillars-grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.ccg-pillar-card {
    background: #ffffff;
    border-radius: 1.1rem;
    padding: 1.4rem 1.5rem;
    box-shadow: 0 10px 20px rgba(15,23,42,0.06);
    border: 1px solid #e5e7eb;
}

.ccg-pillar-card h3 {
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
    color: #111827;
}

.ccg-pillar-card p {
    font-size: 0.98rem;
    margin-bottom: 0.9rem;
    color: #4b5563;
}

/* Generic link style */

.ccg-link {
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    color: #2563eb;
}

.ccg-link:hover {
    text-decoration: underline;
}

/* Featured Guides */

.ccg-featured {
    padding: 2.75rem 0 2.5rem;
}

.ccg-featured-grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.ccg-featured-card {
    background: #ffffff;
    border-radius: 1.1rem;
    padding: 1.4rem 1.5rem;
    box-shadow: 0 10px 20px rgba(15,23,42,0.06);
    border: 1px solid #e5e7eb;
}

.ccg-featured-card h3 {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.ccg-featured-card h3 a {
    text-decoration: none;
    color: #111827;
}

.ccg-featured-card h3 a:hover {
    color: #2563eb;
}

.ccg-featured-card p {
    font-size: 0.96rem;
    color: #4b5563;
    margin-bottom: 0.75rem;
}

/* Latest Articles */

.ccg-latest {
    padding: 2.75rem 0 2.5rem;
    background: #e5e7eb3;
}

.ccg-latest-grid {
    display: grid;
    gap: 1.2rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.ccg-latest-card {
    background: #ffffff;
    border-radius: 1rem;
    padding: 1.25rem 1.35rem;
    border: 1px solid #e5e7eb;
}

.ccg-latest-card h3 {
    font-size: 1.05rem;
    margin-bottom: 0.4rem;
}

.ccg-latest-card h3 a {
    text-decoration: none;
    color: #111827;
}

.ccg-latest-card h3 a:hover {
    color: #2563eb;
}

.ccg-latest-card p {
    font-size: 0.94rem;
    color: #4b5563;
    margin-bottom: 0.4rem;
}

.ccg-meta {
    font-size: 0.8rem;
    color: #9ca3af;
}

/* Trust Section */

.ccg-trust {
    padding: 3rem 0 3.25rem;
}

.ccg-trust-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.2fr);
    gap: 2rem;
    align-items: center;
}

.ccg-trust-text h2 {
    font-size: 1.7rem;
    margin-bottom: 0.6rem;
    color: #111827;
}

.ccg-trust-text p {
    font-size: 0.98rem;
    color: #4b5563;
    margin-bottom: 0.9rem;
}

.ccg-trust-text ul {
    list-style: disc;
    padding-left: 1.2rem;
    font-size: 0.95rem;
    color: #374151;
}

.ccg-trust-card {
    background: #ffffff;
    border-radius: 1.2rem;
    padding: 1.6rem 1.7rem;
    box-shadow: 0 12px 26px rgba(15,23,42,0.08);
    border: 1px solid #e5e7eb;
}

.ccg-trust-card h3 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.ccg-trust-card p {
    font-size: 0.96rem;
    color: #4b5563;
    margin-bottom: 0.9rem;
}

/* Responsive */

@media (max-width: 960px) {
    .ccg-hero-inner,
    .ccg-trust-inner {
        grid-template-columns: minmax(0, 1fr);
    }

    .ccg-hero {
        padding-top: 2.5rem;
    }

    .ccg-hero h1 {
        font-size: 2.2rem;
    }
}

@media (max-width: 640px) {
    .ccg-hero-inner {
        gap: 1.75rem;
    }

    .ccg-hero-card {
        padding: 1.4rem;
    }

    .ccg-hero-actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .ccg-pillars,
    .ccg-featured,
    .ccg-latest,
    .ccg-trust {
        padding: 2rem 0;
    }
}


/* Pillar Page Base */

.ccg-pillar {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111827;
  background: #f9fafb;
  padding: 2.5rem 0 3rem;
}

.ccg-container {
  width: 90%;
  max-width: 920px;
  margin: 0 auto;
}

/* Hero */

.ccg-pillar-hero h1 {
  font-size: 2.2rem;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  color: #0b1727;
}

.ccg-pillar-disclaimer {
  background: #fffbeb;
  border: 1px solid #fbbf24;
  color: #92400e;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

.ccg-pillar-hero p {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 0.85rem;
}

/* Sections */

.ccg-pillar-section {
  background: #ffffff;
  border-radius: 1.1rem;
  padding: 1.75rem 1.9rem;
  margin-top: 1.5rem;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
  border: 1px solid #e5e7eb;
}

.ccg-pillar-section h2 {
  font-size: 1.45rem;
  margin-bottom: 0.75rem;
  color: #111827;
}

.ccg-pillar-section h3 {
  font-size: 1.1rem;
  margin-top: 1.1rem;
  margin-bottom: 0.4rem;
  color: #1f2933;
}

.ccg-pillar-section p {
  font-size: 0.98rem;
  line-height: 1.7;
  color: #374151;
  margin-bottom: 0.7rem;
}

.ccg-pillar-section ul {
  margin: 0 0 0.9rem 1.2rem;
  padding: 0;
  font-size: 0.96rem;
  color: #374151;
}

.ccg-pillar-section li {
  margin-bottom: 0.4rem;
}

/* Links */

.ccg-pillar a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}

.ccg-pillar a:hover {
  text-decoration: underline;
}

/* Next steps section */

.ccg-pillar-next-steps {
  border-left: 4px solid #2563eb;
}

.ccg-pillar-next-steps ul {
  list-style: disc;
}

/* Responsive */

@media (max-width: 768px) {
  .ccg-pillar {
    padding: 1.8rem 0 2.2rem;
  }

  .ccg-pillar-section {
    padding: 1.4rem 1.3rem;
  }

  .ccg-pillar-hero h1 {
    font-size: 1.9rem;
  }
}


/* Pillar Page Base (shared) */

.ccg-pillar {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111827;
  background: #f9fafb;
  padding: 2.5rem 0 3rem;
}

.ccg-container {
  width: 90%;
  max-width: 920px;
  margin: 0 auto;
}

/* Hero */

.ccg-pillar-hero h1 {
  font-size: 2.2rem;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  color: #0b1727;
}

.ccg-pillar-disclaimer {
  background: #fffbeb;
  border: 1px solid #fbbf24;
  color: #92400e;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

.ccg-pillar-hero p {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 0.85rem;
}

/* Sections */

.ccg-pillar-section {
  background: #ffffff;
  border-radius: 1.1rem;
  padding: 1.75rem 1.9rem;
  margin-top: 1.5rem;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
  border: 1px solid #e5e7eb;
}

.ccg-pillar-section h2 {
  font-size: 1.45rem;
  margin-bottom: 0.75rem;
  color: #111827;
}

.ccg-pillar-section h3 {
  font-size: 1.1rem;
  margin-top: 1.1rem;
  margin-bottom: 0.4rem;
  color: #1f2933;
}

.ccg-pillar-section p {
  font-size: 0.98rem;
  line-height: 1.7;
  color: #374151;
  margin-bottom: 0.7rem;
}

.ccg-pillar-section ul {
  margin: 0 0 0.9rem 1.2rem;
  padding: 0;
  font-size: 0.96rem;
  color: #374151;
}

.ccg-pillar-section li {
  margin-bottom: 0.4rem;
}

/* Links */

.ccg-pillar a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}

.ccg-pillar a:hover {
  text-decoration: underline;
}

/* Next steps section */

.ccg-pillar-next-steps {
  border-left: 4px solid #2563eb;
}

.ccg-pillar-next-steps ul {
  list-style: disc;
}

/* Script highlight */

.ccg-script {
  background: #eff6ff;
  border-radius: 0.75rem;
  padding: 0.65rem 0.9rem;
  font-size: 0.95rem;
  border: 1px solid #bfdbfe;
  color: #1e3a8a;
}

/* Script list */

.ccg-script-list li {
  margin-bottom: 0.75rem;
}

/* Responsive */

@media (max-width: 768px) {
  .ccg-pillar {
    padding: 1.8rem 0 2.2rem;
  }

  .ccg-pillar-section {
    padding: 1.4rem 1.3rem;
  }

  .ccg-pillar-hero h1 {
    font-size: 1.9rem;
  }
}
/* Pillar Page Base (shared) */

.ccg-pillar {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111827;
  background: #f9fafb;
  padding: 2.5rem 0 3rem;
}

.ccg-container {
  width: 90%;
  max-width: 920px;
  margin: 0 auto;
}

/* Hero */

.ccg-pillar-hero h1 {
  font-size: 2.2rem;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  color: #0b1727;
}

.ccg-pillar-disclaimer {
  background: #fffbeb;
  border: 1px solid #fbbf24;
  color: #92400e;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

.ccg-pillar-hero p {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 0.85rem;
}

/* Sections */

.ccg-pillar-section {
  background: #ffffff;
  border-radius: 1.1rem;
  padding: 1.75rem 1.9rem;
  margin-top: 1.5rem;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
  border: 1px solid #e5e7eb;
}

.ccg-pillar-section h2 {
  font-size: 1.45rem;
  margin-bottom: 0.75rem;
  color: #111827;
}

.ccg-pillar-section h3 {
  font-size: 1.1rem;
  margin-top: 1.1rem;
  margin-bottom: 0.4rem;
  color: #1f2933;
}

.ccg-pillar-section p {
  font-size: 0.98rem;
  line-height: 1.7;
  color: #374151;
  margin-bottom: 0.7rem;
}

.ccg-pillar-section ul {
  margin: 0 0 0.9rem 1.2rem;
  padding: 0;
  font-size: 0.96rem;
  color: #374151;
}

.ccg-pillar-section li {
  margin-bottom: 0.4rem;
}

/* Links */

.ccg-pillar a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}

.ccg-pillar a:hover {
  text-decoration: underline;
}

/* Next steps section */

.ccg-pillar-next-steps {
  border-left: 4px solid #2563eb;
}

.ccg-pillar-next-steps ul {
  list-style: disc;
}

/* Optional scripts styling if you reuse from Pillar 2 */

.ccg-script {
  background: #eff6ff;
  border-radius: 0.75rem;
  padding: 0.65rem 0.9rem;
  font-size: 0.95rem;
  border: 1px solid #bfdbfe;
  color: #1e3a8a;
}

.ccg-script-list li {
  margin-bottom: 0.75rem;
}

/* Responsive */

@media (max-width: 768px) {
  .ccg-pillar {
    padding: 1.8rem 0 2.2rem;
  }

  .ccg-pillar-section {
    padding: 1.4rem 1.3rem;
  }

  .ccg-pillar-hero h1 {
    font-size: 1.9rem;
  }
}


/* Pillar Page Base (shared) */

.ccg-pillar {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111827;
  background: #f9fafb;
  padding: 2.5rem 0 3rem;
}

.ccg-container {
  width: 90%;
  max-width: 920px;
  margin: 0 auto;
}

/* Hero */

.ccg-pillar-hero h1 {
  font-size: 2.2rem;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  color: #0b1727;
}

.ccg-pillar-disclaimer {
  background: #fffbeb;
  border: 1px solid #fbbf24;
  color: #92400e;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

.ccg-pillar-hero p {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 0.85rem;
}

/* Sections */

.ccg-pillar-section {
  background: #ffffff;
  border-radius: 1.1rem;
  padding: 1.75rem 1.9rem;
  margin-top: 1.5rem;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
  border: 1px solid #e5e7eb;
}

.ccg-pillar-section h2 {
  font-size: 1.45rem;
  margin-bottom: 0.75rem;
  color: #111827;
}

.ccg-pillar-section h3 {
  font-size: 1.1rem;
  margin-top: 1.1rem;
  margin-bottom: 0.4rem;
  color: #1f2933;
}

.ccg-pillar-section p {
  font-size: 0.98rem;
  line-height: 1.7;
  color: #374151;
  margin-bottom: 0.7rem;
}

.ccg-pillar-section ul {
  margin: 0 0 0.9rem 1.2rem;
  padding: 0;
  font-size: 0.96rem;
  color: #374151;
}

.ccg-pillar-section li {
  margin-bottom: 0.4rem;
}

/* Links */

.ccg-pillar a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}

.ccg-pillar a:hover {
  text-decoration: underline;
}

/* Next steps section */

.ccg-pillar-next-steps {
  border-left: 4px solid #2563eb;
}

.ccg-pillar-next-steps ul {
  list-style: disc;
}

/* Script highlight (used for negotiation phrases) */

.ccg-script {
  background: #eff6ff;
  border-radius: 0.75rem;
  padding: 0.65rem 0.9rem;
  font-size: 0.95rem;
  border: 1px solid #bfdbfe;
  color: #1e3a8a;
}

/* Responsive */

@media (max-width: 768px) {
  .ccg-pillar {
    padding: 1.8rem 0 2.2rem;
  }

  .ccg-pillar-section {
    padding: 1.4rem 1.3rem;
  }

  .ccg-pillar-hero h1 {
    font-size: 1.9rem;
  }
}


/* Pillar Page Base (shared) */

.ccg-pillar {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111827;
  background: #f9fafb;
  padding: 2.5rem 0 3rem;
}

.ccg-container {
  width: 90%;
  max-width: 920px;
  margin: 0 auto;
}

/* Hero */

.ccg-pillar-hero h1 {
  font-size: 2.2rem;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  color: #0b1727;
}

.ccg-pillar-disclaimer {
  background: #fffbeb;
  border: 1px solid #fbbf24;
  color: #92400e;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

.ccg-pillar-hero p {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 0.85rem;
}

/* Sections */

.ccg-pillar-section {
  background: #ffffff;
  border-radius: 1.1rem;
  padding: 1.75rem 1.9rem;
  margin-top: 1.5rem;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
  border: 1px solid #e5e7eb;
}

.ccg-pillar-section h2 {
  font-size: 1.45rem;
  margin-bottom: 0.75rem;
  color: #111827;
}

.ccg-pillar-section h3 {
  font-size: 1.1rem;
  margin-top: 1.1rem;
  margin-bottom: 0.4rem;
  color: #1f2933;
}

.ccg-pillar-section p {
  font-size: 0.98rem;
  line-height: 1.7;
  color: #374151;
  margin-bottom: 0.7rem;
}

.ccg-pillar-section ul {
  margin: 0 0 0.9rem 1.2rem;
  padding: 0;
  font-size: 0.96rem;
  color: #374151;
}

.ccg-pillar-section li {
  margin-bottom: 0.4rem;
}

/* Links */

.ccg-pillar a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}

.ccg-pillar a:hover {
  text-decoration: underline;
}

/* Next steps section */

.ccg-pillar-next-steps {
  border-left: 4px solid #2563eb;
}

.ccg-pillar-next-steps ul {
  list-style: disc;
}

/* Script highlight (reused from other pillars if needed) */

.ccg-script {
  background: #eff6ff;
  border-radius: 0.75rem;
  padding: 0.65rem 0.9rem;
  font-size: 0.95rem;
  border: 1px solid #bfdbfe;
  color: #1e3a8a;
}

/* Responsive */

@media (max-width: 768px) {
  .ccg-pillar {
    padding: 1.8rem 0 2.2rem;
  }

  .ccg-pillar-section {
    padding: 1.4rem 1.3rem;
  }

  .ccg-pillar-hero h1 {
    font-size: 1.9rem;
  }
}

/* Homepage intent line under hero */
.ccg-home-intent {
    margin-top: 12px;
    font-size: 0.98rem;
    line-height: 1.45;
    opacity: 0.92;
}

/* “Start With These Guides” section */
.ccg-start {
    padding: 42px 0;
}

.ccg-start-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ccg-start-card {
    border-radius: 14px;
    padding: 18px;
    border: 1px solid rgba(0,0,0,0.08);
    background: rgba(255,255,255,0.75);
}

.ccg-start-card h3 {
    margin: 0 0 8px 0;
    font-size: 1.05rem;
    line-height: 1.25;
}

.ccg-start-card p {
    margin: 0 0 10px 0;
    line-height: 1.5;
    opacity: 0.92;
}

/* Process subnote under pillars header */
.ccg-section-subnote {
    margin-top: 10px;
    max-width: 72ch;
    opacity: 0.92;
    line-height: 1.5;
}

/* Responsive */
@media (max-width: 980px) {
    .ccg-start-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== Header Layout Fix ===== */

.ccg-header {
    border-bottom: 1px solid #e5e7eb;
    background: #ffffff;
}

.ccg-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 0;
}

/* Brand */
.ccg-brand {
    max-width: 320px;
}

.ccg-logo {
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    color: #0f172a;
}

.ccg-tagline {
    display: block;
    font-size: 12px;
    color: #64748b;
    margin-top: 4px;
}

/* Navigation */
.ccg-nav-list {
    list-style: none;
    display: flex;
    gap: 22px;
    padding: 0;
    margin: 0;
}

.ccg-nav-list li {
    margin: 0;
}

.ccg-nav-list a {
    text-decoration: none;
    font-size: 15px;
    color: #1e293b;
}

.ccg-nav-list a:hover {
    text-decoration: underline;
}

/* CTA */
.ccg-header-cta {
    flex-shrink: 0;
}

.ccg-btn-outline {
    padding: 10px 16px;
    border: 1px solid #2563eb;
    border-radius: 999px;
    text-decoration: none;
    color: #2563eb;
    font-weight: 500;
}

/* Disclaimer Strip */
.ccg-header-disclaimer {
    background: #f8fafc;
    border-top: 1px solid #e5e7eb;
    padding: 10px 0;
}

.ccg-header-disclaimer p {
    font-size: 12px;
    color: #475569;
    margin: 0;
    text-align: center;
}