/* =============================================================
   POURQUOI ÇA ? PRO — CSS PRINCIPAL
   Mobile-first, sans framework, variables CSS pour la personnalisation.
   ============================================================= */

:root {
	/* Palette (surchargée depuis le Customizer, voir inc/customizer.php) */
	--pqc-color-primary: #2E6FF2;
	--pqc-color-accent: #FFC93C;
	--pqc-color-orange: #F2843A;
	--pqc-color-navy: #0B1E3D;
	--pqc-color-navy-light: #16305C;
	--pqc-color-ivory: #FBF8F2;
	--pqc-color-white: #FFFFFF;
	--pqc-color-text: #10182B;
	--pqc-color-text-muted: #5B6478;
	--pqc-color-border: #E7E4DC;

	/* Typographie */
	--pqc-font-base: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--pqc-font-display: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	/* Rayons et ombres */
	--pqc-radius-sm: 8px;
	--pqc-radius-md: 14px;
	--pqc-radius-lg: 20px;
	--pqc-shadow-sm: 0 2px 8px rgba(11, 30, 61, 0.06);
	--pqc-shadow-md: 0 8px 24px rgba(11, 30, 61, 0.10);

	--pqc-container-width: 1280px;
}

/* ---------- Reset minimal ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--pqc-font-base);
	color: var(--pqc-color-text);
	background: var(--pqc-color-ivory);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4 { font-family: var(--pqc-font-display); line-height: 1.25; margin: 0 0 0.5em; color: var(--pqc-color-navy); }
button { font-family: inherit; cursor: pointer; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}
.pqc-skip-link {
	position: absolute; left: -9999px; top: 0;
	background: var(--pqc-color-navy); color: #fff;
	padding: 12px 20px; z-index: 999;
}
.pqc-skip-link:focus { left: 0; }

:focus-visible {
	outline: 3px solid var(--pqc-color-primary);
	outline-offset: 2px;
}

.pqc-container {
	max-width: var(--pqc-container-width);
	margin: 0 auto;
	padding: 0 20px;
}

/* ---------- Boutons ---------- */
.pqc-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 12px 22px;
	border-radius: 999px;
	font-weight: 600;
	border: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.pqc-btn--primary {
	background: var(--pqc-color-primary);
	color: #fff;
}
.pqc-btn--primary:hover { transform: translateY(-1px); box-shadow: var(--pqc-shadow-md); }

