/* Habillage animé réservé aux écrans de 768px et plus. */
@media screen and (min-width: 768px) {
/* Mathprepa : fond bleu nuit animé, indépendant des styles des cours. */
body.mathprepa-night-background {
	background: #102653 !important;
	isolation: isolate;
}
body.mathprepa-night-background #mathprepa-night-canvas {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	background: radial-gradient(ellipse at 12% 22%, #1c4174 0, transparent 45%), radial-gradient(ellipse at 88% 76%, #19366b 0, transparent 40%), #102653;
}
body.mathprepa-night-background #page {
	/* Le site remplit son cadre blanc, sans seconde bordure intérieure. */
	background: #fff;
	max-width: 1088px;
	padding: 0;
}
body.mathprepa-night-background #colophon {
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}
body.mathprepa-night-background #iop-footer {
	box-sizing: border-box;
	width: 100%;
}
body.mathprepa-night-background #iop-footer .footer-widget {
	box-sizing: border-box;
	max-width: 100%;
}
body.mathprepa-night-background #main,
body.mathprepa-night-background #colophon,
body.mathprepa-night-background #iop-footer,
body.mathprepa-night-background .site-wordpress,
body.mathprepa-night-background .themonic-ad2,
body.mathprepa-night-background .themonic-ad3 {
	background-color: #fff;
}
body.mathprepa-night-background #masthead {
	background: linear-gradient(120deg, #193b6c, #142d5b);
	box-sizing: border-box;
	width: 100%;
}
body.mathprepa-night-background #masthead .top-header {
	background: transparent !important;
	width: 100%;
	box-sizing: border-box;
}
body.mathprepa-night-background #masthead .top-header > div {
	margin-top: 0 !important;
}
body.mathprepa-night-background #masthead .top-header > a,
body.mathprepa-night-background #masthead .top-header h2 a {
	color: #f0f7ff !important;
	text-shadow: none;
}
body.mathprepa-night-background #masthead .mathprepa-brand-accent {
	color: #ffd65a;
}
body.mathprepa-night-background #masthead .top-header .site-description {
	color: #c0d4e6 !important;
}
body.mathprepa-night-background #masthead .top-header div a {
	color: #b0ddfb !important;
}
body.mathprepa-night-background #mathprepa-night-toggle {
	position: fixed;
	bottom: 12px;
	right: 12px;
	z-index: 1000;
	background: #172f56;
	color: #d7eaff;
	border: 1px solid #829cbe;
	border-radius: 7px;
	box-shadow: 0 2px 8px #0003;
	padding: 6px 10px;
	font: 12px/1.4 Arial, sans-serif;
	cursor: pointer;
	opacity: .9;
}
/* Dans l'aperçu uniquement : laisser visible le bandeau WPVibe. */
body.mathprepa-night-background:has(#wpvibe-preview-banner) #mathprepa-night-toggle {
	bottom: 140px;
}
body.mathprepa-night-background #mathprepa-night-toggle:hover {
	opacity: 1;
}
body.mathprepa-night-background #mathprepa-night-toggle:focus-visible {
	outline: 2px solid #86d3ff;
	outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
	body.mathprepa-night-background #mathprepa-night-toggle { display: none; }
}
@media print {
	body.mathprepa-night-background { background: white !important; }
	#mathprepa-night-canvas, #mathprepa-night-toggle { display: none !important; }
	body.mathprepa-night-background #masthead { background: white !important; }
	body.mathprepa-night-background #masthead .top-header a { color: #333 !important; }
}

}
/* Sur téléphone : mise en page classique, bandeau aux couleurs du grand écran. */
@media screen and (max-width: 767px) {
	#mathprepa-night-canvas, #mathprepa-night-toggle { display: none !important; }
	body.mathprepa-night-background #masthead {
		background: linear-gradient(120deg, #193b6c, #142d5b);
	}
	body.mathprepa-night-background #masthead .top-header {
		background: transparent !important;
	}
	body.mathprepa-night-background #masthead .top-header > a,
	body.mathprepa-night-background #masthead .top-header h2 a {
		color: #f0f7ff !important;
		text-shadow: none;
	}
	body.mathprepa-night-background #masthead .mathprepa-brand-accent {
		color: #ffd65a;
	}
	body.mathprepa-night-background #masthead .top-header .site-description {
		color: #c0d4e6 !important;
	}
	body.mathprepa-night-background #masthead .top-header div a {
		color: #b0ddfb !important;
	}
}
@media print {
	#mathprepa-night-canvas, #mathprepa-night-toggle { display: none !important; }
}

/* Accueil : survol discret des cinq encadrés Brume pastel. */
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
	body.home .entry-content .mathprepa-accueil-brume {
		transition: background-color 200ms ease, box-shadow 200ms ease;
	}
	body.home .entry-content .mathprepa-accueil-brume:hover {
		box-shadow: 0 5px 18px rgba(25, 59, 108, .10);
	}
	body.home .entry-content .mathprepa-accueil-brume:nth-of-type(1):hover { background-color: rgba(202, 226, 241, .52) !important; }
	body.home .entry-content .mathprepa-accueil-brume:nth-of-type(2):hover { background-color: rgba(208, 230, 218, .52) !important; }
	body.home .entry-content .mathprepa-accueil-brume:nth-of-type(3):hover { background-color: rgba(221, 215, 239, .49) !important; }
	body.home .entry-content .mathprepa-accueil-brume:nth-of-type(4):hover { background-color: rgba(242, 225, 197, .49) !important; }
	body.home .entry-content .mathprepa-accueil-brume:nth-of-type(5):hover { background-color: rgba(238, 214, 219, .46) !important; }
}
@media (prefers-reduced-motion: reduce) {
	body.home .entry-content .mathprepa-accueil-brume { transition: none; }
}