/*!
 * Le Carnet – Widgets Blog pour Elementor
 * Trois variantes : A (éditorial), B (moderne), C (sombre).
 * Toutes les couleurs et polices passent par des variables CSS :
 * Réglages › Le Carnet les définit, l'onglet Style d'Elementor les surcharge.
 */

/* ==========================================================================
   1. Variables par défaut (remplacées par les réglages)
   ========================================================================== */

.carnet--a {
	--c-bg: #FFFFFF; --c-surface: #FFFFFF; --c-soft: #F6F3EE; --c-text: #16130F; --c-muted: #5C564E;
	--c-border: #E4E0D8; --c-accent: #A3261B; --c-on-accent: #FFFFFF; --c-chip-bg: #FFFFFF; --c-chip-text: #16130F;
	--f-display: "Fraunces", Georgia, serif; --f-body: "Source Sans 3", system-ui, sans-serif;
	--f-reading: "Source Serif 4", Georgia, serif; --f-meta: "Source Sans 3", system-ui, sans-serif;
	--radius: 0px; --w-display: 700; --chip-radius: 0px;
}
.carnet--b {
	--c-bg: #F3F5F9; --c-surface: #FFFFFF; --c-soft: #E6ECFF; --c-text: #0E1726; --c-muted: #4A5568;
	--c-border: #E2E7EF; --c-accent: #2446D8; --c-on-accent: #FFFFFF; --c-chip-bg: #E6ECFF; --c-chip-text: #1C38B0;
	--f-display: "Plus Jakarta Sans", system-ui, sans-serif; --f-body: "Plus Jakarta Sans", system-ui, sans-serif;
	--f-reading: "Plus Jakarta Sans", system-ui, sans-serif; --f-meta: "JetBrains Mono", ui-monospace, monospace;
	--radius: 16px; --w-display: 800; --chip-radius: 999px;
}
.carnet--c {
	--c-bg: #0F1012; --c-surface: #17191C; --c-soft: #17191C; --c-text: #F2F0EA; --c-muted: #A6A39B;
	--c-border: #2A2D31; --c-accent: #E8FF59; --c-on-accent: #0F1012; --c-chip-bg: #17191C; --c-chip-text: #F2F0EA;
	--f-display: "Archivo", system-ui, sans-serif; --f-body: "Archivo", system-ui, sans-serif;
	--f-reading: "Literata", Georgia, serif; --f-meta: "Archivo", system-ui, sans-serif;
	--radius: 0px; --w-display: 800; --chip-radius: 0px;
}

/* ==========================================================================
   2. Base
   ========================================================================== */

.carnet {
	--radius-sm: calc(var(--radius) * 0.75);
	box-sizing: border-box;
	background: var(--c-bg);
	color: var(--c-text);
	font-family: var(--f-body);
	font-size: 17px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.carnet *, .carnet *::before, .carnet *::after { box-sizing: border-box; }
.carnet a { color: inherit; text-decoration: none; transition: color .15s ease; }
.carnet a:hover { color: var(--c-accent); }
.carnet img { max-width: 100%; height: auto; display: block; }
.carnet :focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }
.carnet p { margin: 0; }
.carnet ul, .carnet ol { margin: 0; }
.carnet .carnet-icon { display: block; flex: none; }

.carnet-sr {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.carnet-container {
	width: 100%;
	max-width: var(--carnet-container, 1200px);
	margin-inline: auto;
	padding-inline: var(--carnet-gutter, 24px);
}
.carnet-page { background: var(--c-bg); min-height: 100vh; }
.carnet-editor-notice {
	margin: 8px 0; padding: 10px 12px; font: 13px/1.4 system-ui, sans-serif;
	background: #FFF8E1; color: #5B4500; border: 1px dashed #D4A400;
}

/* Boutons */
.carnet .carnet-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 46px; padding: 0 20px;
	border: 1px solid var(--c-accent); border-radius: var(--radius-sm);
	background: var(--c-accent); color: var(--c-on-accent);
	font: inherit; font-size: 15px; font-weight: 700; line-height: 1.1;
	cursor: pointer; text-decoration: none; transition: filter .15s ease, background .15s ease;
}
.carnet .carnet-btn:hover { filter: brightness(.92); color: var(--c-on-accent); }
.carnet .carnet-btn--ghost { background: transparent; color: var(--c-text); border-color: var(--c-text); }
.carnet .carnet-btn--ghost:hover { background: var(--c-text); color: var(--c-bg); filter: none; }
.carnet .carnet-btn.is-loading { opacity: .6; pointer-events: none; }
.carnet--c .carnet-btn { text-transform: uppercase; letter-spacing: .08em; font-size: 13px; font-weight: 800; }

/* Champs */
.carnet .carnet-input {
	width: 100%; min-height: 46px; padding: 0 14px;
	border: 1px solid var(--c-border); border-radius: var(--radius-sm);
	background: var(--c-surface); color: var(--c-text);
	font: inherit; font-size: 15px;
}
.carnet .carnet-input::placeholder { color: var(--c-muted); opacity: 1; }
.carnet .carnet-input:focus { outline: 2px solid var(--c-accent); outline-offset: 1px; }
.carnet select.carnet-input { padding-right: 32px; width: auto; }

/* Étiquettes / filtres */
.carnet-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.carnet .carnet-chip {
	display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px;
	border: 1px solid var(--c-border); border-radius: var(--chip-radius);
	background: var(--c-chip-bg); color: var(--c-chip-text);
	font-size: 14px; font-weight: 600; line-height: 1.2;
}
.carnet .carnet-chip:hover { border-color: var(--c-accent); color: var(--c-accent); }
.carnet .carnet-chip.is-active { background: var(--c-text); border-color: var(--c-text); color: var(--c-bg); }
.carnet--b .carnet-chip { border-color: transparent; }
.carnet--c .carnet-chip { font-weight: 800; font-size: 13px; }
.carnet--c .carnet-chip.is-active { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent); }

