/*
Theme Name: Belledonne TSS
Theme URI: https://www.belledonne-tss.com/
Author: Belledonne Cybersécurité
Author URI: https://www.belledonne-tss.com/
Description: Thème par blocs sur mesure pour Belledonne Cybersécurité (Alain Delafosse), RSSI à temps partagé. Basé sur la charte graphique officielle.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: belledonne-tss
*/

/* ==========================================================================
   Reset léger + base
   ========================================================================== */
*,
*::before,
*::after { box-sizing: border-box; }

body {
	background: #ffffff;
	color: var(--wp--preset--color--ink);
}

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

a { text-decoration: none; }

/* border-radius: 0 partout — langage visuel strictement orthogonal */
* { border-radius: 0 !important; }

/* Aucune ombre sur le site */
.wp-block-button__link,
.wp-block-group,
.wp-block-image img { box-shadow: none; }

/* Ancres : compenser le header sticky */
html { scroll-behavior: smooth; }
section[id],
.bts-anchor { scroll-margin-top: 84px; }

/* Focus visible sur tous les éléments interactifs (absent de la maquette d'origine, ajouté ici) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
	outline: 2px solid #79B829;
	outline-offset: 2px;
}

/* Transitions douces sur les états hover */
a, button {
	transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}

/* ==========================================================================
   En-tête
   ========================================================================== */