/* ---------- Badges ---------- */
.pqc-badge {
	display: inline-block;
	padding: 5px 14px;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 700;
	background: var(--pqc-color-primary);
	color: #fff;
	margin-bottom: 12px;
}
.pqc-badge--corps-humain { background: #E14C6B; }
.pqc-badge--cerveau-psychologie { background: #8B5CF6; }
.pqc-badge--science-du-quotidien { background: var(--pqc-color-orange); }
.pqc-badge--nature-animaux { background: #2FA35A; }
.pqc-badge--technologie { background: var(--pqc-color-primary); }
.pqc-badge--espace-astronomie { background: #33418F; }
.pqc-badge--curiosites { background: #17A398; }

/* =============================================================
   SVG ICONS / MICRO-INTERACTIONS
   ============================================================= */
.pqc-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.16em;flex:none;}
.pqc-search-toggle .pqc-icon,.pqc-menu-toggle .pqc-icon{width:19px;height:19px;}
.pqc-social-icons{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px;}
.pqc-social-icons a{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;}
.pqc-social-icons .pqc-icon{width:15px;height:15px;}
.pqc-social-icons a:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(11,30,61,.18);}

/* =============================================================
   TOPBAR
   ============================================================= */
.pqc-topbar { background: var(--pqc-color-navy); color: #cfd8ee; font-size: 0.82rem; }
.pqc-topbar-inner { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; gap: 16px; flex-wrap: wrap; }
.pqc-topbar-text { margin: 0; font-weight: 600; }
.pqc-topbar-right { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.pqc-topbar-links { display: flex; gap: 16px; }
.pqc-topbar-links a:hover { color: #fff; }
.pqc-social-icons { display: flex; gap: 10px; }
.pqc-social-icons a {
	width: 26px; height: 26px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: rgba(255,255,255,0.1);
}
.pqc-social-icons a:hover { background: var(--pqc-color-primary); }

/* =============================================================
   HEADER
   ============================================================= */
.pqc-header { background: #fff; border-bottom: 1px solid var(--pqc-color-border); position: sticky; top: 0; z-index: 100; }
.pqc-header-inner { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; gap: 20px; }
.pqc-branding { display: flex; flex-direction: column; }
.pqc-logo-fallback { display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: 1.4rem; color: var(--pqc-color-navy); }
.pqc-logo-fallback .pqc-logo-icon { font-size: 1.6rem; }
.pqc-tagline { margin: 0; font-size: 0.72rem; color: var(--pqc-color-text-muted); }

.pqc-primary-nav { display: none; }
.pqc-menu { display: flex; gap: 4px; }
.pqc-menu-link {
	display: flex; align-items: center; gap: 4px;
	padding: 10px 12px; border-radius: var(--pqc-radius-sm);
	font-weight: 600; font-size: 0.92rem; color: var(--pqc-color-navy);
}
.pqc-menu-link:hover { background: var(--pqc-color-ivory); color: var(--pqc-color-primary); }
.pqc-sub-menu { display: none; position: absolute; background: #fff; box-shadow: var(--pqc-shadow-md); border-radius: var(--pqc-radius-sm); padding: 8px; min-width: 220px; }
.pqc-menu-item.has-children:hover .pqc-sub-menu,
.pqc-menu-item.has-children:focus-within .pqc-sub-menu { display: block; }
.pqc-menu-item { position: relative; }

.pqc-header-actions { display: flex; align-items: center; gap: 10px; }
.pqc-search-toggle, .pqc-menu-toggle {
	width: 42px; height: 42px; border-radius: 50%;
	border: 1px solid var(--pqc-color-border); background: #fff;
	display: flex; align-items: center; justify-content: center;
}
.pqc-search-toggle:hover, .pqc-menu-toggle:hover { background: var(--pqc-color-ivory); }

.pqc-search-panel { border-top: 1px solid var(--pqc-color-border); background: var(--pqc-color-ivory); }
.pqc-search-panel[hidden] { display: none; }
.pqc-search-form { display: flex; max-width: var(--pqc-container-width); margin: 0 auto; padding: 14px 20px; gap: 10px; }
.pqc-search-input { flex: 1; padding: 12px 16px; border-radius: var(--pqc-radius-sm); border: 1px solid var(--pqc-color-border); font-size: 1rem; }
.pqc-search-submit { background: var(--pqc-color-primary); color: #fff; border-radius: var(--pqc-radius-sm); padding: 0 18px; border: none; }

@media (min-width: 960px) {
	.pqc-primary-nav { display: block; }
	.pqc-menu-toggle { display: none; }
}
@media (max-width: 959px) {
	.pqc-primary-nav {
		display: none;
		position: absolute; top: 100%; left: 0; right: 0;
		background: #fff; border-top: 1px solid var(--pqc-color-border);
		box-shadow: var(--pqc-shadow-md);
	}
	.pqc-primary-nav.is-open { display: block; }
	.pqc-menu { flex-direction: column; padding: 10px; }
	.pqc-sub-menu { position: static; box-shadow: none; display: block; padding-left: 14px; }
}

/* Icônes simplifiées en formes CSS pour rester légères (pas de librairie d'icônes). */
.pqc-icon-search, .pqc-icon-burger, .pqc-icon-clock, .pqc-icon-comment,
.pqc-icon-flame, .pqc-icon-mail, .pqc-icon-facebook, .pqc-icon-x-twitter,
.pqc-icon-instagram, .pqc-icon-youtube, .pqc-icon-pinterest,
.pqc-icon-body, .pqc-icon-brain, .pqc-icon-flask, .pqc-icon-paw,
.pqc-icon-chip, .pqc-icon-orbit, .pqc-icon-bulb, .pqc-caret {
	display: inline-block;
	width: 1em; height: 1em;
}

/* ---------- Fil d'Ariane ---------- */
.pqc-breadcrumbs { padding: 18px 0 12px; margin-bottom: 8px; font-size: 0.85rem; color: var(--pqc-color-text-muted); }
.pqc-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.pqc-breadcrumbs li:not(:last-child)::after { content: '/'; margin-left: 6px; }
.pqc-breadcrumbs a:hover { color: var(--pqc-color-primary); }

/* =============================================================
   HOMEPAGE
   ============================================================= */
.pqc-home-top { padding-top: 24px; }
.pqc-home-hero-row { display: grid; grid-template-columns: 1fr; gap: 24px; }

.pqc-hero {
	background: linear-gradient(120deg, var(--pqc-color-navy), var(--pqc-color-navy-light));
	border-radius: var(--pqc-radius-lg);
	color: #fff;
	display: grid;
	grid-template-columns: 1fr;
	overflow: hidden;
}
.pqc-hero-text { padding: 32px 24px; display: flex; flex-direction: column; gap: 14px; }
.pqc-hero-title { color: #fff; font-size: 1.6rem; }
.pqc-hero-title a:hover { text-decoration: underline; }
.pqc-hero-excerpt { color: #cfd8ee; margin: 0; }
.pqc-hero-meta { display: flex; gap: 16px; font-size: 0.85rem; color: #cfd8ee; }
.pqc-hero-meta > span { display: flex; align-items: center; gap: 4px; }
.pqc-hero-media img, .pqc-hero-media-placeholder { width: 100%; height: 260px; object-fit: cover; background: rgba(255,255,255,0.08); }

.pqc-popular {
	background: #fff;
	border-radius: var(--pqc-radius-lg);
	padding: 20px;
	box-shadow: var(--pqc-shadow-sm);
}
.pqc-popular-title { display: flex; align-items: center; gap: 8px; font-size: 1.05rem; margin: 0; }
.pqc-popular-list { display: grid; grid-template-columns: 1fr; gap: 14px; margin: 16px 0 0; padding: 0; list-style: none; }
.pqc-popular-item { display: block; margin: 0; }
.pqc-popular-card { display: block; overflow: hidden; border: 1px solid var(--pqc-color-border); border-radius: 14px; background: #fff; box-shadow: 0 5px 16px rgba(15, 35, 70, .06); transition: transform .2s ease, box-shadow .2s ease; }
.pqc-popular-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(15, 35, 70, .12); }
.pqc-popular-thumb { display: block; overflow: hidden; aspect-ratio: 16 / 9; background: #eef2f7; }
.pqc-popular-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.pqc-popular-card:hover .pqc-popular-thumb img { transform: scale(1.07); }
.pqc-popular-thumb-placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, var(--pqc-color-navy), var(--pqc-color-primary)); }
.pqc-popular-info { display: flex; flex-direction: column; gap: 5px; padding: 12px 13px 13px; }
.pqc-popular-link { font-weight: 700; font-size: .92rem; line-height: 1.35; color: var(--pqc-color-text); }
.pqc-popular-link:hover { color: var(--pqc-color-primary); }
.pqc-popular-category { font-size: 0.74rem; color: var(--pqc-color-text-muted); }
.pqc-popular-meta { display:flex; align-items:center; gap:6px; font-size:.74rem; color:var(--pqc-color-text-muted); }

.pqc-category-bar {
	display: flex; gap: 14px; overflow-x: auto;
	padding: 20px 0 10px;
	scrollbar-width: thin;
}
.pqc-category-pill {
	display: flex; flex-direction: column; align-items: center; gap: 8px;
	flex-shrink: 0; min-width: 92px; text-align: center;
}
.pqc-category-icon {
	width: 52px; height: 52px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: var(--pqc-color-ivory); font-size: 1.4rem;
	transition: transform 0.15s ease;
}
.pqc-category-pill:hover .pqc-category-icon { transform: translateY(-3px); }
.pqc-category-label { font-size: 0.78rem; font-weight: 600; }

.pqc-home-content-row { display: grid; grid-template-columns: 1fr; gap: 32px; padding: 32px 0 60px; }
.pqc-section-heading { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 18px; }
.pqc-section-heading--small h3 { font-size: 1rem; margin: 0; }
.pqc-see-all { font-size: 0.85rem; font-weight: 600; color: var(--pqc-color-primary); }

.pqc-card-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
.pqc-card {
	background: #fff; border-radius: var(--pqc-radius-md);
	overflow: hidden; box-shadow: var(--pqc-shadow-sm);
	transition: box-shadow 0.15s ease, transform 0.15s ease;
	display: flex; flex-direction: column;
}
.pqc-card:hover { box-shadow: var(--pqc-shadow-md); transform: translateY(-2px); }
.pqc-card-media { position: relative; display: block; }
.pqc-card-media img, .pqc-card-media-placeholder { width: 100%; height: 190px; object-fit: cover; background: var(--pqc-color-ivory); }
.pqc-card-media .pqc-badge { position: absolute; bottom: 10px; left: 10px; margin: 0; }
.pqc-card-body { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.pqc-card-title { font-size: 1.05rem; margin: 0; }
.pqc-card-title a:hover { color: var(--pqc-color-primary); }
.pqc-card-excerpt { color: var(--pqc-color-text-muted); font-size: 0.9rem; margin: 0; flex: 1; }
.pqc-card-meta { display: flex; gap: 12px; font-size: 0.76rem; color: var(--pqc-color-text-muted); flex-wrap: wrap; }
.pqc-card-meta > span { display: flex; align-items: center; gap: 4px; }

.pqc-editorial-banner {
	position: relative; isolation: isolate; width: min(1080px, calc(100% - 32px)); margin: 28px auto 0;
	min-height: 330px; border-radius: var(--pqc-radius-lg); overflow: hidden;
	background: var(--pqc-color-navy); color: #fff;
	box-shadow: var(--pqc-shadow-md); display: flex; align-items: flex-end;
}
.pqc-editorial-banner-media, .pqc-editorial-banner-media img, .pqc-editorial-banner-overlay {
	position: absolute; inset: 0; width: 100%; height: 100%;
}
.pqc-editorial-banner-media img { object-fit: cover; display: block; }
.pqc-editorial-banner-overlay {
	background: linear-gradient(90deg, rgba(11,30,61,.94) 0%, rgba(11,30,61,.70) 48%, rgba(11,30,61,.22) 100%);
	z-index: 1;
}
.pqc-editorial-banner.no-image {
	background: radial-gradient(circle at 85% 20%, rgba(244,178,0,.32), transparent 30%), var(--pqc-color-navy);
}
.pqc-editorial-banner.no-image .pqc-editorial-banner-overlay {
	background: linear-gradient(90deg, rgba(11,30,61,.96), rgba(11,30,61,.72));
}
.pqc-editorial-banner-content { position: relative; z-index: 2; padding: 38px; max-width: 640px; }
.pqc-editorial-banner-content h2 { color: #fff; font-size: clamp(1.55rem, 3vw, 2.15rem); line-height: 1.12; margin: 12px 0 10px; }
.pqc-editorial-banner-content p { color: #e6ecff; max-width: 570px; margin: 0 0 20px; }

.pqc-newsletter-block {
	background: var(--pqc-color-navy); color: #fff;
	border-radius: var(--pqc-radius-lg); padding: 26px;
}
.pqc-newsletter-icon { font-size: 1.6rem; }
.pqc-newsletter-block h3 { color: #fff; font-size: 1.1rem; }
.pqc-newsletter-block p { color: #cfd8ee; font-size: 0.88rem; }
.pqc-newsletter-form { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.pqc-newsletter-form input {
	padding: 12px 14px; border-radius: var(--pqc-radius-sm);
	border: none; font-size: 0.95rem;
}
.pqc-newsletter-trust { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 14px; font-size: 0.72rem; color: #b9c5e8; }

.pqc-topics-block { background: #fff; border-radius: var(--pqc-radius-lg); padding: 20px; box-shadow: var(--pqc-shadow-sm); margin-top: 24px; }
.pqc-topics-list li a { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: 0.9rem; font-weight: 600; }
.pqc-topics-list li a:hover { color: var(--pqc-color-primary); }
.pqc-topic-count { margin-left: auto; color: var(--pqc-color-text-muted); font-weight: 500; }

@media (min-width: 900px) {
	.pqc-home-hero-row { grid-template-columns: 2.4fr 1fr; }
	.pqc-hero { grid-template-columns: 1fr 1fr; }
	.pqc-home-content-row { grid-template-columns: 2.3fr 1fr; }
	.pqc-card-grid { grid-template-columns: repeat(3, 1fr); }
}

/* =============================================================
   ARTICLE
   ============================================================= */
.pqc-article-layout { display: grid; grid-template-columns: 1fr; gap: 40px; padding: 30px 0 60px; }
.pqc-article-title { font-size: 1.9rem; }
.pqc-article-intro { color: var(--pqc-color-text-muted); font-size: 1.05rem; }
.pqc-article-meta { display: flex; gap: 16px; font-size: 0.85rem; color: var(--pqc-color-text-muted); flex-wrap: wrap; }
.pqc-article-media img { width: 100%; border-radius: var(--pqc-radius-lg); margin: 20px 0; }

.pqc-short-answer {
	background: #FFF7E0; border-left: 4px solid var(--pqc-color-accent);
	border-radius: var(--pqc-radius-sm); padding: 16px 20px; margin: 20px 0;
}
.pqc-short-answer-label { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--pqc-color-orange); }
.pqc-short-answer p { margin: 6px 0 0; font-weight: 600; }

.pqc-toc { background: var(--pqc-color-ivory); border-radius: var(--pqc-radius-sm); padding: 16px 20px; margin: 20px 0; }
.pqc-toc-title { font-weight: 700; margin-bottom: 8px; }
.pqc-toc ol { list-style: decimal; padding-left: 20px; }
.pqc-toc a:hover { color: var(--pqc-color-primary); }

.pqc-article-content { max-width: 720px; font-size: 1.05rem; }
.pqc-article-content h2 { margin-top: 2em; font-size: 1.35rem; }
.pqc-article-content p { margin: 0 0 1.2em; }
.pqc-article-content img { border-radius: var(--pqc-radius-md); }

.pqc-article-sources { margin: 30px 0; padding-top: 20px; border-top: 1px solid var(--pqc-color-border); }
.pqc-article-sources ul { list-style: disc; padding-left: 20px; }
.pqc-article-sources a { color: var(--pqc-color-primary); }

.pqc-related-articles { margin-top: 40px; }
.pqc-card-grid--3 { grid-template-columns: 1fr; }
@media (min-width: 900px) { .pqc-card-grid--3 { grid-template-columns: repeat(3, 1fr); } }

.pqc-comments { margin-top: 40px; border-top: 1px solid var(--pqc-color-border); padding-top: 28px; }
.pqc-comments .comment-reply-title { margin-bottom: 16px; }
.pqc-comments .comment-form { display: grid; gap: 14px; }
.pqc-comments .comment-form p { margin: 0; }
.pqc-comments .comment-form-author, .pqc-comments .comment-form-email { display: grid; gap: 6px; }
.pqc-comments .comment-form-author label, .pqc-comments .comment-form-email label, .pqc-comments .comment-form-comment label { font-weight: 700; font-size: .9rem; }
.pqc-comments .comment-form input[type="text"], .pqc-comments .comment-form input[type="email"], .pqc-comments .comment-form textarea { width: 100%; border: 1px solid var(--pqc-color-border); border-radius: 10px; padding: 12px 14px; background:#fff; }
.pqc-comments .comment-form textarea { min-height: 130px; resize: vertical; }
.pqc-comments .comment-form input:focus, .pqc-comments .comment-form textarea:focus { outline: 3px solid rgba(47, 111, 237, .15); border-color: var(--pqc-color-primary); }
.pqc-comment-list { display: flex; flex-direction: column; gap: 18px; }

@media (min-width: 980px) {
	.pqc-article-layout { grid-template-columns: 2.4fr 1fr; }
}

/* ---------- Sidebar ---------- */
.pqc-sidebar { display: flex; flex-direction: column; gap: 24px; }

/* ---------- Emplacements publicitaires ---------- */
.pqc-ad-slot {
	min-height: 90px;
	display:flex; align-items:center; justify-content:center;
	display: block;
	margin: 24px 0;
	text-align: center;
	min-height: 90px;
	border-radius: var(--pqc-radius-sm);
}


/* ---------- Pages statiques ---------- */
.pqc-page-layout { padding: 30px 0 60px; }
.pqc-page-content { max-width: 760px; font-size: 1.05rem; }

/* ---------- Archives / recherche / 404 ---------- */
.pqc-archive-header { padding: 30px 0 10px; }
.pqc-archive-title { font-size: 1.8rem; }
.pqc-archive-count { color: var(--pqc-color-text-muted); }
.pqc-pagination { display: flex; justify-content: center; gap: 10px; padding: 30px 0 60px; }
.pqc-pagination .page-numbers { padding: 8px 14px; border-radius: var(--pqc-radius-sm); background: #fff; box-shadow: var(--pqc-shadow-sm); }
.pqc-pagination .current { background: var(--pqc-color-primary); color: #fff; }
.pqc-no-results { padding: 30px 0 60px; }
.pqc-404 { text-align: center; padding: 60px 0; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.pqc-404-icon { font-size: 3rem; }

/* =============================================================
   FOOTER
   ============================================================= */
.pqc-footer { background: var(--pqc-color-navy); color: #cfd8ee; margin-top: 40px; }
.pqc-footer-grid { display: grid; grid-template-columns: 1fr; gap: 32px; padding: 50px 0 30px; }
.pqc-footer-col h3 { color: #fff; font-size: 0.95rem; margin-bottom: 14px; }
.pqc-footer-col ul { display: flex; flex-direction: column; gap: 10px; font-size: 0.88rem; }
.pqc-footer-col a:hover { color: #fff; }
.pqc-footer-tagline { font-size: 0.85rem; margin-top: 10px; }
.pqc-footer-signature { font-style: italic; color: var(--pqc-color-accent); font-size: 0.85rem; }
.pqc-footer-bottom {
	display: flex; flex-direction: column; gap: 10px;
	border-top: 1px solid rgba(255,255,255,0.1);
	padding: 18px 0; font-size: 0.78rem;
}
.pqc-footer-bottom-links { display: flex; gap: 16px; flex-wrap: wrap; }

@media (min-width: 900px) {
	.pqc-footer-grid { grid-template-columns: 1.45fr repeat(4, minmax(0,1fr)); }
	.pqc-footer-bottom { flex-direction: row; justify-content: space-between; }
}
@media (min-width: 900px) and (max-width: 1199px) {
	.pqc-footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
}
@media (max-width: 899px) {
	.pqc-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
	.pqc-footer-grid { grid-template-columns: 1fr; padding-left:18px; padding-right:18px; }
	.pqc-footer-bottom { padding-left:18px; padding-right:18px; }
}
body.pqc-modal-open{overflow:hidden;}
.pqc-header-custom{padding-bottom:12px;font-size:.9rem;}
.pqc-header-custom a{font-weight:700;color:var(--pqc-color-primary);}
.pqc-header-cta{white-space:nowrap;font-size:.82rem;padding:9px 13px;}
.pqc-social-icons--header{gap:6px;}
.pqc-social-icons--header a{width:32px;height:32px;background:var(--pqc-color-ivory);color:var(--pqc-color-navy);}
.pqc-social-icons--footer-large{margin-top:12px;gap:9px;}
.pqc-social-icons--footer-large a{width:38px;height:38px;background:rgba(255,255,255,.1);color:#fff;}
.pqc-footer-custom{margin-top:16px;}
.pqc-footer-widget-area{margin-top:18px;}

/* Social popup */
.pqc-social-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;}
.pqc-social-modal[hidden]{display:none;}
.pqc-social-modal-backdrop{position:absolute;inset:0;background:rgba(5,15,32,.68);backdrop-filter:blur(4px);}
.pqc-social-modal-card{position:relative;width:min(500px,100%);background:#fff;border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.28);text-align:center;animation:pqcModalIn .28s ease;}
.pqc-social-modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:var(--pqc-color-ivory);color:var(--pqc-color-navy);display:grid;place-items:center;cursor:pointer;}
.pqc-social-modal-close .pqc-icon{width:18px;height:18px;}
.pqc-social-modal-icon{width:56px;height:56px;border-radius:18px;background:var(--pqc-color-accent);display:grid;place-items:center;margin:0 auto 14px;color:var(--pqc-color-navy);}
.pqc-social-modal-icon .pqc-icon{width:28px;height:28px;}
.pqc-social-modal-card h2{margin:0 0 8px;color:var(--pqc-color-navy);font-size:1.7rem;}
.pqc-social-modal-card>p:not(.pqc-eyebrow){color:var(--pqc-color-text-muted);margin:0 auto 22px;max-width:380px;}
.pqc-social-modal-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.pqc-social-modal-links a{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;border:1px solid var(--pqc-color-border);border-radius:12px;font-weight:700;color:var(--pqc-color-navy);transition:.18s ease;}
.pqc-social-modal-links a:hover{border-color:var(--pqc-color-primary);color:var(--pqc-color-primary);transform:translateY(-1px);}
.pqc-social-modal-dismiss{display:block;margin-top:18px;font-size:.76rem;color:var(--pqc-color-text-muted);cursor:pointer;}
@keyframes pqcModalIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.pqc-header.pqc-scrolled{box-shadow:0 7px 25px rgba(11,30,61,.08);}
@media(max-width:700px){.pqc-social-modal-card{padding:28px 20px;border-radius:20px}.pqc-social-modal-links{grid-template-columns:1fr}.pqc-header-cta{display:none}.pqc-topbar-inner{padding-left:18px;padding-right:18px}.pqc-topbar-right{gap:12px}.pqc-topbar-links{gap:10px;font-size:.76rem}.pqc-social-icons--header{display:none;}}


/* =============================================================
   V5 — finition média éditorial
   ============================================================= */
.pqc-header-inner{min-height:72px}
.pqc-branding{min-width:0}
.pqc-logo-fallback{display:inline-flex;align-items:center;gap:9px;font-weight:850;letter-spacing:-.03em}
.pqc-logo-text{font-size:1.25rem}
.pqc-tagline{margin:.12rem 0 0;font-size:.72rem;color:var(--pqc-color-text-muted);line-height:1.25}
.pqc-home-top{padding-top:30px}
.pqc-home-hero-row{gap:28px}
.pqc-hero{overflow:hidden;border:1px solid var(--pqc-color-border);box-shadow:var(--pqc-shadow-md)}
.pqc-hero-title{letter-spacing:-.035em}
.pqc-card{border:1px solid var(--pqc-color-border);box-shadow:var(--pqc-shadow-sm);transition:transform .18s ease,box-shadow .18s ease}
.pqc-card:hover{transform:translateY(-3px);box-shadow:var(--pqc-shadow-md)}
.pqc-section-heading{letter-spacing:-.025em}
.pqc-home-content-row{padding-top:38px}
.pqc-newsletter-block{border:1px solid var(--pqc-color-border);box-shadow:var(--pqc-shadow-sm)}
.pqc-newsletter-form{display:flex;gap:8px}
.pqc-newsletter-form input{min-width:0;flex:1}
.pqc-footer{margin-top:56px}
.pqc-footer-grid{row-gap:38px}
.pqc-footer-brand .pqc-branding{margin-bottom:4px}
.pqc-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:18px}
.pqc-search-panel{box-shadow:0 14px 35px rgba(11,30,61,.12)}
@media(max-width:700px){
 .pqc-home-top{padding-top:18px}
 .pqc-home-content-row{padding-top:24px}
 .pqc-newsletter-form{flex-direction:column}
 .pqc-newsletter-form .pqc-btn{justify-content:center}
 .pqc-hero-title{font-size:clamp(1.8rem,8vw,2.5rem)}
}

@media (max-width: 899px) { .pqc-breadcrumbs { padding-top: 14px; margin-bottom: 14px; } .pqc-popular { padding: 18px; } }

@media (max-width: 640px) {
	.pqc-editorial-banner { width: calc(100% - 20px); min-height: 300px; margin-top: 22px; }
	.pqc-editorial-banner-content { padding: 26px 22px; }
	.pqc-editorial-banner-overlay { background: linear-gradient(0deg, rgba(11,30,61,.94) 0%, rgba(11,30,61,.58) 75%, rgba(11,30,61,.22) 100%); }
}


/* =============================================================
   V8 — cohérence éditoriale et réponses courtes
   ============================================================= */
.pqc-short-answer--under-title { margin: 14px 0 18px; }
.pqc-short-answer--under-title p { font-size: 1.05rem; line-height: 1.55; }
.pqc-article-header .pqc-article-title { margin-bottom: 0; letter-spacing: -0.025em; }
.pqc-badge--editorial { background: var(--pqc-color-accent); color: #17233d; }
.pqc-editorial-banner-content .pqc-btn { margin-top: 2px; }
@media (max-width: 640px) {
  .pqc-editorial-banner { width: calc(100% - 24px); min-height: 300px; }
  .pqc-editorial-banner-content { padding: 24px 20px; }
  .pqc-editorial-banner-content h2 { font-size: 1.5rem; }
  .pqc-short-answer--under-title { padding: 14px 16px; }
}