/* Catégorie (surtitre) */
.carnet .carnet-cat {
	display: inline-block; align-self: flex-start;
	font-family: var(--f-meta); font-size: 12px; font-weight: 700; line-height: 1.3;
	letter-spacing: .12em; text-transform: uppercase; color: var(--c-accent);
}
.carnet--b .carnet-cat {
	padding: 4px 11px; border-radius: 999px; background: var(--c-chip-bg); color: var(--c-chip-text);
	font-family: var(--f-body); letter-spacing: 0; text-transform: none;
}
.carnet--c .carnet-cat { font-weight: 800; letter-spacing: .14em; }

/* Méta */
.carnet .carnet-meta { font-family: var(--f-meta); font-size: 14px; color: var(--c-muted); }
.carnet--b .carnet-meta { font-size: 12px; letter-spacing: .01em; }
.carnet--c .carnet-meta { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.carnet-sep { opacity: .7; }

/* Titres */
.carnet .carnet-title {
	margin: 0; font-family: var(--f-display); font-weight: var(--w-display);
	line-height: 1.2; color: var(--c-text); overflow-wrap: anywhere;
}
.carnet--b .carnet-title { letter-spacing: -.01em; }
.carnet--c .carnet-title { letter-spacing: -.02em; line-height: 1.08; }

.carnet .carnet-section-title {
	margin: 0 0 16px; padding-top: 12px; border-top: 2px solid var(--c-text);
	font-family: var(--f-body); font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
	color: var(--c-text);
}
.carnet--b .carnet-section-title {
	margin-bottom: 20px; padding: 0; border: 0;
	font-family: var(--f-display); font-size: 28px; font-weight: 800; letter-spacing: -.02em; text-transform: none;
}
.carnet--c .carnet-section-title { padding: 0; border: 0; color: var(--c-muted); font-size: 12px; font-weight: 800; letter-spacing: .16em; }

/* Images */
.carnet .carnet-media {
	position: relative; display: block; overflow: hidden;
	aspect-ratio: var(--carnet-ratio, 3/2);
	background: var(--c-soft);
}
.carnet .carnet-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.carnet a.carnet-media:hover img { transform: scale(1.03); }
.carnet--b .carnet-media { border-radius: calc(var(--radius) * .75); }
.carnet--c .carnet-media { border: 1px solid var(--c-border); }

/* ==========================================================================
   3. Grilles et cartes
   ========================================================================== */

.carnet-grid {
	display: grid;
	grid-template-columns: repeat(var(--carnet-cols, 3), minmax(0, 1fr));
	gap: var(--carnet-gap, 32px);
}
.carnet-card { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.carnet-card__body { display: flex; flex-direction: column; gap: 8px; min-width: 0; flex: 1 1 auto; }
.carnet .carnet-card__title { font-size: 24px; }
.carnet .carnet-card__excerpt { color: var(--c-muted); font-size: 16px; }
.carnet--a .carnet-card__excerpt { color: color-mix(in srgb, var(--c-text) 80%, var(--c-bg)); }
.carnet--c .carnet-card__excerpt { font-family: var(--f-reading); }
.carnet .carnet-card__more { font-weight: 700; font-size: 15px; color: var(--c-accent); }

/* Grille — variante B : cartes */
.carnet--b .carnet-card--grid {
	gap: 0; overflow: hidden;
	background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius);
}
.carnet--b .carnet-card--grid .carnet-media { border-radius: 0; aspect-ratio: var(--carnet-ratio, 16/10); }
.carnet--b .carnet-card--grid .carnet-card__body { padding: 20px; }
.carnet--b .carnet-card--grid .carnet-meta { margin-top: auto; padding-top: 6px; }
.carnet--b .carnet-card__title { font-size: 20px; line-height: 1.3; }
.carnet--b .carnet-card__excerpt { font-size: 15px; }

/* Grille — variante C : tuiles bord à bord */
.carnet--c .carnet-card--grid .carnet-card__title { font-size: 26px; }

/* Liste */
.carnet-card--list { flex-direction: row; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.carnet-card--list .carnet-card__media { flex: 0 0 var(--carnet-list-media, 220px); max-width: 100%; }
.carnet-card--list .carnet-card__body { flex: 1 1 260px; }
.carnet--a .carnet-grid--list, .carnet--c .carnet-grid--list { row-gap: 0; }
.carnet--a .carnet-card--list, .carnet--c .carnet-card--list { padding: 24px 0; border-bottom: 1px solid var(--c-border); }
.carnet--a .carnet-card--list .carnet-card__title { font-size: 26px; }
.carnet--c .carnet-card--list .carnet-card__title { font-size: 30px; }
.carnet--b .carnet-grid--list { row-gap: 14px; }
.carnet--b .carnet-card--list {
	padding: 16px; gap: 18px; align-items: center;
	background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius);
}
.carnet--b .carnet-card--list .carnet-card__media { flex-basis: var(--carnet-list-media, 160px); aspect-ratio: var(--carnet-ratio, 4/3); }

/* Index numéroté */
.carnet-grid--index { row-gap: 0; }
.carnet-card--index {
	display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 8px 24px; align-items: baseline;
	padding: 24px 0; border-bottom: 1px solid var(--c-border);
}
.carnet .carnet-card__num { font-family: var(--f-meta); font-size: 14px; font-weight: 800; color: var(--c-accent); }
.carnet--a .carnet-card__num { font-family: var(--f-display); font-size: 30px; line-height: 1; }
.carnet .carnet-card--index .carnet-card__title { font-size: 30px; line-height: 1.12; }
.carnet--a .carnet-card--index .carnet-card__title { font-size: 26px; }
.carnet .carnet-card__aside { white-space: nowrap; }
.carnet--b .carnet-card--index { padding: 20px; margin-bottom: 12px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); }

/* Pagination */
.carnet-pagination { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--c-border); }
.carnet--b .carnet-pagination { border: 0; }
.carnet-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; list-style: none; margin: 0; padding: 0; }
.carnet-pagination li { margin: 0; }
.carnet-pagination li > * {
	display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 12px;
	border: 1px solid var(--c-border); border-radius: var(--radius-sm); background: var(--c-surface);
	font-weight: 700; font-size: 15px;
}
.carnet--a .carnet-pagination li > *, .carnet--c .carnet-pagination li > * { background: transparent; }
.carnet .carnet-pagination .current { background: var(--c-text); border-color: var(--c-text); color: var(--c-bg); }
.carnet--c .carnet-pagination .current { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent); }
.carnet-pagination .dots { border: 0; background: none; }
.carnet-loadmore { display: flex; justify-content: center; margin-top: 32px; }
.carnet-more-link { display: flex; justify-content: flex-end; margin-top: 28px; font-weight: 700; }
.carnet-empty { color: var(--c-muted); padding: 24px 0; }

