.site-main {
    background: #ffffff;
    font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Hero Section - Google Cloud Style */
.hero-section,
.hero-block-wrap {
    background: #ffffff !important;
    padding: 10px 0 16px 0 !important;
}
.homepage-section-hero_headline.hero-block-wrap {
    padding: 4px 0 8px 0 !important;
}

.hero-box {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%) !important;
    border: 1px solid #e8eaed !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.hero-headline h1 {
    color: #202124 !important;
    font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 400 !important;
}

.hero-headline p {
    color: #5f6368 !important;
    font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Search Bar - Google Cloud Style */
.hero-search form {
    background: #ffffff !important;
    border: 1px solid #dadce0 !important;
    border-radius: 24px !important;
    box-shadow: none !important;
}

.hero-search input {
    color: #202124 !important;
    font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.hero-search button {
    background: #1a73e8 !important;
    color: white !important;
    border-radius: 24px !important;
    font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.hero-search button:hover {
    background: #1557b0 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Section Headers - Google Cloud Style */
h2, h3 {
    color: #202124 !important;
    font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 400 !important;
}

/* Cards - Google Cloud Style */
.hero-course-card,
.learning-path-card,
.ebook-card,
.course-card,
.skill-card,
.popular-ebooks-section .ebook-card {
    background: #ffffff !important;
    border: 1px solid #e8eaed !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15) !important;
}

.hero-course-card:hover,
.learning-path-card:hover,
.ebook-card:hover,
.course-card:hover,
.skill-card:hover,
.popular-ebooks-section .ebook-card:hover {
    box-shadow: 0 1px 3px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15) !important;
    border-color: #dadce0 !important;
    transform: translateY(-2px) !important;
}

/* Buttons - Google Cloud Style */
.hero-course-btn,
.ebook-download-btn,
.btn-primary,
.btn {
    background: #1a73e8 !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

.hero-course-btn:hover,
.ebook-download-btn:hover,
.btn-primary:hover {
    background: #1557b0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.btn-outline {
    background: #ffffff !important;
    color: #1a73e8 !important;
    border: 1px solid #dadce0 !important;
    border-radius: 4px !important;
}

.btn-outline:hover {
    background: #f8f9fa !important;
    border-color: #dadce0 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Section Backgrounds - Google Cloud Style */
.featured-course-home,
.learning-paths-home,
.about-us-home,
.ebooks-section,
.popular-ebooks-section,
.newsletter-section,
.build-scale-section,
.all-courses-section,
.final-cta-section {
    background: #ffffff !important;
}

/* Links - Dark Theme Style (Homepage Only) */
/* Base link styles - dark color instead of blue */
a {
    color: #202124 !important;
    text-decoration: none !important;
}

/* Only add underline to regular text links in content, not card titles, buttons, navigation, footer */
.site-main p a:hover,
.site-main article .entry-content a:hover:not(.btn):not(.hero-course-card a):not(.ebook-card a):not(.newsletter-section a) {
    color: #3c4043 !important;
    text-decoration: underline !important;
}

/* Navbar links - specific color override */
.main-navigation a {
    color: #5f6368 !important;
}

.main-navigation a:hover {
    color: #202124 !important;
    text-decoration: none !important;
}

/* Navbar sub-menu links */
.main-navigation .sub-menu a {
    color: #5f6368 !important;
}

.main-navigation .sub-menu a:hover {
    color: #202124 !important;
    text-decoration: none !important;
}

/* Site logo - prevent underline on hover */
.site-logo,
.site-logo:hover,
.site-logo .site-name,
.site-logo .site-name:hover {
    text-decoration: none !important;
}

/* Course card titles - prevent underline on hover */
.hero-course-card h4 a,
.hero-course-card h4 a:hover,
.hero-course-card h3 a,
.hero-course-card h3 a:hover {
    text-decoration: none !important;
}

/* Ebook card titles - prevent underline on hover */
.ebook-card h3 a,
.ebook-card h3 a:hover,
.ebook-card .ebook-title a,
.ebook-card .ebook-title a:hover,
.popular-ebooks-section .ebook-card h3 a,
.popular-ebooks-section .ebook-card h3 a:hover {
    text-decoration: none !important;
}

/* Newsletter/Insights card titles - prevent underline on hover */
.newsletter-section h4 a,
.newsletter-section h4 a:hover {
    text-decoration: none !important;
}

/* Footer links - use light color like other pages */
.site-footer a,
.footer-section a,
.footer-section ul li a,
.footer-bottom a {
    color: #5f6368 !important;
    text-decoration: none !important;
}

.site-footer a:hover,
.footer-section a:hover,
.footer-section ul li a:hover,
.footer-bottom a:hover {
    color: #1a73e8 !important;
    text-decoration: none !important;
}

/* Buttons - prevent underline on hover */
.btn,
.btn:hover,
a.btn,
a.btn:hover,
.hero-course-btn,
.hero-course-btn:hover,
.ebook-download-btn,
.ebook-download-btn:hover,
.enroll-btn,
.enroll-btn:hover {
    text-decoration: none !important;
}

/* Text Colors - Google Cloud Style */
/* Exclude the premium badge so its navbar-specific white text remains correct on homepage */
p, span:not(.premium-badge-indicator), li {
    color: #5f6368 !important;
    font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Reduce Section Padding */
.featured-course-home,
.learning-paths-home,
.about-us-home,
.ebooks-section,
.popular-ebooks-section,
.newsletter-section,
.build-scale-section,
.all-courses-section {
    padding: 20px 0 !important;
}

.final-cta-section {
    padding: 40px 0 !important;
    background: #f8f9fa !important;
}

/* Container Spacing */
.container {
    max-width: 1200px !important;
}

/* Responsive Container Padding */
.container {
    padding: 0 40px !important;
}

@media (max-width: 1024px) {
    .container {
        padding: 0 24px !important;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 20px !important;
    }
    
    .hero-section,
    .hero-block-wrap {
        padding: 8px 0 12px 0 !important;
    }
    
    .hero-box {
        padding: 24px 20px !important;
    }
    
    .featured-course-home,
    .learning-paths-home,
    .about-us-home,
    .ebooks-section,
    .popular-ebooks-section,
    .newsletter-section,
    .build-scale-section,
    .all-courses-section {
        padding: 16px 0 !important;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 16px !important;
    }
}

/* Featured Course Section - Responsive Grid */
.featured-course-card {
    display: grid !important;
    grid-template-columns: 55% 45% !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Tablet: Stack vertically */
@media (max-width: 1024px) {
    .featured-course-card {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
        max-height: none !important;
    }
    
    .featured-course-card > div:first-child {
        height: 300px !important;
        min-height: 300px !important;
    }
    
    .featured-course-card > div:last-child {
        padding: 32px !important;
    }
}

/* Mobile: Stack vertically with reduced padding */
@media (max-width: 768px) {
    .featured-course-card > div:first-child {
        height: 250px !important;
        min-height: 250px !important;
    }
    
    .featured-course-card > div:last-child {
        padding: 24px 20px !important;
    }
    
    .featured-course-card h3 {
        font-size: 20px !important;
    }
    
    .featured-course-card p {
        font-size: 13px !important;
    }
    
    .featured-course-card .enroll-btn,
    .featured-course-card a[style*="background: #1a73e8"] {
        padding: 8px 16px !important;
        font-size: 13px !important;
    }
}

/* Small Mobile: Further adjustments */
@media (max-width: 480px) {
    .featured-course-card > div:first-child {
        height: 200px !important;
        min-height: 200px !important;
    }
    
    .featured-course-card > div:last-child {
        padding: 20px 16px !important;
    }
    
    .featured-course-card h3 {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }
    
    .featured-course-card > div:last-child > div[style*="display: flex; gap: 12px"] {
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    .featured-course-card .enroll-btn,
    .featured-course-card a[style*="background: #1a73e8"] {
        width: 100% !important;
        text-align: center !important;
    }
}

/* Learning Paths Grid - Responsive */
.learning-paths-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 24px !important;
}

/* Desktop: 3 columns */
@media (min-width: 1025px) {
    .learning-paths-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Tablet: 2 columns */
@media (min-width: 769px) and (max-width: 1024px) {
    .learning-paths-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

/* Mobile: 1 column */
@media (max-width: 768px) {
    .learning-paths-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    .learning-path-card {
        padding: 20px !important;
    }
}

/* About Us Home - 3-column desktop, stacked tablet/mobile */
.about-us-home .about-us-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
    align-items: center;
}
@media (max-width: 768px) {
    .about-us-home .about-us-grid {
        grid-template-columns: 1fr;
    }
    .about-us-home .about-us-image { order: 1; }
    .about-us-home .about-us-stats { order: 2; }
    .about-us-home .about-us-text { order: 3; }
}

/* Hero Search - Responsive */
@media (max-width: 768px) {
    .hero-search {
        max-width: 100% !important;
        padding: 0 10px !important;
    }
    
    .hero-search form {
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .hero-search input {
        width: 100% !important;
    }
    
    .hero-search button {
        width: 100% !important;
    }
}

/* Typography - Responsive */
@media (max-width: 768px) {
    .featured-course-home h2,
    .learning-paths-home h2,
    .ebooks-section h2,
    .popular-ebooks-section h2,
    .newsletter-section h2,
    .build-scale-section h2,
    .all-courses-section h2 {
        font-size: 20px !important;
    }
    
    .section-header p {
        font-size: 13px !important;
    }
}

@media (max-width: 480px) {
    .featured-course-home h2,
    .learning-paths-home h2,
    .ebooks-section h2,
    .popular-ebooks-section h2,
    .newsletter-section h2,
    .build-scale-section h2,
    .all-courses-section h2 {
        font-size: 18px !important;
        margin-bottom: 16px !important;
    }
}

/* Section Headers - Responsive */
@media (max-width: 768px) {
    .section-header {
        margin-bottom: 20px !important;
    }
    
    .section-header h2 {
        margin-bottom: 6px !important;
    }
}

/* Buttons - Responsive */
@media (max-width: 768px) {
    .learning-paths-home a[style*="background: #1a73e8"],
    .ebook-download-btn,
    .enroll-btn {
        padding: 10px 18px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 480px) {
    .learning-paths-home a[style*="background: #1a73e8"],
    .ebook-download-btn,
    .enroll-btn {
        padding: 10px 16px !important;
        font-size: 12px !important;
        width: 100% !important;
        display: block !important;
        text-align: center !important;
    }
}

/* Viewport Meta Tag Support - Ensure proper scaling */
@supports (-webkit-touch-callout: none) {
    /* iOS Safari specific fixes */
    @media (max-width: 768px) {
        .container {
            -webkit-overflow-scrolling: touch;
        }
    }
}