/* Joshi Ravi — Public Main CSS (mobile-first) */

*, *::before, *::after { box-sizing: border-box; }

html { font-size: 16px; scroll-behavior: smooth; }

body.site-body {
    margin: 0;
    font-family: var(--font-family, Inter, system-ui, sans-serif);
    color: var(--color-text, #212529);
    background: var(--color-bg, #f8f9fa);
    line-height: 1.6;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--color-primary, #2E6DA4); text-decoration: none; }
a:hover { text-decoration: underline; }

.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1rem; }

.visually-hidden {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); border: 0;
}

.skip-link {
    position: absolute; left: -9999px; top: 0; z-index: 9999;
    padding: .75rem 1rem; background: var(--color-primary); color: #fff;
}
.skip-link:focus { left: 0; }

/* Header */
.site-header { background: #fff; border-bottom: 1px solid #dee2e6; position: sticky; top: 0; z-index: 100; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.header-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; padding: .75rem 1rem; }
.site-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; }
.site-logo:hover { text-decoration: none; }
.site-logo__text { font-size: 1.25rem; font-weight: 700; color: var(--color-primary); }
.nav-toggle { display: block; margin-left: auto; background: none; border: 1px solid #ccc; padding: .5rem .75rem; font-size: 1.25rem; cursor: pointer; min-height: 48px; min-width: 48px; border-radius: 6px; }
.site-nav { display: none; width: 100%; }
.site-nav.is-open { display: block; animation: navSlide .2s ease; }
@keyframes navSlide { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.nav-list { list-style: none; margin: 0; padding: 0; }
.nav-list__link { display: block; padding: .75rem 0; min-height: 48px; line-height: 2; font-weight: 500; color: var(--color-text); text-decoration: none; }
.nav-list__link:hover { color: var(--color-primary); text-decoration: none; }
.nav-list__link.is-active { color: var(--color-primary); border-bottom-color: var(--color-primary); }
.header-search { display: flex; gap: 0; width: 100%; position: relative; }
.header-search__input { flex: 1; padding: .5rem 2.5rem .5rem .75rem; border: 1px solid #ced4da; border-radius: 24px; min-height: 44px; }
.header-search__submit { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); background: var(--color-primary); color: #fff; border: none; border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; min-height: 36px; padding: 0; }
.header-search__submit:hover { filter: brightness(1.08); }

/* Main */
.site-main { padding: 1.5rem 0 3rem; min-height: 50vh; }

/* Typography */
.page-title { font-size: 1.75rem; margin: 0 0 .5rem; }
.page-subtitle { color: #6c757d; margin: 0 0 1.5rem; }
.section-title { font-size: 1.35rem; margin: 0 0 1rem; }
.hero { background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); color: #fff; padding: 2.5rem 0; text-align: center; }
.hero--banner { background-size: cover; background-position: center; padding: 4rem 0; min-height: 280px; display: flex; align-items: center; }
.hero__title { margin: 0; font-size: 2rem; }
.hero__tagline { margin: .5rem 0 0; opacity: .9; }
.hero__empty-notice { margin: 0; font-size: 1.125rem; font-weight: 600; opacity: .95; max-width: 36rem; }

/* Buttons */
.btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: .625rem 1.25rem; min-height: 48px; border: none; border-radius: 6px;
    background: #e9ecef; color: var(--color-text); font-size: 1rem; cursor: pointer; text-decoration: none;
}
.btn--primary { background: var(--color-primary); color: #fff; }
.btn--primary:hover { filter: brightness(1.1); text-decoration: none; }
.btn--hire { background: var(--color-secondary); color: #212529; font-weight: 700; }
.btn--hire:hover { filter: brightness(1.05); text-decoration: none; }
.btn--outline-light { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.45); }
.btn--outline-light:hover { background: rgba(255,255,255,.12); text-decoration: none; }
.btn--outline { background: transparent; color: var(--color-primary); border: 1px solid var(--color-primary); }
.btn--outline:hover { background: rgba(46,109,164,.08); text-decoration: none; }
.btn--light { background: rgba(255,255,255,.15); color: #fff; border: 1px solid rgba(255,255,255,.35); }
.btn--light:hover { filter: brightness(1.08); text-decoration: none; }
.btn--sm { padding: .375rem .75rem; min-height: 40px; font-size: .875rem; }
.btn--lg { padding: .875rem 1.75rem; font-size: 1.1rem; }

/* Cards */
.card { background: #fff; border-radius: var(--radius-card, 12px); box-shadow: var(--shadow-card, 0 2px 12px rgba(0,0,0,.08)); overflow: hidden; margin-bottom: 1rem; }
.card__body { padding: 1.25rem; }
.card__title { margin: 0 0 .5rem; font-size: 1.15rem; }
.card__title a { color: inherit; }
.card__excerpt { color: #6c757d; margin: 0 0 1rem; }
.card__meta { font-size: .875rem; color: #6c757d; margin: 0 0 .5rem; }
.card__image { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.card__actions { display: flex; gap: .5rem; flex-wrap: wrap; }

.post-list, .quiz-cards, .home-grid { display: grid; gap: 1.25rem; }
.home-grid { margin-top: .5rem; }
.card--featured { border-left: 4px solid var(--color-secondary); }
.card--featured .card__body { padding: 1.5rem; }
.quiz-cards {
    grid-template-columns: 1fr;
}
.quiz-cards .card.card--quiz {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 0;
}
.quiz-cards .card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.25rem;
}
.quiz-cards .card__actions {
    margin-top: auto;
    padding-top: .5rem;
}
.quiz-cards .card__excerpt {
    flex: 1;
}
.card--quiz .badge {
    align-self: flex-start;
    margin-bottom: .75rem;
}
.category-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; }
.category-card {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 1.25rem; background: #fff; border-radius: 8px; text-align: center;
    border-left: 4px solid var(--cat-color, var(--color-primary)); min-height: 80px;
    color: inherit; text-decoration: none; transition: transform .15s;
}
.category-card:hover { transform: translateY(-2px); text-decoration: none; }
.category-card__name { font-weight: 600; }

.badge { display: inline-block; padding: .2rem .5rem; font-size: .75rem; background: var(--color-secondary); border-radius: 4px; margin-bottom: .5rem; }
.badge--daily { background: #28a745; color: #fff; }

/* Blog */
.blog-post__content.prose, .cms-page__content.prose { max-width: 720px; }
.prose h2, .prose h3 { margin-top: 1.5rem; }
.prose p { margin: 0 0 1rem; }
.breadcrumbs { font-size: .875rem; margin-bottom: 1rem; color: #6c757d; }

/* Quiz */
.quiz-taker__header { margin-bottom: 1.5rem; }
.quiz-form { max-width: 720px; margin: 0 auto; }
.quiz-question {
    border: 1px solid #dee2e6; border-radius: 8px; padding: 1.5rem;
    margin-bottom: 1.25rem; background: #fff;
}
.quiz-question__heading {
    font-weight: 600; font-size: 1.125rem; line-height: 1.5;
    margin: 0 0 1rem; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
}
.quiz-question__num {
    display: inline-block; background: var(--color-primary); color: #fff;
    font-size: .75rem; font-weight: 700; padding: .2rem .5rem; border-radius: 4px;
    flex-shrink: 0;
}
.quiz-question__points { font-size: .875rem; font-weight: 500; color: #6c757d; }
.quiz-question__image { margin-bottom: 1rem; border-radius: 6px; max-width: 100%; }
.quiz-question__share {
    display: inline-block; margin-top: 1rem; padding-top: 1rem;
    border-top: 1px solid #eee; font-size: .875rem; color: #6c757d;
}
.quiz-form__actions { margin-top: 2rem; padding-top: 1rem; }
.quiz-options { display: flex; flex-direction: column; gap: .5rem; }
.quiz-option { display: flex; align-items: center; gap: .75rem; padding: .75rem; border: 1px solid #dee2e6; border-radius: 6px; cursor: pointer; min-height: 48px; }
.quiz-option:has(input:checked) { border-color: var(--color-primary); background: rgba(46,109,164,.05); }
.quiz-timer { background: #fff3cd; padding: .75rem 1rem; border-radius: 6px; margin-bottom: 1rem; font-weight: 600; text-align: center; }
.quiz-feedback { padding: 1rem; border-radius: 6px; margin: 1rem 0; }
.quiz-feedback--correct { background: #d4edda; color: #155724; }
.quiz-feedback--wrong { background: #f8d7da; color: #721c24; }
.quiz-result__scorecard { text-align: center; padding: 2rem; background: #fff; border-radius: 12px; margin: 1.5rem 0; }
.quiz-result__percentage { font-size: 3rem; font-weight: 700; color: var(--color-primary); }
.leaderboard-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 8px; overflow: hidden; margin: 1rem 0; }
.leaderboard-table th, .leaderboard-table td { padding: .75rem 1rem; text-align: left; border-bottom: 1px solid #dee2e6; }

.form-input { width: 100%; padding: .625rem .75rem; border: 1px solid #ced4da; border-radius: 6px; font-size: 1rem; min-height: 48px; }
.filter-bar { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
.filter-bar__link { padding: .375rem .75rem; background: #fff; border-radius: 20px; border: 1px solid #dee2e6; }
.filter-bar__link.is-active { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }

/* Newsletter */
.newsletter-widget { background: var(--color-primary); color: #fff; padding: 2rem; border-radius: 12px; margin: 1.5rem 0; }
.footer-newsletter { padding: 2rem 0 0; }
.footer-newsletter .newsletter-widget { margin-bottom: 0; }
.home-section--newsletter .newsletter-widget { margin-bottom: 0; }
.blog-post__newsletter, .quiz-result__newsletter { margin-top: 2rem; }
.newsletter-widget__title { margin: 0 0 .5rem; }
.newsletter-form__row { display: flex; flex-direction: column; gap: .5rem; }
.newsletter-honeypot { position: absolute; left: -9999px; }
.newsletter-form__message.is-success { color: #d4edda; }
.newsletter-form__message.is-error { color: #f8d7da; }

/* Footer */
.site-footer { background: var(--color-navy, #163656); color: #adb5bd; padding: 2.5rem 0 1rem; margin-top: 0; }
.site-footer a { color: #fff; }
.footer-grid { display: grid; gap: 1.5rem; margin-bottom: 1.5rem; }
.footer-col__title { color: #fff; font-size: 1rem; margin: 0 0 .75rem; }
.footer-nav { list-style: none; padding: 0; margin: 0; }
.footer-nav li { margin-bottom: .5rem; }
.footer-nav a { color: #dee2e6; text-decoration: none; }
.footer-nav a:hover { color: var(--color-secondary); text-decoration: none; }
.footer-bottom { border-top: 1px solid #495057; padding-top: 1rem; font-size: .875rem; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; }
.social-links { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; margin: .75rem 0 0; }
.social-links__link {
    display: inline-flex; align-items: center; justify-content: center;
    padding: .375rem .875rem; min-height: 36px; border-radius: 20px;
    background: rgba(255,255,255,.1); color: #fff; font-size: .8125rem; font-weight: 600;
    text-decoration: none; transition: background .15s, color .15s;
}
.social-links__link:hover { background: var(--color-secondary); color: #212529; text-decoration: none; }
.social-links__link--linkedin:hover { background: #0a66c2; color: #fff; }
.social-links__link--facebook:hover { background: #1877f2; color: #fff; }
.social-links__link--whatsapp:hover { background: #25d366; color: #fff; }
.social-links__link--youtube:hover { background: #ff0000; color: #fff; }
.social-links__link--email:hover { background: var(--color-primary); color: #fff; }

/* Cookie banner */
.cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; background: #212529; color: #fff; padding: 1rem; z-index: 1000; box-shadow: 0 -2px 10px rgba(0,0,0,.2); }
.cookie-banner__inner { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; justify-content: space-between; }
.cookie-banner__actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.cookie-banner__link { color: var(--color-secondary); }

/* Ad slots */
.ad-slot { margin: 1rem 0; text-align: center; }
.ad-slot__placeholder { background: #e9ecef; padding: 2rem; color: #6c757d; border-radius: 4px; }

/* Error page */
.error-page { text-align: center; padding: 3rem 0; }
.error-page__code { font-size: 5rem; margin: 0; color: var(--color-navy, #163656); line-height: 1; }
.error-page__suggestions { text-align: left; margin-top: 2rem; display: grid; gap: 1.5rem; }
.error-page__suggestions section { background: #fff; border-radius: var(--radius-card, 12px); padding: 1.25rem; box-shadow: var(--shadow-card); }

.empty-state { color: #6c757d; padding: 2rem; text-align: center; }
.alert { padding: 1rem; border-radius: 6px; margin-bottom: 1rem; }
.alert--warning { background: #fff3cd; color: #856404; }

.pagination { margin-top: 2rem; }
.pagination ul { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; }
.pagination a, .pagination span { display: inline-block; padding: .5rem .75rem; min-height: 44px; background: #fff; border: 1px solid #dee2e6; border-radius: 4px; }

.search-form { display: flex; flex-direction: column; gap: .5rem; margin-bottom: 1.5rem; max-width: 600px; }
.search-list { list-style: none; padding: 0; }
.search-list__item { padding: .75rem 0; border-bottom: 1px solid #dee2e6; }

.home-section { margin-bottom: 3rem; padding: 0; }

/* Section headers */
.section-header { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1rem; margin-bottom: 1.25rem; }
.section-header .section-title { margin: 0; }
.section-header__link { font-size: .9rem; font-weight: 600; color: var(--color-primary); white-space: nowrap; }
.section-header__link:hover { text-decoration: underline; }

/* Page header band */
.page-header { background: linear-gradient(135deg, #f0f6fc 0%, #fff 100%); border-bottom: 1px solid #dee2e6; padding: 2rem 0; margin-bottom: 2rem; }
.page-header .page-title { color: var(--color-primary); }
.site-main--home { padding-top: 0; }

/* Hero split layout */
.hero--split { background: linear-gradient(135deg, #e8f2fa 0%, #f5f9fd 50%, #eef4fb 100%); color: var(--color-text); padding: 3rem 0; text-align: left; }
.hero--split.hero--empty { color: var(--color-primary); text-align: center; }
.hero--marketing { position: relative; overflow: hidden; }
.hero__banner { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.hero__banner-img { width: 100%; height: 100%; object-fit: cover; object-position: right center; opacity: 0.18; }
.hero-split { display: grid; gap: 2rem; align-items: start; position: relative; z-index: 1; }
.hero-split__profile { display: flex; flex-direction: column; gap: 1rem; }
.hero-split__photo-wrap { position: relative; align-self: flex-start; }
.hero-split__photo { width: 160px; height: 160px; border-radius: 50%; object-fit: cover; border: 4px solid var(--color-primary); box-shadow: 0 0 0 3px var(--color-secondary); }
.hero-split__badges { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: -.25rem; }
.hero-split__badge { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: var(--color-primary); border: 1px solid #dee2e6; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.hero-split__online { position: absolute; bottom: 8px; right: 8px; width: 18px; height: 18px; background: #28a745; border: 3px solid #fff; border-radius: 50%; }
.hero-split__name-row { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.hero-split__title { margin: 0; font-size: 1.75rem; color: var(--color-primary); }
.hero-split__verified { display: inline-flex; align-items: center; color: var(--color-primary); }
.hero-split__tagline { margin: .35rem 0 0; font-size: 1.05rem; color: #495057; line-height: 1.5; }
.hero-split__meta { list-style: none; padding: 0; margin: .75rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem 1rem; font-size: .95rem; color: #6c757d; }
.hero-split__meta li { display: flex; align-items: center; gap: .35rem; }
.hero-split__actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.hero-about-card { background: #fff; border-radius: var(--radius-card, 12px); box-shadow: var(--shadow-card); padding: 1.5rem; height: 100%; }
.hero-about-card__title { margin: 0 0 1rem; font-size: 1.15rem; color: var(--color-primary); }

/* Stats bar */
.stats-bar { background: #fff; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; padding: 1.5rem 0; }
.stats-bar__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.stat-card { background: #fff; border: 1px solid #e9ecef; border-radius: var(--radius-card, 12px); padding: 1.25rem 1rem; text-align: center; box-shadow: 0 1px 4px rgba(0,0,0,.04); }
.stat-card__value { display: block; font-size: 1.5rem; font-weight: 700; color: var(--color-primary); line-height: 1.2; }
.stat-card__label { display: block; margin-top: .35rem; font-size: .8rem; color: #6c757d; line-height: 1.35; }

/* Triple column home grids */
.home-triple-grid { display: grid; gap: 1.5rem; }
.home-triple-grid__col { min-width: 0; }
.home-triple-grid__col .section-title { font-size: 1.15rem; margin-bottom: 1rem; }
.home-triple-grid__col .card { margin-bottom: 0; height: 100%; }
.home-triple-grid__col .category-grid { grid-template-columns: repeat(2, 1fr); }
.home-triple-grid__col .category-grid .category-card { min-height: 64px; padding: .75rem; font-size: .875rem; }

/* Full-bleed bands */
.band-navy { background: var(--color-navy, #163656); color: #fff; padding: 3rem 0; margin: 0; }
.band-navy a { color: #fff; }
.band-primary { background: linear-gradient(135deg, var(--color-primary), #1a5a8a); color: #fff; padding: 2.5rem 0; }
.band-primary .newsletter-widget { background: transparent; padding: 0; margin: 0; border-radius: 0; }
.band-primary .newsletter-widget__title { color: #fff; }
.band-primary .btn--primary { background: var(--color-secondary); color: #212529; font-weight: 700; }

/* Contact band */
.profile-cta-band .profile-cta__body--split { display: grid; gap: 2rem; }
.profile-cta-band .profile-cta__title { font-size: 1.75rem; }
.profile-cta-band .profile-cta__form-wrap { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); border-radius: 12px; padding: 1.5rem; }
.profile-cta-band .profile-cta__form-title { color: #fff; margin: 0 0 1rem; }
.profile-cta-band .profile-cta__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.profile-cta-band .profile-cta__actions .btn { min-width: 48px; min-height: 48px; padding: .625rem 1rem; }
.profile-cta-band .form-input { background: rgba(255,255,255,.95); border-color: transparent; }

/* Achievements with checkmarks */
.profile-achievements--checks { list-style: none; padding: 0; margin: 0; }
.profile-achievements--checks li { display: flex; gap: .5rem; align-items: flex-start; margin-bottom: .65rem; font-size: .9rem; line-height: 1.45; }
.profile-achievements--checks li::before { content: "✓"; flex-shrink: 0; color: var(--color-primary); font-weight: 700; }

/* Skills tags in triple col */
.home-triple-grid .profile-skills__tag { background: #f8f9fa; }

/* Blog layout with sidebar */
.content-with-sidebar { display: grid; gap: 2rem; }
.blog-post-sidebar { display: none; }
.blog-post-sidebar .ad-slot { position: sticky; top: 5rem; }

.home-section--quizzes .quiz-cards {
    max-width: min(100%, 420px);
}
@media (min-width: 768px) {
    .home-section--quizzes .quiz-cards:has(.card--quiz:nth-child(2)) {
        max-width: none;
    }
}

/* Profile / About Me */
.hero--profile { padding: 3rem 0; }
.hero-profile__content { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; text-align: center; }
.hero-profile__photo { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 4px solid var(--color-secondary); }
.hero-profile__meta { list-style: none; padding: 0; margin: .75rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem 1rem; justify-content: center; font-size: .95rem; opacity: .95; }
.hero-profile__actions { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-top: 1rem; }
.hero-profile__actions .btn { background: rgba(255,255,255,.15); color: #fff; border: 1px solid rgba(255,255,255,.35); }
.hero-profile__actions .btn--primary { background: var(--color-secondary); color: #212529; border-color: var(--color-secondary); }
.hero-profile__actions .btn:hover { text-decoration: none; filter: brightness(1.05); }
.badge--exp { background: var(--color-secondary); color: #212529; }
.profile-about .card__body { padding: 1.5rem; }
.profile-quote { margin: 0 0 1rem; padding-left: 1rem; border-left: 4px solid var(--color-secondary); font-style: italic; color: #495057; }
.profile-summary { margin: 0 0 1rem; line-height: 1.7; }
.profile-education { margin: 0; font-size: .95rem; color: #495057; }
.profile-timeline { display: grid; gap: 1rem; }
.profile-timeline__role { margin: 0 0 .25rem; font-size: 1.1rem; }
.profile-timeline__company { margin: 0; font-weight: 600; color: var(--color-primary); }
.profile-timeline__meta { margin: .25rem 0 0; font-size: .875rem; color: #6c757d; }
.profile-achievements { margin: 0; padding-left: 1.25rem; }
.profile-achievements li { margin-bottom: .5rem; }
.search-trust-bar { background: linear-gradient(90deg, #f0f6fc 0%, #fff 50%, #f0f6fc 100%); border-top: 3px solid var(--color-primary); border-bottom: 1px solid #dee2e6; padding: 1.25rem 0; margin-bottom: 0; }
.search-trust-bar__inner { display: flex; gap: 1rem; align-items: flex-start; }
.search-trust-bar__icon { flex-shrink: 0; color: var(--color-primary); margin-top: .15rem; }
.search-trust-bar__eyebrow { margin: 0 0 .25rem; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--color-primary); }
.search-trust-bar__query { margin: 0 0 .35rem; font-size: .95rem; font-weight: 600; color: #495057; font-style: italic; }
.search-trust-bar__text { margin: 0; font-size: 1.05rem; font-weight: 700; color: #212529; line-height: 1.5; }
.search-trust-bar__note { margin: .35rem 0 0; font-size: .875rem; color: #6c757d; }
.profile-expertise-grid { display: grid; gap: 1rem; margin-bottom: 1.5rem; grid-template-columns: 1fr; }
.profile-expertise-card { border-left: 4px solid var(--color-primary); }
.profile-expertise-card__title { margin: 0 0 .35rem; font-size: 1.05rem; color: var(--color-primary); }
.profile-expertise-card__desc { margin: 0; font-size: .9rem; color: #495057; line-height: 1.5; }
.profile-skills-groups { display: grid; gap: 1.25rem; grid-template-columns: 1fr; }
.profile-skills-group__title { margin: 0 0 .75rem; font-size: .95rem; font-weight: 700; color: #495057; text-transform: uppercase; letter-spacing: .04em; }
.profile-skills-group__tags { display: flex; flex-wrap: wrap; gap: .5rem; }
.profile-skills__tag { display: inline-block; padding: .375rem .875rem; background: #fff; border: 1px solid #dee2e6; border-radius: 20px; font-size: .875rem; font-weight: 500; }
.profile-certs { list-style: none; padding: 0; margin: 0; }
.profile-certs__item { padding: .75rem 0; border-bottom: 1px solid #dee2e6; }
.profile-certs__meta { color: #6c757d; font-size: .9rem; }
.profile-cta { background: linear-gradient(135deg, var(--color-primary), #1a4a7a); color: #fff; border: none; }
.profile-cta__body { padding: 2rem; text-align: center; }
.profile-cta__body--split { display: grid; gap: 2rem; text-align: left; }
.profile-cta__title { margin: 0 0 .5rem; color: #fff; }
.profile-cta__intro { margin: 0 0 1.25rem; opacity: .9; }
.profile-cta__channels { list-style: none; margin: 0 0 1.25rem; padding: 0; }
.profile-cta__channels li { display: flex; flex-wrap: wrap; gap: .35rem .75rem; margin-bottom: .5rem; align-items: baseline; }
.profile-cta__label { font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; opacity: .75; min-width: 5.5rem; }
.profile-cta__channels a { color: #fff; font-weight: 500; word-break: break-all; }
.profile-cta__channels a:hover { text-decoration: underline; }
.profile-cta__actions { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.profile-cta__form-wrap { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); border-radius: 10px; padding: 1.5rem; }
.profile-cta__form-title { margin: 0 0 1rem; color: #fff; font-size: 1.125rem; }
.profile-contact-form__field { margin-bottom: .75rem; }
.profile-contact-form__textarea { min-height: 120px; resize: vertical; }
.profile-contact-form__submit { width: 100%; margin-top: .25rem; }
.profile-contact-form__message { margin: .75rem 0 0; font-size: .9rem; }
.profile-contact-form__message.is-success { color: #d4edda; }
.profile-contact-form__message.is-error { color: #f8d7da; }
.profile-cta .btn--light { background: rgba(255,255,255,.15); color: #fff; border: 1px solid rgba(255,255,255,.35); }
.profile-cta .btn--light:hover { text-decoration: none; filter: brightness(1.08); }

@media (min-width: 768px) {
    .hero-split { grid-template-columns: 1fr 1fr; align-items: center; }
    .hero__banner-img { opacity: 0.22; object-position: 75% center; }
    .stats-bar__grid { grid-template-columns: repeat(5, 1fr); }
    .home-triple-grid { grid-template-columns: repeat(3, 1fr); }
    .profile-cta-band .profile-cta__body--split { grid-template-columns: 1fr 1fr; align-items: start; }
    .hero-profile__content { flex-direction: row; text-align: left; }
    .hero-profile__meta { justify-content: flex-start; }
    .hero-profile__actions { justify-content: flex-start; }
    .profile-timeline { grid-template-columns: repeat(3, 1fr); }
    .profile-cta__body--split { grid-template-columns: 1fr 1fr; align-items: start; }
    .profile-cta__actions { justify-content: flex-start; }
    .search-trust-bar__inner { align-items: center; }
    .profile-expertise-grid { grid-template-columns: repeat(2, 1fr); }
    .profile-skills-groups { grid-template-columns: repeat(3, 1fr); }
    .content-with-sidebar { grid-template-columns: 1fr 300px; align-items: start; }
    .blog-post-sidebar { display: block; }
}

@media (min-width: 992px) {
    .profile-expertise-grid { grid-template-columns: repeat(3, 1fr); }
    .footer-grid--4 { grid-template-columns: repeat(4, 1fr); }
    .header-inner { flex-wrap: nowrap; }
    .site-nav { flex: 1; display: block !important; }
    .nav-list { justify-content: center; }
}

@media (min-width: 992px) {
    .hero__title { font-size: 2.5rem; }
    .quiz-cards { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
    .category-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 1200px) {
    .post-list { grid-template-columns: repeat(3, 1fr); }
}

/* Breakpoints: 576, 768, 992, 1200 */
@media (min-width: 576px) {
    .category-grid { grid-template-columns: repeat(3, 1fr); }
    .newsletter-form__row { flex-direction: row; align-items: stretch; }
    .newsletter-form__row .form-input { flex: 1; }
    .stats-bar__grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 768px) {
    .nav-toggle { display: none; }
    .site-nav { display: block !important; width: auto; margin-left: 0; }
    .nav-list { display: flex; gap: 1.25rem; align-items: center; }
    .nav-list__link { padding: .25rem 0; min-height: auto; line-height: inherit; border-bottom: 2px solid transparent; }
    .nav-list__link:hover { border-bottom-color: var(--color-primary); }
    .header-search { width: auto; min-width: 220px; max-width: 260px; margin-left: auto; }
    .home-grid { grid-template-columns: 1fr; }
    .post-list { grid-template-columns: repeat(2, 1fr); }
    .quiz-cards { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .search-form { flex-direction: row; }
    .error-page__suggestions { grid-template-columns: repeat(2, 1fr); }
}