/* ==========================================================================
   4. En-tête
   ========================================================================== */

.carnet-header { position: relative; z-index: 20; border-bottom: 1px solid var(--c-border); }
.carnet--b.carnet-header { background: var(--c-surface); }
.carnet-header__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding-block: 14px; }
.carnet-header__brand { min-width: 0; }
.carnet .carnet-logo {
	display: inline-flex; align-items: center; gap: 10px;
	font-family: var(--f-display); font-weight: var(--w-display); font-size: 24px; line-height: 1.1; color: var(--c-text);
}
.carnet .carnet-logo img { max-height: var(--carnet-logo-h, 48px); width: auto; }
.carnet--b .carnet-logo--text::before { content: ""; width: 28px; height: 28px; border-radius: 8px; background: var(--c-accent); flex: none; }
.carnet--c .carnet-logo--text::after { content: "."; color: var(--c-accent); }
.carnet .carnet-tagline { margin-top: 4px; font-size: 15px; color: var(--c-muted); }

.carnet-header__nav { display: flex; align-items: center; gap: 12px 24px; flex-wrap: wrap; }
.carnet-menu { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; list-style: none; margin: 0; padding: 0; }
.carnet-menu li { position: relative; margin: 0; }
.carnet-menu a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; font-size: 15px; }
.carnet .carnet-menu .current-menu-item > a,
.carnet .carnet-menu .current-menu-ancestor > a,
.carnet .carnet-menu .current-cat > a { color: var(--c-accent); }
.carnet-menu .sub-menu {
	position: absolute; top: 100%; left: 0; z-index: 30; display: none; min-width: 220px;
	list-style: none; margin: 0; padding: 8px 14px;
	background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius-sm);
}
.carnet-menu .sub-menu a { min-height: 40px; text-transform: none; letter-spacing: 0; }
.carnet-menu li:hover > .sub-menu, .carnet-menu li:focus-within > .sub-menu { display: block; }