.bts-header {
	position: sticky;
	top: 0;
	z-index: 20;
	background: rgba(255,255,255,0.94);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid #DDE1EA;
}
.bts-header__inner {
	max-width: 1180px;
	margin: 0 auto;
	padding: 16px clamp(20px,4vw,40px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}
.bts-header__logo img { width: clamp(170px,20vw,220px); display: block; }
.bts-nav {
	display: flex;
	align-items: center;
	gap: clamp(14px,2.2vw,30px);
	flex-wrap: wrap;
}
.bts-nav a {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #5B6480;
}
.bts-nav a:hover { color: #79B829; }
.bts-nav a.bts-nav__cta-link {
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
	background: #232F76;
	padding: 11px 20px;
}
.bts-nav a.bts-nav__cta-link:hover { background: #2E5279; color: #ffffff; }

.bts-burger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 34px;
	height: 34px;
	border: none;
	background: transparent;
	cursor: pointer;
	padding: 0;
}
.bts-burger span {
	display: block;
	height: 2px;
	background: #232F76;
	width: 100%;
}

@media (max-width: 1180px) {
	.bts-burger { display: flex; }
	.bts-nav {
		display: none;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		gap: 18px;
		padding: 18px 0 6px;
	}
	.bts-nav.is-open { display: flex; }
	.bts-header__inner { position: relative; }
}

/* ==========================================================================
   Sections génériques
   ========================================================================== */
.bts-section {
	padding-top: clamp(56px, 8vw, 96px);
	padding-bottom: clamp(56px, 8vw, 96px);
}
.bts-section > .wp-block-group__inner-container,
.bts-section-inner {
	max-width: 1180px;
	margin: 0 auto;
	padding-left: clamp(20px,4vw,40px);
	padding-right: clamp(20px,4vw,40px);
	width: 100%;
}
.bts-section--soft { background: #F4F6FA; }
.bts-section--navy { background: #232F76; }

.bts-eyebrow {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	color: #4F7F55;
	margin: 0 0 14px;
}
.bts-eyebrow--on-navy { color: #9ED96B; }
.bts-eyebrow--hero { font-size: 14px; color: #9ED96B; margin: 0; }

.bts-h2 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 700;
	font-size: clamp(28px,3.6vw,44px);
	line-height: 1.12;
	color: #232F76;
	margin: 0;
	max-width: 900px;
}
.bts-h2--on-navy { color: #ffffff; }

.bts-rule {
	height: 5px;
	background: linear-gradient(90deg,#232F76,#79B829);
	margin: 28px 0 34px;
	max-width: 1180px;
	width: 100%;
}
.bts-rule--on-navy { background: linear-gradient(90deg,#4C64C6,#79B829); }
.bts-rule--tight { margin: 24px 0 30px; max-width: 240px; }

.bts-bridge-pair {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: stretch;
	gap: clamp(10px,1.6vw,20px);
	margin-bottom: 18px;
}
.bts-bridge-pair:last-child { margin-bottom: 0; }
.bts-bridge-card {
	padding: clamp(18px,2.2vw,26px);
	border-radius: 2px;
}
.bts-bridge-card--need {
	background: linear-gradient(135deg, rgba(35,47,118,0.09), rgba(35,47,118,0.02));
	border-left: 4px solid #232F76;
}
.bts-bridge-card--response {
	background: linear-gradient(135deg, rgba(121,184,41,0.14), rgba(121,184,41,0.03));
	border-left: 4px solid #79B829;
}
.bts-bridge-card__label {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	margin: 0 0 8px;
}
.bts-bridge-card--need .bts-bridge-card__label { color: #232F76; }
.bts-bridge-card--response .bts-bridge-card__label { color: #4F7F55; }
.bts-bridge-card__text {
	font-family: 'Montserrat', sans-serif;
	color: #1B2145;
	margin: 0;
	line-height: 1.5;
}
.bts-bridge-card--need .bts-bridge-card__text { font-weight: 600; }
.bts-bridge-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto 0;
	color: #232F76;
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
}

@media (max-width: 700px) {
	.bts-bridge-pair { grid-template-columns: 1fr; justify-items: stretch; }
	.bts-bridge-arrow { transform: rotate(90deg); margin: 2px auto; }
}

.bts-lede {
	font-family: 'Montserrat', sans-serif;
	font-size: clamp(16px,1.4vw,20px);
	line-height: 1.6;
	color: #1B2145;
	max-width: 880px;
	margin: 0 0 46px;
}

/* ==========================================================================
   Grilles fluides (auto-fit) — remplacent les Colonnes natives, non fluides
   ========================================================================== */
.bts-grid { display: grid; gap: clamp(20px,2.4vw,28px); }
.bts-grid > * { min-width: 0; }
.bts-grid--3-260 { grid-template-columns: repeat(auto-fit, minmax(min(100%,260px), 1fr)); gap: clamp(20px,3vw,34px); }
.bts-grid--3-280 { grid-template-columns: repeat(auto-fit, minmax(min(100%,280px), 1fr)); }
.bts-grid--4-250 { grid-template-columns: repeat(auto-fit, minmax(min(100%,250px), 1fr)); gap: clamp(20px,2.6vw,32px); }
.bts-grid--2-320 { grid-template-columns: repeat(auto-fit, minmax(min(100%,320px), 1fr)); gap: clamp(24px,3vw,44px); }
.bts-grid--2-300 { grid-template-columns: repeat(auto-fit, minmax(min(100%,300px), 1fr)); gap: clamp(30px,4vw,64px); align-items: start; }
.bts-grid--hero { grid-template-columns: repeat(auto-fit, minmax(min(100%,340px), 1fr)); gap: clamp(34px,5vw,64px); align-items: center; }
.bts-grid--contact { grid-template-columns: repeat(auto-fit, minmax(min(100%,300px), 1fr)); gap: clamp(30px,4vw,56px); align-items: center; }

/* ==========================================================================
   Hero
   ========================================================================== */
.bts-hero {
	position: relative;
	background: linear-gradient(115deg,#1E2A6B 0%,#232F76 42%,#2E5279 72%,#4A7A5C 100%);
	overflow: hidden;
}
.bts-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(110% 130% at 100% 115%, rgba(121,184,41,0.38) 0%, rgba(121,184,41,0) 62%);
}
.bts-hero .bts-section-inner { position: relative; padding-top: clamp(56px,9vw,110px); padding-bottom: clamp(56px,9vw,110px); }
.bts-hero__text { display: flex; flex-direction: column; gap: 26px; min-width: 0; }
.bts-hero__title {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 700;
	font-size: clamp(38px,5.4vw,64px);
	line-height: 1.05;
	color: #ffffff;
	letter-spacing: -0.5px;
	margin: 0;
}
.bts-hero__rule { width: 130px; height: 5px; background: linear-gradient(90deg, rgba(255,255,255,0.9), #9ED96B); }
.bts-hero__subtitle {
	font-family: 'Montserrat', sans-serif;
	font-size: clamp(17px,1.5vw,21px);
	line-height: 1.55;
	color: #C9D0EA;
	max-width: 620px;
	margin: 0;
}
.bts-hero__actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 6px; }
.bts-hero__image-wrap { position: relative; min-width: 0; }
.bts-hero__image-wrap img { width: 100%; height: clamp(260px,34vw,420px); object-fit: cover; }
.bts-hero__image-wrap::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(200deg, rgba(35,47,118,0.35), rgba(121,184,41,0.2));
}

/* ==========================================================================
   Boutons
   ========================================================================== */
.wp-block-buttons.is-content-justification-left { justify-content: flex-start; }

.wp-block-button.bts-btn-primary > .wp-block-button__link {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #232F76 !important;
	background: #ffffff !important;
	padding: 15px 28px !important;
}
.wp-block-button.bts-btn-primary > .wp-block-button__link:hover { background: #9ED96B !important; color: #1B2145 !important; }

.wp-block-button.bts-btn-secondary > .wp-block-button__link {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.5) !important;
	padding: 14px 27px !important;
}
.wp-block-button.bts-btn-secondary > .wp-block-button__link:hover { border-color: #9ED96B !important; color: #9ED96B !important; }

.wp-block-button.bts-btn-contact > .wp-block-button__link {
	font-family: 'Source Sans 3', sans-serif;
	font-size: clamp(17px,1.6vw,21px) !important;
	font-weight: 600 !important;
	color: #232F76 !important;
	background: #ffffff !important;
	padding: 18px 26px !important;
	text-align: center;
	display: block;
}
.wp-block-button.bts-btn-contact > .wp-block-button__link:hover { background: #9ED96B !important; color: #1B2145 !important; }

.wp-block-button.bts-btn-outline-navy > .wp-block-button__link {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,0.5) !important;
	padding: 16px 26px !important;
	text-align: center;
	display: block;
}
.wp-block-button.bts-btn-outline-navy > .wp-block-button__link:hover { border-color: #9ED96B !important; color: #9ED96B !important; }

/* ==========================================================================
   1.3 Le constat
   ========================================================================== */
.bts-issue-card { border-top: 4px solid #232F76; padding-top: 22px; min-width: 0; }
.bts-issue-card--2 { border-top-color: #2E5279; }
.bts-issue-card--3 { border-top-color: #79B829; }
.bts-issue-card__title {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #232F76;
	margin: 0 0 10px;
}
.bts-issue-card__body { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.55; color: #5B6480; margin: 0; }

/* ==========================================================================
   1.4 Offre de services
   ========================================================================== */
.bts-offer-card {
	background: #ffffff;
	padding: clamp(26px,3vw,38px);
	border-top: 7px solid #232F76;
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
	height: 100%;
}
.bts-offer-card--2 { border-top-color: #2E5279; }
.bts-offer-card--3 { border-top-color: #79B829; }
.bts-offer-card__title {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 700;
	font-size: clamp(21px,2.2vw,26px);
	color: #232F76;
	margin: 0;
}
.bts-offer-card__body { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.6; color: #5B6480; margin: 0; }
.bts-offer-card__meta {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 1.5;
	color: #232F76;
	border-top: 1px solid #DDE1EA;
	padding-top: 16px;
	margin: auto 0 0;
}
.bts-offer-card__cta { margin: 14px 0 0; }
.bts-offer-card__cta a { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 15px; color: #232F76; text-decoration: none; }
.bts-offer-card__cta a:hover { color: #79B829; }

.bts-quote {
	font-family: 'Montserrat', sans-serif;
	font-size: clamp(16px,1.4vw,19px);
	line-height: 1.55;
	color: #232F76;
	border-left: 5px solid #79B829;
	padding-left: 22px;
	max-width: 900px;
	margin: 36px 0 0;
}

/* ==========================================================================
   "Ce qui me différencie"
   ========================================================================== */
.bts-diff-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(24px,3vw,40px) clamp(24px,3vw,48px);
	margin-top: 8px;
}
.bts-diff-card {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}
.bts-diff-card__number {
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #ffffff;
	margin: 0;
}
.bts-diff-card__number--1 { background: #232F76; }
.bts-diff-card__number--2 { background: #34426B; }
.bts-diff-card__number--3 { background: #4C7350; }
.bts-diff-card__number--4 { background: #79B829; }
.bts-diff-card__content { flex: 1 1 auto; min-width: 0; }
.bts-diff-card__title {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 700;
	font-size: 19px;
	color: #232F76;
	margin: 0 0 8px;
}
.bts-diff-card__body {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #5B6480;
	margin: 0;
}

@media (max-width: 700px) {
	.bts-diff-grid { grid-template-columns: 1fr; }
}


/* ==========================================================================
   1.4b Articles — dix raisons (cartes numérotées)
   ========================================================================== */
.bts-reasons-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px 32px;
	margin: 32px 0;
}
.bts-reason-card {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}
.bts-reason-card__number {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 700;
	font-size: 17px;
	color: #ffffff;
	margin: 0;
}
.bts-reason-card__number--1 { background: #232F76; }
.bts-reason-card__number--2 { background: #2D3E6D; }
.bts-reason-card__number--3 { background: #364D65; }
.bts-reason-card__number--4 { background: #405D5C; }
.bts-reason-card__number--5 { background: #496C54; }
.bts-reason-card__number--6 { background: #537B4B; }
.bts-reason-card__number--7 { background: #5C8A43; }
.bts-reason-card__number--8 { background: #669A3A; }
.bts-reason-card__number--9 { background: #6FA932; }
.bts-reason-card__number--10 { background: #79B829; }
.bts-reason-card__text {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #5B6480;
	margin: 0;
	padding-top: 8px;
}
@media (max-width: 700px) {
	.bts-reasons-grid { grid-template-columns: 1fr; }
}


/* ==========================================================================
   1.5 Prestations d'audit
   ========================================================================== */
.bts-audit-item__duration {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: #9ED96B;
	margin: 0 0 8px;
}
.bts-audit-item__title {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #ffffff;
	margin: 0 0 10px;
}
.bts-audit-item__body { font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 1.55; color: #C9D0EA; margin: 0; }

/* ==========================================================================
   1.6 Références
   ========================================================================== */
.bts-ref-card__title {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 700;
	font-size: clamp(19px,1.9vw,23px);
	color: #232F76;
	margin: 0 0 12px;
}
.bts-ref-card__context { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.6; color: #5B6480; margin: 0 0 18px; }
.bts-ref-card__result {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #1B2145;
	background: #F4F6FA;
	padding: 18px 20px;
	margin: 0;
}
.bts-ref-card__result strong { color: #232F76; }
.bts-footnote { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #5B6480; margin: 28px 0 0; }

/* ==========================================================================
   1.7 Profil
   ========================================================================== */
.bts-profile-photo img { width: 100%; max-width: 420px; height: clamp(300px,34vw,460px); object-fit: cover; object-position: top; }
.bts-differentiator {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #1B2145;
	border-left: 4px solid #79B829;
	padding-left: 18px;
	margin: 0;
}
.bts-differentiators { display: flex; flex-direction: column; gap: 12px; margin-top: 24px; }
.bts-credits {
	display: flex;
	gap: clamp(16px,3vw,40px);
	flex-wrap: wrap;
	border-top: 1px solid #DDE1EA;
	margin-top: 30px;
	padding-top: 22px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #5B6480;
}

/* ==========================================================================
   1.8 Contact
   ========================================================================== */
.bts-contact { background: linear-gradient(120deg,#232F76 0%,#2E5279 55%,#4F7F55 100%); padding-top: clamp(48px,6vw,72px); padding-bottom: clamp(48px,6vw,72px); }
.bts-contact__title {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 700;
	font-size: clamp(30px,3.8vw,48px);
	line-height: 1.1;
	color: #ffffff;
	margin: 0 0 20px;
}
.bts-contact__text { font-family: 'Montserrat', sans-serif; font-size: clamp(16px,1.5vw,20px); line-height: 1.6; color: #D7DEEF; max-width: 560px; margin: 0; }
.bts-contact__actions { display: flex; flex-direction: column; gap: 18px; min-width: 0; }

/* ==========================================================================
   1.9 Footer
   ========================================================================== */
.bts-footer { background: #1A2358; }
.bts-footer__inner {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(30px,4vw,44px) clamp(20px,4vw,40px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}
.bts-footer__logo { width: 190px; display: block; }
.bts-footer__mentions { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #9FA9D0; margin: 0; }
.bts-footer__mentions a { color: #9FA9D0; }
.bts-footer__mentions a:hover { color: #9ED96B; }

/* ==========================================================================
   1.6 Offres — sections détaillées (page Offres)
   ========================================================================== */
.bts-lede--on-navy { color: #C9D0EA; }
.bts-strip-label { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; color: #9ED96B; margin: 0 0 8px; }
.bts-strip-body { font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 1.55; color: #C9D0EA; margin: 0; }

.bts-strip { margin-top: 44px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.15); }
.bts-strip--light { border-top-color: #DDE1EA; }

/* ==========================================================================
   Timeline "Déroulé de l'accompagnement"
   ========================================================================== */
.bts-timeline-block {
	background: #ffffff;
	border: 1px solid rgba(35,47,118,0.14);
	padding: clamp(26px,3vw,40px);
	margin: 16px 0 40px;
}
.bts-timeline-block__title {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 700;
	font-size: clamp(22px,2.4vw,28px);
	color: #232F76;
	margin: 0;
}
.bts-timeline-block__subtitle {
	font-family: 'Montserrat', sans-serif;
	color: #4A5170;
	font-size: 16px;
	margin: 10px 0 0;
}
.bts-timeline {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(20px,2.4vw,32px) clamp(14px,1.8vw,22px);
	align-items: start;
}
.bts-timeline-step__badge {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	margin: 0 0 16px;
	padding: 10px 12px;
}
.bts-timeline-step__badge--0 { background: #232F76; }
.bts-timeline-step__badge--1 { background: #34426B; }
.bts-timeline-step__badge--2 { background: #3F5A60; }
.bts-timeline-step__badge--3 { background: #4C7350; }
.bts-timeline-step__badge--4 { background: #5F9640; }
.bts-timeline-step__badge--5 { background: #79B829; }
.bts-timeline-step__title {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #232F76;
	margin: 0 0 8px;
}
.bts-timeline-step__body {
	font-family: 'Montserrat', sans-serif;
	font-size: 13.5px;
	line-height: 1.5;
	color: #4A5170;
	margin: 0;
}

@media (max-width: 900px) {
	.bts-timeline { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.bts-timeline { grid-template-columns: 1fr; }
}



/* ==========================================================================
   Articles (actualités)
   ========================================================================== */
.bts-article-card {
	background: #ffffff;
	border-top: 7px solid #232F76;
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: 100%;
	overflow: hidden;
}
.bts-article-card__image { margin: 0; }
.bts-article-card__image img { display: block; width: 100%; height: 190px; object-fit: cover; }
.bts-article-card__content {
	padding: clamp(22px,2.6vw,30px);
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.bts-article-card__date {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #4F7F55;
	margin: 0;
}
.bts-article-card__title {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 700;
	font-size: clamp(19px,2vw,22px);
	line-height: 1.3;
	color: #232F76;
	margin: 0;
}
.bts-article-card__title a { color: inherit; text-decoration: none; }
.bts-article-card__title a:hover { color: #79B829; }
.bts-article-card__body {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #5B6480;
	margin: 0;
}