.carnet .carnet-icon-btn {
	display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0;
	border: 1px solid var(--c-border); border-radius: var(--radius-sm); background: transparent; color: var(--c-text); cursor: pointer;
}
.carnet--a .carnet-header__search { border-color: transparent; }
.carnet--c .carnet-icon-btn { border-color: #3A3E44; border-color: color-mix(in srgb, var(--c-text) 22%, var(--c-bg)); }
.carnet .carnet-header__toggle { display: none; }
.carnet-header__icon-close { display: none; }
.carnet-header.is-open .carnet-header__icon-open { display: none; }
.carnet-header.is-open .carnet-header__icon-close { display: block; }

.carnet-header__search-form {
	display: flex; align-items: center; gap: 8px; min-height: 44px; min-width: 220px; padding: 0 14px;
	border: 1px solid var(--c-border); border-radius: calc(var(--radius) * .75); background: var(--c-surface); color: var(--c-muted);
}
.carnet-header__search-form input { flex: 1; min-width: 0; height: 40px; border: 0; background: transparent; color: var(--c-text); font: inherit; font-size: 15px; outline: none; }
.carnet-header__search-form:focus-within { outline: 2px solid var(--c-accent); outline-offset: 1px; }

/* Centrée (A) */
.carnet-header--centered .carnet-header__inner { flex-direction: column; justify-content: center; text-align: center; padding-top: 28px; padding-bottom: 0; gap: 8px; }
.carnet-header--centered .carnet-logo { font-size: 48px; letter-spacing: -.01em; }
.carnet-header--centered .carnet-header__nav { width: 100%; margin-top: 12px; padding: 6px 0; border-top: 1px solid var(--c-border); justify-content: center; gap: 4px 28px; }
.carnet-header--centered .carnet-menu { justify-content: center; gap: 4px 28px; }
.carnet-header--centered .carnet-menu > li > a { font-size: 14px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

/* Barre (B) */
.carnet-header--bar .carnet-header__nav { flex: 1 1 auto; justify-content: flex-end; }
.carnet-header--bar .carnet-menu { margin-right: auto; margin-left: auto; gap: 4px; }
.carnet--b .carnet-menu > li > a { padding: 0 14px; border-radius: 10px; }
.carnet--b .carnet-menu > .current-menu-item > a,
.carnet--b .carnet-menu > .current-menu-ancestor > a { background: var(--c-chip-bg); color: var(--c-chip-text); }

/* Barre capitales (C) */
.carnet-header--caps .carnet-logo { font-size: 22px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.carnet-header--caps .carnet-header__nav { flex: 1 1 auto; justify-content: flex-end; }
.carnet-header--caps .carnet-menu > li > a { font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

/* ==========================================================================
   5. Pied de page
   ========================================================================== */

.carnet-footer { border-top: 1px solid var(--c-border); }
.carnet--b.carnet-footer { background: var(--c-surface); }
.carnet-footer__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; padding-block: 32px; font-size: 14px; color: var(--c-muted); }
.carnet-footer .carnet-logo { font-size: 22px; }
.carnet-footer__menu { display: flex; flex-wrap: wrap; gap: 8px 24px; list-style: none; margin: 0; padding: 0; }
.carnet-footer__menu a { display: inline-flex; min-height: 32px; align-items: center; }
.carnet--b .carnet-footer .carnet-logo { font-size: 18px; }
.carnet--b .carnet-footer .carnet-logo--text::before { width: 20px; height: 20px; border-radius: 6px; }
.carnet--c .carnet-footer__inner { align-items: flex-end; padding-block: 40px; }
.carnet--c .carnet-footer .carnet-logo { font-size: 56px; letter-spacing: -.04em; line-height: 1; }

/* ==========================================================================
   6. À la une
   ========================================================================== */

.carnet .carnet-hero__title { font-size: 44px; line-height: 1.1; }
.carnet .carnet-hero__excerpt { font-size: 19px; color: var(--c-muted); }
.carnet--a .carnet-hero__excerpt { color: color-mix(in srgb, var(--c-text) 80%, var(--c-bg)); }
.carnet-hero__top { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.carnet .carnet-hero__label { font-family: var(--f-meta); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--c-muted); }

/* Magazine */
.carnet-hero--split { display: flex; flex-wrap: wrap; gap: 40px; }
.carnet-hero__main { flex: 2 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.carnet-hero--split .carnet-hero__main .carnet-media { aspect-ratio: var(--carnet-hero-ratio, 16/9); }
.carnet-hero__side { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 28px; }
.carnet-hero__side .carnet-card { padding-bottom: 28px; border-bottom: 1px solid var(--c-border); }
.carnet-hero__side .carnet-card:last-child { padding-bottom: 0; border-bottom: 0; }

/* Carte horizontale */
.carnet-hero--card { display: flex; flex-wrap: wrap; overflow: hidden; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: calc(var(--radius) + 4px); }
.carnet-hero--card .carnet-hero__media { flex: 1 1 440px; min-height: 340px; aspect-ratio: var(--carnet-hero-ratio, auto); border-radius: 0; border: 0; }
.carnet-hero--card .carnet-hero__body { flex: 1 1 360px; min-width: 0; padding: clamp(24px, 4vw, 40px); display: flex; flex-direction: column; justify-content: center; gap: 14px; }
.carnet .carnet-hero--card .carnet-hero__title { font-size: 34px; line-height: 1.18; }
.carnet-hero--card .carnet-btn { align-self: flex-start; }

/* Typographique */
.carnet-hero--type .carnet-hero__top { margin-bottom: 20px; }
.carnet .carnet-hero__badge {
	padding: 5px 10px; background: var(--c-accent); color: var(--c-on-accent);
	font-family: var(--f-meta); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
}
.carnet .carnet-hero--type .carnet-hero__title { max-width: 1080px; font-size: clamp(40px, 7vw, 80px); line-height: .98; letter-spacing: -.035em; }
.carnet-hero__row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 24px 32px; margin-top: 28px; }
.carnet .carnet-hero--type .carnet-hero__excerpt { flex: 1 1 420px; font-family: var(--f-reading); font-size: 21px; line-height: 1.55; color: color-mix(in srgb, var(--c-text) 85%, var(--c-bg)); }
.carnet-hero--type .carnet-btn { min-height: 52px; padding: 0 24px; }
.carnet-hero--type .carnet-hero__media { margin-top: 40px; aspect-ratio: var(--carnet-hero-ratio, 21/8); }

/* ==========================================================================
   7. En-tête de catégorie
   ========================================================================== */

.carnet-breadcrumb { margin-bottom: 16px; font-size: 14px; color: var(--c-muted); }
.carnet-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.carnet-breadcrumb li + li::before { content: "/"; margin-right: 6px; opacity: .6; }
.carnet--b .carnet-breadcrumb li + li::before { content: "›"; }
.carnet--c .carnet-breadcrumb { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.carnet .carnet-breadcrumb a:hover { text-decoration: underline; }

.carnet-cathead { padding: 32px 0 36px; border-bottom: 1px solid var(--c-border); }
.carnet .carnet-cathead__title { margin: 8px 0 12px; font-size: 72px; line-height: 1; letter-spacing: -.02em; }
.carnet .carnet-cathead__desc { max-width: 640px; font-size: 19px; color: var(--c-muted); }
.carnet .carnet-cathead__desc p + p { margin-top: 8px; }
.carnet-cathead__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; }
.carnet .carnet-sort { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }
.carnet .carnet-sort select { min-height: 40px; }

.carnet-cathead--centered { text-align: center; }
.carnet-cathead--centered .carnet-cathead__desc { margin-inline: auto; }
.carnet-cathead--centered .carnet-breadcrumb ol,
.carnet-cathead--centered .carnet-cathead__bar,
.carnet-cathead--centered .carnet-chips { justify-content: center; }
.carnet-cathead--centered .carnet-cat { align-self: center; }

.carnet-cathead--band { padding: clamp(28px, 5vw, 48px); border: 0; background: var(--c-soft); border-radius: var(--radius); }
.carnet--b .carnet-cathead--band .carnet-cat { background: var(--c-surface); }
.carnet .carnet-cathead--band .carnet-cathead__title { font-size: 56px; letter-spacing: -.03em; }
.carnet-cathead--band .carnet-chip { background: var(--c-surface); }

.carnet .carnet-cathead--giant .carnet-cathead__title { font-size: clamp(64px, 13vw, 160px); line-height: .85; letter-spacing: -.045em; }
.carnet-cathead--giant .carnet-cathead__title::after { content: "."; color: var(--c-accent); }
.carnet .carnet-cathead--giant .carnet-cathead__desc { font-family: var(--f-reading); font-size: 20px; color: color-mix(in srgb, var(--c-text) 85%, var(--c-bg)); }

/* ==========================================================================
   8. Recherche
   ========================================================================== */

.carnet .carnet-search__title { margin-bottom: 20px; font-size: 44px; line-height: 1.1; }
.carnet-search__form { display: flex; flex-wrap: wrap; gap: 10px; max-width: 860px; }
.carnet-search__field {
	flex: 1 1 300px; min-width: 0; max-width: 100%; display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 0 16px;
	border: 2px solid var(--c-text); border-radius: var(--radius); background: var(--c-surface); color: var(--c-muted);
}
.carnet-search__field input { flex: 1; min-width: 0; width: 100%; height: 52px; border: 0; background: transparent; color: var(--c-text); font: inherit; font-size: 19px; outline: none; -webkit-appearance: none; appearance: none; }
.carnet-search__field input::placeholder { color: var(--c-muted); opacity: 1; }
.carnet-search__field:focus-within { outline: 2px solid var(--c-accent); outline-offset: 2px; }
.carnet-search__form .carnet-btn { min-height: 58px; padding: 0 24px; }
.carnet-search__chips { margin-top: 18px; }
.carnet .carnet-search__count { margin: 28px 0 8px; font-size: 15px; color: var(--c-muted); }
.carnet-search__empty { padding: 32px 0; }
.carnet-search__empty > * + * { margin-top: 12px; }
.carnet .carnet-search__empty-title { font-size: 28px; }

.carnet--b .carnet-search__box { padding: clamp(24px, 4vw, 40px); background: var(--c-surface); border: 1px solid var(--c-border); border-radius: calc(var(--radius) + 8px); }
.carnet--b .carnet-search__field { border-color: var(--c-accent); }
.carnet--b .carnet-search__count { font-weight: 700; color: var(--c-text); }
.carnet--b .carnet-search__empty { padding: 40px; text-align: center; background: var(--c-surface); border: 1px dashed var(--c-border); border-radius: var(--radius); }
.carnet--b .carnet-search__empty .carnet-chips { justify-content: center; }

.carnet .carnet--c .carnet-search__title, .carnet--c .carnet-search__title { font-family: var(--f-body); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--c-muted); margin-bottom: 8px; }
.carnet--c .carnet-search__form { max-width: none; align-items: flex-end; }
.carnet--c .carnet-search__field { padding: 0; border: 0; border-bottom: 3px solid var(--c-accent); border-radius: 0; background: transparent; }
.carnet--c .carnet-search__field .carnet-icon { display: none; }
.carnet--c .carnet-search__field input { height: auto; padding: 8px 0; font-size: clamp(32px, 6vw, 72px); font-weight: 800; letter-spacing: -.03em; }
.carnet--c .carnet-search__count { color: var(--c-text); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.carnet .carnet--c .carnet-search__empty-title, .carnet--c .carnet-search__empty-title { font-size: 48px; letter-spacing: -.03em; }

/* ==========================================================================
   9. Barre latérale
   ========================================================================== */

.carnet-sidebar { display: flex; flex-direction: column; gap: 40px; font-size: 16px; }
.carnet .carnet-sb__title {
	margin: 0 0 14px; padding-top: 12px; border-top: 2px solid var(--c-text);
	font-family: var(--f-body); font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--c-text);
}
.carnet-sb ul, .carnet-sb ol { list-style: none; margin: 0; padding: 0; }

.carnet-sb__search { display: flex; }
.carnet .carnet-sb__search .carnet-input { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.carnet .carnet-sb__search-btn { min-height: 46px; padding: 0 14px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.carnet--a .carnet-sb__search .carnet-input { border-color: var(--c-text); }
.carnet--a .carnet-sb__search-btn { background: var(--c-text); border-color: var(--c-text); color: var(--c-bg); }

.carnet-sb__about { display: flex; gap: 14px; align-items: flex-start; }
.carnet .carnet-sb__avatar { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 50%; object-fit: cover; background: var(--c-soft); display: block; }
.carnet-sb__about p { font-size: 15px; color: color-mix(in srgb, var(--c-text) 80%, var(--c-bg)); }
.carnet .carnet-sb__link { display: inline-flex; margin-top: 8px; font-weight: 700; color: var(--c-accent); }

.carnet .carnet-sb__cats a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; padding: 8px 0; border-bottom: 1px solid var(--c-border); font-weight: 600; }
.carnet .carnet-sb__cats a[aria-current] { color: var(--c-accent); }
.carnet-sb__arrow { color: var(--c-accent); }
.carnet-sb__count { color: var(--c-muted); font-weight: 400; font-size: 14px; }

.carnet-sb__posts li { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid var(--c-border); }
.carnet .carnet-sb__num { min-width: 28px; font-family: var(--f-display); font-size: 28px; line-height: 1; font-weight: 700; color: var(--c-accent); }
.carnet .carnet-sb__thumb { flex: 0 0 56px; width: 56px; height: 56px; object-fit: cover; border-radius: var(--radius-sm); background: var(--c-soft); display: block; }
.carnet-sb__post { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.carnet .carnet-sb__post-title { font-family: var(--f-display); font-size: 17px; line-height: 1.3; font-weight: 500; }
.carnet .carnet-sb__post-meta { font-family: var(--f-meta); font-size: 12px; color: var(--c-muted); }
.carnet--a .carnet-sb__post-meta { display: none; }

.carnet--a .carnet-sb__tags .carnet-chip::before { content: "#"; }

.carnet-sb--newsletter { padding: 24px; background: var(--c-soft); border-radius: var(--radius); }
.carnet .carnet-sb--newsletter .carnet-sb__title { padding: 0; border: 0; font-family: var(--f-display); font-size: 22px; font-weight: var(--w-display); letter-spacing: 0; text-transform: none; margin-bottom: 8px; }
.carnet-sb__news-text { margin-bottom: 14px !important; font-size: 15px; }
.carnet-sb__news-form label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600; }
.carnet-sb__news-form .carnet-btn { width: 100%; margin-top: 10px; }

/* Barre latérale — B : blocs en cartes */
.carnet--b.carnet-sidebar, .carnet--b .carnet-sidebar { gap: 20px; }
.carnet--b .carnet-sb { padding: 22px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); }
.carnet--b .carnet-sb__title { padding: 0; border: 0; font-family: var(--f-display); font-size: 16px; font-weight: 800; letter-spacing: 0; text-transform: none; }
.carnet--b .carnet-sb__cats li + li { margin-top: 6px; }
.carnet--b .carnet-sb__cats a { padding: 10px 12px; border: 0; border-radius: 10px; background: var(--c-bg); }
.carnet--b .carnet-sb__posts li { padding: 10px 0; border: 0; align-items: center; }
.carnet--b .carnet-sb__num { font-family: var(--f-meta); font-size: 13px; }
.carnet--b .carnet-sb__post-title { font-family: var(--f-body); font-size: 15px; font-weight: 700; }
.carnet--b .carnet-sb__search .carnet-input { border-right: 1px solid var(--c-border); border-radius: 12px 0 0 12px; background: var(--c-bg); }
.carnet--b .carnet-sb__search-btn { border-radius: 0 12px 12px 0; }
.carnet--b .carnet-sb--newsletter { background: var(--c-accent); border: 0; color: var(--c-on-accent); }
.carnet--b .carnet-sb--newsletter .carnet-sb__title { color: var(--c-on-accent); font-size: 20px; }
.carnet--b .carnet-sb--newsletter .carnet-input { border: 0; color: var(--c-text); background: #FFFFFF; }
.carnet--b .carnet-sb--newsletter .carnet-btn { background: var(--c-text); border-color: var(--c-text); color: var(--c-surface); }

/* Barre latérale — C : pile bordée */
.carnet--c.carnet-sidebar, .carnet--c .carnet-sidebar { gap: 0; border: 1px solid var(--c-border); }
.carnet--c .carnet-sb { padding: 22px; border-bottom: 1px solid var(--c-border); }
.carnet--c .carnet-sb:last-child { border-bottom: 0; }
.carnet--c .carnet-sb__title { padding: 0; border: 0; color: var(--c-muted); font-size: 12px; font-weight: 800; letter-spacing: .16em; }
.carnet--c .carnet-sb__about p { font-family: var(--f-reading); font-size: 16px; }
.carnet--c .carnet-sb__cats a { font-family: var(--f-display); font-size: 22px; font-weight: 800; letter-spacing: -.01em; }
.carnet--c .carnet-sb__posts li { border: 0; padding: 10px 0; }
.carnet--c .carnet-sb__num { min-width: 24px; font-family: var(--f-meta); font-size: 13px; font-weight: 800; line-height: 1.5; }
.carnet--c .carnet-sb__post-title { font-family: var(--f-body); font-size: 15px; font-weight: 500; }
.carnet--c .carnet-sb__post-meta { display: none; }
.carnet--c .carnet-sb__search .carnet-input { background: var(--c-surface); border-color: color-mix(in srgb, var(--c-text) 22%, var(--c-bg)); }
.carnet--c .carnet-sb--newsletter { background: var(--c-accent); color: var(--c-on-accent); border-radius: 0; }
.carnet .carnet--c .carnet-sb--newsletter .carnet-sb__title, .carnet--c .carnet-sb--newsletter .carnet-sb__title { color: var(--c-on-accent); font-size: 24px; font-weight: 800; letter-spacing: -.01em; line-height: 1.1; }
.carnet--c .carnet-sb--newsletter .carnet-input { background: #FFFFFF; color: #0F1012; border: 2px solid var(--c-on-accent); }
.carnet--c .carnet-sb--newsletter .carnet-btn { background: var(--c-on-accent); border-color: var(--c-on-accent); color: var(--c-accent); }

/* ==========================================================================
   10. Article
   ========================================================================== */

.carnet-single { --carnet-measure: 760px; }
.carnet-single__header { margin-bottom: 28px; }
.carnet .carnet-single__title { margin: 10px 0 16px; font-size: 52px; line-height: 1.08; letter-spacing: -.01em; }
.carnet .carnet-single__lead { margin-bottom: 24px; font-family: var(--f-reading); font-size: 22px; line-height: 1.45; color: color-mix(in srgb, var(--c-text) 80%, var(--c-bg)); }
.carnet-single__meta {
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 16px 0;
	border-block: 1px solid var(--c-border); font-size: 15px; color: var(--c-muted);
}
.carnet .carnet-single__avatar { width: 40px; height: 40px; border-radius: 50%; }
.carnet-single__meta-item + .carnet-single__meta-item::before { content: "·"; margin-right: 16px; opacity: .7; }
.carnet-single__meta-label { display: none; }
.carnet-single__meta strong { color: var(--c-text); }
.carnet-single__figure { margin: 0 0 32px; }
.carnet-single__figure .carnet-media { aspect-ratio: var(--carnet-single-ratio, 16/9); }
.carnet-single__figure figcaption { margin-top: 8px; font-size: 14px; color: var(--c-muted); }
.carnet-single__body { max-width: var(--carnet-measure); }

/* B : en-tête centré, corps en carte */
.carnet--b .carnet-single__header { max-width: 860px; margin: 0 auto 32px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.carnet--b .carnet-single__header .carnet-cat { align-self: center; }
.carnet .carnet--b .carnet-single__title, .carnet--b .carnet-single__title { font-size: 48px; letter-spacing: -.02em; line-height: 1.12; }
.carnet--b .carnet-single__meta { justify-content: center; padding: 0; border: 0; }
.carnet--b .carnet-single__figure .carnet-media { border-radius: calc(var(--radius) + 4px); aspect-ratio: var(--carnet-single-ratio, 21/9); }
.carnet--b .carnet-single__body { max-width: none; padding: clamp(24px, 5vw, 48px); background: var(--c-surface); border: 1px solid var(--c-border); border-radius: calc(var(--radius) + 4px); }
.carnet--b .carnet-single__body > .carnet-prose { max-width: var(--carnet-measure); }

/* C : titre géant, méta en colonnes */
.carnet .carnet--c .carnet-single__title, .carnet--c .carnet-single__title { font-size: clamp(40px, 7vw, 80px); line-height: .96; letter-spacing: -.035em; }
.carnet--c .carnet-single__meta { gap: 16px 48px; padding: 0; border: 0; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--c-text); }
.carnet--c .carnet-single__meta-item::before { display: none; }
.carnet--c .carnet-single__meta-label { display: block; color: var(--c-muted); }
.carnet--c .carnet-single__avatar, .carnet--c .carnet-single__by { display: none; }
.carnet--c .carnet-single__lead { color: var(--c-text); font-size: 25px; }
.carnet--c .carnet-single__figure { padding: 32px 0; border-block: 1px solid var(--c-border); }

/* Sommaire */
.carnet-toc { margin: 0 0 32px; padding: 20px 24px; background: var(--c-soft); border-radius: var(--radius-sm); }
.carnet--b .carnet-toc { background: var(--c-bg); border-radius: 14px; }
.carnet--c .carnet-toc { background: transparent; border: 1px solid var(--c-border); }
.carnet .carnet-toc__title { margin-bottom: 8px; font-family: var(--f-meta); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--c-muted); }
.carnet-toc ol { display: flex; flex-direction: column; gap: 6px; padding-left: 20px; font-weight: 600; }
.carnet .carnet-toc a { color: var(--c-accent); }
.carnet .carnet-toc a:hover { text-decoration: underline; }

/* Texte de l'article */
.carnet-prose { font-family: var(--f-reading); font-size: 19px; line-height: 1.75; color: color-mix(in srgb, var(--c-text) 92%, var(--c-bg)); overflow-wrap: break-word; }
.carnet-prose > * { margin-top: 0; margin-bottom: 20px; }
.carnet-prose h2, .carnet-prose h3, .carnet-prose h4 { font-family: var(--f-display); font-weight: var(--w-display); color: var(--c-text); scroll-margin-top: 24px; }
.carnet-prose h2 { margin: 44px 0 12px; font-size: 30px; line-height: 1.2; }
.carnet-prose h3 { margin: 32px 0 10px; font-size: 23px; line-height: 1.25; }
.carnet-prose h4 { margin: 28px 0 8px; font-size: 19px; }
.carnet-prose > h2:first-child, .carnet-prose > h3:first-child { margin-top: 0; }
.carnet .carnet-prose a { color: var(--c-accent); text-decoration: underline; text-underline-offset: 3px; }
.carnet-prose ul, .carnet-prose ol { padding-left: 24px; }
.carnet-prose li { margin-bottom: 8px; }
.carnet-prose blockquote { margin: 32px 0; padding: 4px 0 4px 24px; border-left: 3px solid var(--c-accent); font-family: var(--f-display); font-size: 1.45em; line-height: 1.3; font-style: italic; color: var(--c-text); }
.carnet-prose blockquote p { margin: 0; }
.carnet-prose blockquote cite { display: block; margin-top: 8px; font-size: .6em; font-style: normal; color: var(--c-muted); }
.carnet-prose img { height: auto; border-radius: var(--radius-sm); }
.carnet-prose figure { margin: 32px 0; }
.carnet-prose figcaption, .carnet-prose .wp-element-caption { margin-top: 8px; font-family: var(--f-body); font-size: 14px; color: var(--c-muted); }
.carnet-prose code { padding: 2px 6px; border-radius: 4px; background: var(--c-soft); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .88em; }
.carnet-prose pre { padding: 16px; overflow-x: auto; border-radius: var(--radius-sm); background: var(--c-soft); font-size: 15px; line-height: 1.5; }
.carnet-prose pre code { padding: 0; background: none; }
.carnet-prose table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; font-family: var(--f-body); font-size: 16px; }
.carnet-prose th, .carnet-prose td { padding: 8px 12px; border: 1px solid var(--c-border); text-align: left; }
.carnet-prose hr { margin: 40px 0; border: 0; border-top: 1px solid var(--c-border); }
.carnet-prose .alignwide, .carnet-prose .alignfull { max-width: none; }
.carnet-prose .aligncenter { margin-inline: auto; }
.carnet-prose iframe, .carnet-prose video { max-width: 100%; }

.carnet--b .carnet-prose { font-size: 18px; line-height: 1.8; }
.carnet--b .carnet-prose h2 { font-size: 28px; letter-spacing: -.01em; }
.carnet--b .carnet-prose blockquote { padding: 24px 28px; border: 0; border-radius: 16px; background: var(--c-chip-bg); color: var(--c-chip-text); font-family: var(--f-body); font-style: normal; font-weight: 600; font-size: 1.2em; line-height: 1.45; }

.carnet--c .carnet-prose { counter-reset: carnet-h2; color: color-mix(in srgb, var(--c-text) 86%, var(--c-bg)); }
.carnet--c .carnet-prose h2 { font-size: 32px; line-height: 1.1; letter-spacing: -.025em; }
.carnet--c .carnet-prose h2::before { counter-increment: carnet-h2; content: counter(carnet-h2, decimal-leading-zero) " — "; color: var(--c-accent); }
.carnet--c .carnet-prose blockquote { padding: 28px 0; border: 0; border-block: 1px solid var(--c-border); font-style: normal; font-weight: 800; font-size: 36px; line-height: 1.1; letter-spacing: -.02em; color: var(--c-accent); }

.carnet-pages { margin-top: 24px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; font-weight: 700; }

/* Étiquettes, partage */
.carnet-single__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 40px; padding: 20px 0; border-block: 1px solid var(--c-border); }
.carnet--b .carnet-single__footer { padding-bottom: 0; border-bottom: 0; }
.carnet-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; }
.carnet .carnet-share__label { color: var(--c-muted); margin-right: 4px; }
.carnet .carnet-share__btn {
	display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px;
	border: 1px solid var(--c-border); border-radius: var(--radius-sm); background: transparent; color: var(--c-text);
	font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
}
.carnet--a .carnet-share__btn { border-color: var(--c-text); }
.carnet .carnet-share__btn:hover { border-color: var(--c-accent); color: var(--c-accent); }
.carnet--c .carnet-share__btn { font-weight: 800; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.carnet .carnet-share__btn.is-copied { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent); }

/* Auteur */
.carnet-author { display: flex; gap: 20px; align-items: flex-start; margin-top: 32px; padding: 24px; background: var(--c-soft); border-radius: var(--radius-sm); }
.carnet--b .carnet-author { background: var(--c-bg); }
.carnet .carnet-author img { flex: 0 0 72px; width: 72px; height: 72px; border-radius: 50%; }
.carnet .carnet-author__name { margin-bottom: 4px; font-family: var(--f-display); font-size: 20px; font-weight: var(--w-display); }
.carnet .carnet-author__bio { font-size: 15px; color: var(--c-muted); }
.carnet--c .carnet-author { padding: 28px 0; background: transparent; border-bottom: 1px solid var(--c-border); border-radius: 0; }
.carnet--c .carnet-author img { border-radius: 0; }
.carnet--c .carnet-author__bio { font-family: var(--f-reading); }

/* Précédent / suivant */
.carnet-postnav { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; }
.carnet .carnet-postnav a { flex: 1 1 240px; display: flex; flex-direction: column; gap: 4px; padding: 16px 0; border-top: 2px solid var(--c-text); }
.carnet .carnet-postnav__next { text-align: right; }
.carnet .carnet-postnav small { font-size: 13px; color: var(--c-muted); }
.carnet .carnet-postnav span { font-family: var(--f-display); font-size: 19px; font-weight: var(--w-display); line-height: 1.25; }
.carnet--b .carnet-postnav a { padding: 16px 20px; border: 1px solid var(--c-border); border-radius: 14px; }
.carnet--c .carnet-postnav a { border-top-width: 1px; border-color: var(--c-border); }

/* À lire ensuite */
.carnet-related { margin-top: 56px; }
.carnet .carnet-related .carnet-card__title { font-size: 19px; line-height: 1.25; }

/* Commentaires (balisage WordPress standard) */
.carnet-comments { margin-top: 48px; }
.carnet .carnet-comments .comments-title,
.carnet .carnet-comments .comment-reply-title { margin: 0 0 16px; font-family: var(--f-display); font-size: 24px; font-weight: var(--w-display); }
.carnet-comments .comment-list { list-style: none; margin: 0 0 32px; padding: 0; }
.carnet-comments .comment-list .children { list-style: none; padding-left: 24px; }
.carnet-comments .comment-body { padding: 18px 0; border-bottom: 1px solid var(--c-border); }
.carnet-comments .comment-author { display: flex; align-items: center; gap: 10px; font-weight: 700; }
.carnet-comments .comment-author .avatar { border-radius: 50%; }
.carnet-comments .comment-metadata { font-size: 13px; color: var(--c-muted); }
.carnet-comments .comment-content { margin-top: 8px; }
.carnet .carnet-comments .reply a { display: inline-flex; min-height: 44px; align-items: center; font-weight: 700; font-size: 14px; color: var(--c-accent); }
.carnet-comments .comment-form { display: flex; flex-direction: column; gap: 14px; }
.carnet-comments .comment-form p { margin: 0; }
.carnet-comments .comment-form label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600; }
.carnet-comments input[type="text"],
.carnet-comments input[type="email"],
.carnet-comments input[type="url"],
.carnet-comments textarea {
	width: 100%; min-height: 46px; padding: 10px 14px;
	border: 1px solid var(--c-border); border-radius: var(--radius-sm); background: var(--c-surface); color: var(--c-text); font: inherit;
}
.carnet-comments textarea { min-height: 140px; resize: vertical; }
.carnet-comments .comment-form-cookies-consent { display: flex; gap: 8px; align-items: flex-start; }
.carnet-comments .comment-form-cookies-consent label { margin: 0; font-weight: 400; }
.carnet-comments .form-submit .submit {
	min-height: 48px; padding: 0 24px; border: 0; border-radius: var(--radius-sm);
	background: var(--c-accent); color: var(--c-on-accent); font: inherit; font-weight: 700; cursor: pointer;
}
.carnet--c .carnet-comments .form-submit .submit { text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }

/* ==========================================================================
   11. Responsive
   ========================================================================== */

@media (max-width: 1024px) {
	.carnet .carnet-hero__title { font-size: 38px; }
	.carnet .carnet-cathead__title { font-size: 56px; }
	.carnet .carnet-single__title { font-size: 44px; }
}

@media (max-width: 900px) {
	.carnet.carnet-header .carnet-header__toggle { display: inline-flex; }
	.carnet-header--centered .carnet-header__inner { flex-direction: row; justify-content: space-between; text-align: left; padding-top: 14px; padding-bottom: 14px; }
	.carnet-header--centered .carnet-logo { font-size: 30px; }
	.carnet-header .carnet-header__nav {
		display: none; flex: 1 1 100%; width: 100%; margin: 0; padding: 8px 0 16px;
		flex-direction: column; align-items: stretch; gap: 12px;
		border-top: 1px solid var(--c-border);
	}
	.carnet-header.is-open .carnet-header__nav { display: flex; }
	.carnet-header .carnet-menu { flex-direction: column; align-items: stretch; gap: 0; margin: 0; }
	.carnet-header .carnet-menu > li > a { width: 100%; padding-inline: 0; border-bottom: 1px solid var(--c-border); border-radius: 0; }
	.carnet--b .carnet-header .carnet-menu > li > a { padding-inline: 12px; border-bottom: 0; border-radius: 10px; }
	.carnet-header .carnet-menu .sub-menu { position: static; display: block; padding: 0 0 0 16px; border: 0; background: none; }
	.carnet-header .carnet-header__search { align-self: flex-start; }
	.carnet-header__search-form { min-width: 0; width: 100%; }
}

@media (max-width: 767px) {
	.carnet { font-size: 16px; }
	.carnet .carnet-hero__title { font-size: 30px; }
	.carnet .carnet-hero--card .carnet-hero__title { font-size: 26px; }
	.carnet-hero--card .carnet-hero__media { min-height: 220px; }
	.carnet .carnet-cathead__title, .carnet .carnet-cathead--band .carnet-cathead__title { font-size: 42px; }
	.carnet .carnet-single__title, .carnet--b .carnet-single__title { font-size: 34px; }
	.carnet .carnet-single__lead { font-size: 19px; }
	.carnet-prose { font-size: 17px; }
	.carnet-prose h2 { font-size: 25px; }
	.carnet--c .carnet-prose blockquote { font-size: 26px; }
	.carnet .carnet-search__title { font-size: 30px; }
	.carnet .carnet-card__title { font-size: 21px; }
	.carnet .carnet-card--index .carnet-card__title, .carnet--c .carnet-card--list .carnet-card__title { font-size: 22px; }
	.carnet-card--index { grid-template-columns: 40px minmax(0, 1fr); padding: 18px 0; }
	.carnet-card--index .carnet-card__aside { grid-column: 2; white-space: normal; }
	.carnet-card--list .carnet-card__media { flex-basis: 100%; }
	.carnet--b .carnet-card--list .carnet-card__media { flex-basis: 100%; }
	.carnet-hero--split, .carnet-hero__side { gap: 24px; }
	.carnet-single__footer { flex-direction: column; align-items: flex-start; }
	.carnet-author { flex-direction: column; }
	.carnet .carnet-postnav__next { text-align: left; }
	.carnet--c .carnet-footer .carnet-logo { font-size: 40px; }
	.carnet-search__form .carnet-btn { flex: 1 1 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.carnet *, .carnet *::before, .carnet *::after { transition: none !important; animation: none !important; }
	.carnet a.carnet-media:hover img { transform: none; }
}