/*
Theme Name:   Verita
Theme URI:    https://verita.fi
Description:  Verita IT Finland Oy:n GeneratePress-child-teema.
Author:       Verita IT Finland Oy
Template:     generatepress
Version:      1.0.0
Text Domain:  verita
*/

/* ==========================================================================
   Perusasetukset
   ========================================================================== */
:root {
	--petrol: #013A6F;
	--petrol-2: #0C4A85;
	--petrol-3: #175A99;
	--amber: #FF5959;
	--amber-dark: #E04848;
	--amber-light: #FF8A8A;
	--light: #F2F6FA;
	--ink: #26282B;
	--ink-2: #55585C;
	--line: #DCE3EA;
	--footer-bg: #022B52;
	--radius: 10px;
}

body {
	font-family: 'Inter', system-ui, sans-serif;
	background-color: #fff !important;
}

/* Sisältöketju (#page -> .entry-content) pakotettu 100 % leveäksi ilman GeneratePressin
   omaa grid-container-max-widthia, jolloin täysleveät osiot (alignfull) ovat jo
   luonnostaan koko ruudun levyisiä ilman erillistä vw-laskentaa. */
.entry-content > .alignfull {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

h1, h2, h3, h4 {
	font-family: 'Manrope', sans-serif;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.01em;
}

.verita-wrap {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 24px;
}

/* ==========================================================================
   Header / navigaatio
   ========================================================================== */
#page,
.site-content,
#primary,
.content-area,
.site-main,
article,
.inside-article,
.entry-content {
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	width: 100% !important;
}

#masthead {
	background-color: var(--petrol);
	border-bottom: 1px solid var(--petrol-2);
	margin: 0;
	position: sticky;
	top: 0;
	z-index: 50;
}

/* Ankkurilinkit (esim. #palvelut, #yhteys) eivat jaa sticky headerin taakse */
[id] {
	scroll-margin-top: 90px;
}

#masthead .inside-header {
	padding: 0 24px !important;
	min-height: 76px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

.site-branding {
	display: none !important;
}

.site-logo {
	flex: 0 0 auto;
	order: 1 !important;
	float: none !important;
	margin: 0 auto 0 0 !important;
}

.site-logo img,
.custom-logo-link img {
	max-height: 56px;
	width: auto;
	height: auto;
}

/* Työpöytänavigaation flex-asemointi. Rajattu GeneratePressin omaan
   mobiilibreakpointtiin (768px) nähden, jotta teeman sisäänrakennettu
   hampurilaisvalikko (.menu-toggle, .main-navigation ul { display:none })
   pääsee toimimaan sitä pienemmillä näytöillä sellaisenaan. */
@media (min-width: 769px) {
	#site-navigation {
		background-color: transparent;
		margin: 0;
		min-height: 0;
		float: none !important;
		width: auto !important;
		position: static !important;
		flex: 0 1 auto;
		order: 2 !important;
	}

	#site-navigation .inside-navigation {
		padding: 0 !important;
		min-height: 0;
		width: auto !important;
		display: flex;
		align-items: center;
	}

	.main-navigation .main-nav {
		display: flex;
		align-items: center;
	}

	.main-navigation .main-nav ul {
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.main-navigation .main-nav ul li a,
	.main-navigation .menu-item a {
		color: var(--light);
		font-size: 15px;
		font-weight: 500;
		padding: 8px 12px;
		line-height: 1.4;
	}

	.main-navigation .main-nav ul li a:hover,
	.main-navigation .menu-item a:hover {
		color: var(--amber) !important;
		background: transparent;
	}

	.main-navigation .verita-nav-cta {
		display: flex;
		align-items: center;
		margin-left: 10px;
	}

	.main-navigation .verita-nav-cta a {
		background: var(--amber);
		color: #fff !important;
		padding: 10px 20px;
		border-radius: 8px;
		font-weight: 600;
		font-size: 14.5px;
		transition: background .15s ease;
	}

	.main-navigation .verita-nav-cta a:hover {
		background: var(--amber-dark) !important;
		color: #fff !important;
	}
}

/* core/button amber-taustaisten nappien hover (Pyydä tarjous, Kysy lisää, Ota yhteyttä) */
.wp-block-button__link.has-amber-background-color:hover {
	background-color: var(--amber-dark) !important;
}

/* ==========================================================================
   Eyebrow-teksti (core/paragraph, is-style-eyebrow)
   ========================================================================== */
.is-style-eyebrow {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--amber-dark);
	margin-bottom: 4px;
}

.verita-hero .is-style-eyebrow,
.verita-domestic .is-style-eyebrow {
	color: var(--amber-light);
}

/* ==========================================================================
   Napit (core/button style-variantit)
   ========================================================================== */
.wp-block-button__link {
	border-radius: 8px;
	padding: 13px 24px;
	font-weight: 600;
	font-size: 15.5px;
}

.wp-block-button.is-style-ghost-light .wp-block-button__link {
	background: transparent;
	color: var(--light);
	border: 1px solid #33639B;
}

.wp-block-button.is-style-ghost-light .wp-block-button__link:hover {
	background: rgba(255, 255, 255, .06);
}

/* core/button sisäänrakennettu "Outline"-tyyli toimii vaalean pohjan ghost-nappina */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border-width: 1.5px;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--petrol);
	color: var(--light) !important;
}

/* ==========================================================================
   Hero
   ========================================================================== */
.verita-hero {
	background: var(--petrol);
	color: var(--light);
	padding: 100px 0 90px;
	position: relative;
	overflow: hidden;
}

.verita-hero::after {
	content: "";
	position: absolute;
	right: -140px;
	top: 0;
	bottom: 0;
	width: 560px;
	background:
		linear-gradient(175deg, transparent 28%, var(--petrol-2) 28.2%, var(--petrol-2) 46%, transparent 46.2%),
		linear-gradient(172deg, transparent 52%, var(--petrol-3) 52.2%, var(--petrol-3) 64%, transparent 64.2%),
		linear-gradient(178deg, transparent 72%, #1F6BB0 72.2%, #1F6BB0 78%, transparent 78.2%);
	pointer-events: none;
}

.verita-hero .verita-wrap {
	position: relative;
	z-index: 1;
}

.verita-hero h1 {
	color: var(--light);
	font-size: clamp(32px, 5vw, 52px);
	max-width: 640px;
}

.verita-hero .verita-lede {
	font-size: 18px;
	color: #B3C7DE;
	max-width: 560px;
}

.verita-hero-points {
	display: flex;
	gap: 28px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.verita-hero-points .verita-hero-point {
	font-size: 14px;
	color: #9AB2CC;
}

.verita-hero-points .verita-hero-point strong {
	display: block;
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	font-size: 17px;
	color: var(--light);
}

/* ==========================================================================
   Section-otsikot
   ========================================================================== */
.verita-section-head h2 {
	font-size: clamp(26px, 3.4vw, 36px);
}

.verita-section-head p:not(.is-style-eyebrow) {
	color: var(--ink-2);
}

/* ==========================================================================
   Palvelukortit
   ========================================================================== */
.verita-card {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 26px 24px;
	transition: border-color .15s ease, transform .15s ease;
	height: 100%;
}

.verita-card:hover {
	border-color: var(--petrol-3);
	transform: translateY(-2px);
}

a.verita-card {
	color: var(--ink);
	text-decoration: none;
	display: block;
}

a.verita-card:hover h3 {
	color: var(--petrol-3);
}

.verita-card .verita-mark {
	width: 38px;
	height: 38px;
	border-radius: 9px;
	background: var(--light);
	color: var(--petrol);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.verita-card .verita-mark svg {
	width: 20px;
	height: 20px;
}

.verita-card h3 {
	font-size: 18px;
	margin-bottom: 8px;
}

.verita-card p {
	font-size: 14.5px;
	color: var(--ink-2);
}

.verita-card .verita-more {
	display: inline-block;
	margin-top: 14px;
	font-size: 14px;
	font-weight: 600;
	color: var(--petrol-3);
}

/* ==========================================================================
   Kumppanilogot
   ========================================================================== */
.verita-partners {
	background: #fff;
	padding: 44px 0 60px;
	border-top: 1px solid var(--line);
}

.verita-partners-label {
	text-align: center;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--ink-2);
	margin-bottom: 26px;
}

.verita-partners-row {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 36px;
}

.verita-partners-row img {
	height: 60px;
	width: auto;
	filter: grayscale(1) opacity(.55);
	transition: filter .15s ease;
}

.verita-partners-row img:hover {
	filter: grayscale(0) opacity(1);
}

/* ==========================================================================
   Palvelumallit (tiers)
   ========================================================================== */
.verita-tiers {
	background: var(--light);
	padding: 84px 0;
}

.verita-services,
.verita-references {
	background: #fff;
	padding: 84px 0;
}

.verita-tier {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 30px 26px;
	height: 100%;
}

.verita-tier.verita-tier-featured {
	border: 2px solid var(--amber);
	position: relative;
}

.verita-tier.verita-tier-featured::before {
	content: "Suosituin";
	position: absolute;
	top: -12px;
	left: 24px;
	background: var(--amber);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 3px 12px;
	border-radius: 99px;
}

.verita-tier h3 {
	font-size: 20px;
	color: var(--petrol);
	margin-bottom: 6px;
}

.verita-tier .verita-tier-desc {
	font-size: 14.5px;
	color: var(--ink-2);
	min-height: 66px;
}

.verita-tier ul.wp-block-list {
	list-style: none;
	padding-left: 0;
}

.verita-tier ul.wp-block-list li {
	font-size: 14.5px;
	padding: 7px 0 7px 26px;
	position: relative;
	border-top: 1px solid #EDF2F7;
}

.verita-tier ul.wp-block-list li::before {
	content: "✓";
	position: absolute;
	left: 2px;
	color: var(--amber-dark);
	font-weight: 700;
}

/* ==========================================================================
   Kotimaisuus-osio
   ========================================================================== */
.verita-domestic {
	background: var(--petrol);
	color: var(--light);
	padding: 84px 0;
}

.verita-domestic h2 {
	color: var(--light);
}

.verita-domestic p {
	color: #B3C7DE;
}

.verita-fact-list {
	display: grid;
	gap: 14px;
}

.verita-fact {
	background: var(--petrol-2);
	border-radius: var(--radius);
	border-left: 4px solid var(--amber);
	padding: 20px 22px;
}

.verita-fact strong {
	display: block;
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	font-size: 16.5px;
	color: var(--light);
	margin-bottom: 3px;
}

.verita-fact span {
	font-size: 14px;
	color: #9AB2CC;
}

/* ==========================================================================
   Referenssit
   ========================================================================== */
.verita-ref {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	overflow: hidden;
	height: 100%;
}

.verita-ref .verita-thumb {
	height: 140px;
	background: linear-gradient(135deg, var(--petrol-2), var(--petrol-3));
	display: flex;
	align-items: center;
	justify-content: center;
	color: #7E9FBF;
	font-size: 13px;
	margin: 0;
	text-align: center;
	padding: 12px;
}

.verita-ref .verita-thumb-logo {
	background: #fff;
	border-bottom: 1px solid var(--line);
}

.verita-ref .verita-thumb-logo img {
	max-width: 70%;
	max-height: 70px;
	object-fit: contain;
}

.verita-ref .verita-ref-body {
	padding: 22px;
}

.verita-ref h3 {
	font-size: 17px;
	margin-bottom: 8px;
}

.verita-ref p {
	font-size: 14.5px;
	color: var(--ink-2);
}

/* ==========================================================================
   CTA-osio
   ========================================================================== */
.verita-cta-band {
	background: var(--light);
	padding: 84px 0;
}

.verita-cta-inner {
	background: var(--petrol);
	color: var(--light);
	border-radius: 16px;
	padding: 54px 48px;
}

.verita-cta-inner h2 {
	color: var(--light);
	font-size: clamp(24px, 3vw, 32px);
}

.verita-cta-inner p {
	color: #B3C7DE;
}

/* ==========================================================================
   Footer-widgetit
   ========================================================================== */
#footer-widgets,
#footer-widgets .inside-footer-widgets {
	background-color: var(--footer-bg);
}

#footer-widgets {
	color: #9AB2CC;
	padding: 60px 0 40px;
	font-size: 14px;
}

#footer-widgets h1,
#footer-widgets h2,
#footer-widgets h3,
#footer-widgets h4 {
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	color: var(--light);
	font-size: 15px;
}

#footer-widgets a {
	color: #9AB2CC;
}

#footer-widgets a:hover {
	color: var(--light);
}

#footer-widgets p {
	margin: 0 0 8px;
}

.site-info,
.site-info a {
	background-color: var(--footer-bg);
	color: #6C87A6;
}

/* ==========================================================================
   Sivupohjat (palvelusivut, kyberturva, referenssit, sijaintisivu, oppaat)
   ========================================================================== */
/* Yleinen pystysuora tila sivupohjien "paljailla" (ei omaa taustaväriä) osiowrappereilla */
.verita-section-pad {
	padding: 76px 0;
}

.verita-page-hero {
	background: var(--petrol);
	color: var(--light);
	padding: 68px 0 58px;
	position: relative;
	overflow: hidden;
}

.verita-page-hero::after {
	content: "";
	position: absolute;
	right: -140px;
	top: 0;
	bottom: 0;
	width: 520px;
	background:
		linear-gradient(175deg, transparent 30%, var(--petrol-2) 30.2%, var(--petrol-2) 48%, transparent 48.2%),
		linear-gradient(172deg, transparent 56%, var(--petrol-3) 56.2%, var(--petrol-3) 68%, transparent 68.2%);
	pointer-events: none;
}

.verita-page-hero .verita-wrap {
	position: relative;
	z-index: 1;
}

.verita-breadcrumb {
	font-size: 13.5px;
	color: #7E9FBF;
	margin-bottom: 12px;
}

.verita-breadcrumb a {
	color: #7E9FBF;
}

.verita-breadcrumb a:hover {
	color: var(--light);
}

.verita-page-hero h1 {
	color: var(--light);
	font-size: clamp(30px, 4.4vw, 44px);
	max-width: 640px;
}

.verita-page-hero .verita-lede {
	font-size: 17.5px;
	color: #B3C7DE;
	max-width: 580px;
}

.verita-page-hero .placeholder,
.verita-placeholder {
	color: #8FA9C4;
	font-style: italic;
}

/* Tarjonta/pilari-ruudukot (offer-grid, pillar-grid) — samat visuaaliset korttiluokat */
.verita-offer-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.verita-offer {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 26px 24px;
}

.verita-offer .verita-mark {
	width: 38px;
	height: 38px;
	border-radius: 9px;
	background: var(--light);
	color: var(--petrol);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.verita-offer .verita-mark svg {
	width: 20px;
	height: 20px;
}

.verita-offer h3 {
	font-size: 18px;
	margin-bottom: 8px;
}

.verita-offer p {
	font-size: 14.5px;
	color: var(--ink-2);
}

/* Korostuspalkki tarkistuslistalla (band) */
.verita-band {
	background: var(--light);
	padding: 76px 0;
}

.verita-band-grid {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 44px;
	align-items: center;
}

.verita-band-grid h2 {
	font-size: clamp(24px, 3.2vw, 32px);
	margin-bottom: 12px;
}

.verita-band-grid > div > p {
	color: var(--ink-2);
	margin-bottom: 10px;
}

.verita-check-list {
	list-style: none;
	display: grid;
	gap: 10px;
	padding-left: 0;
}

.verita-check-list li {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 14px 18px 14px 42px;
	position: relative;
	font-size: 15px;
}

.verita-check-list li::before {
	content: "✓";
	position: absolute;
	left: 16px;
	color: var(--amber-dark);
	font-weight: 700;
}

/* DMARC-nosto (kyberturva) */
.verita-dmarc {
	background: var(--light);
	padding: 76px 0;
}

.verita-dmarc-inner {
	background: var(--petrol);
	color: var(--light);
	border-radius: 16px;
	padding: 46px 44px;
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 40px;
	align-items: center;
}

.verita-dmarc-inner .is-style-eyebrow {
	color: var(--amber-light);
}

.verita-dmarc-inner h2 {
	color: var(--light);
	font-size: clamp(23px, 3vw, 30px);
	margin-bottom: 10px;
}

.verita-dmarc-inner p {
	color: #B3C7DE;
	font-size: 15.5px;
}

.verita-dmarc-facts {
	display: grid;
	gap: 12px;
}

.verita-dmarc-fact {
	background: var(--petrol-2);
	border-left: 4px solid var(--amber);
	border-radius: var(--radius);
	padding: 16px 18px;
	font-size: 14px;
	color: #C7D8DB;
}

.verita-dmarc-fact strong {
	display: block;
	color: var(--light);
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	font-size: 15.5px;
}

/* FAQ-harmonikka */
.verita-faq-list {
	max-width: 760px;
}

.verita-faq-item {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	margin-bottom: 12px;
}

.verita-faq-item summary {
	cursor: pointer;
	padding: 18px 22px;
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	font-size: 16px;
	list-style: none;
	position: relative;
	padding-right: 48px;
}

.verita-faq-item summary::-webkit-details-marker {
	display: none;
}

.verita-faq-item summary::after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	color: var(--amber-dark);
	font-weight: 600;
}

.verita-faq-item[open] summary::after {
	content: "–";
}

.verita-faq-item .verita-answer {
	padding: 0 22px 18px;
	font-size: 15px;
	color: var(--ink-2);
}

/* Liittyvät palvelut / oppaat -kortit */
.verita-related {
	background: var(--light);
	padding: 76px 0;
}

.verita-rel-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.verita-rel-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 22px;
	transition: border-color .15s ease;
	display: block;
}

.verita-rel-card:hover {
	border-color: var(--petrol-3);
}

.verita-rel-card h3 {
	font-size: 16.5px;
	margin-bottom: 6px;
}

.verita-rel-card p {
	font-size: 13.5px;
	color: var(--ink-2);
}

/* Sijaintisivu: toimipisteet */
.verita-local {
	background: var(--light);
	padding: 76px 0;
}

.verita-local-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.verita-office-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 26px;
}

.verita-office-card h3 {
	font-size: 18px;
	color: var(--petrol);
	margin-bottom: 10px;
}

.verita-office-card p {
	font-size: 15px;
	color: var(--ink-2);
	margin-bottom: 6px;
}

.verita-office-card a {
	color: var(--petrol);
	font-weight: 600;
	text-decoration: none;
}

.verita-map-ph {
	height: 180px;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--petrol-2), var(--petrol-3));
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #7E9FBF;
	font-size: 13px;
	margin: 16px 0;
	padding: 12px;
}

/* Referenssit: caset */
.verita-case {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	overflow: hidden;
	margin-bottom: 28px;
	display: grid;
	grid-template-columns: .85fr 1.15fr;
}

.verita-case-visual {
	background: linear-gradient(135deg, var(--petrol-2), var(--petrol-3));
	display: flex;
	align-items: center;
	justify-content: center;
	color: #7E9FBF;
	font-size: 13px;
	min-height: 260px;
	text-align: center;
	padding: 20px;
}

.verita-case-visual-logo {
	background: #fff;
}

.verita-case-visual-logo img {
	max-width: 70%;
	max-height: 120px;
	object-fit: contain;
}

.verita-case-body {
	padding: 30px 32px;
}

.verita-case-client {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--amber-dark);
	margin-bottom: 8px;
}

.verita-case-body h2 {
	font-size: 22px;
	margin-bottom: 14px;
}

.verita-case-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin-bottom: 16px;
}

.verita-case-cols.verita-cols-1 {
	grid-template-columns: 1fr;
}

.verita-case-cols h3 {
	font-size: 13px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--ink-2);
	font-weight: 600;
	margin-bottom: 5px;
	font-family: 'Inter', sans-serif;
}

.verita-case-cols p {
	font-size: 14.5px;
	color: var(--ink-2);
}

.verita-quote {
	border-left: 4px solid var(--amber);
	background: var(--light);
	border-radius: var(--radius);
	padding: 14px 18px;
	font-size: 15px;
	font-style: italic;
	color: var(--ink);
}

.verita-quote span {
	display: block;
	font-style: normal;
	font-size: 13px;
	color: var(--ink-2);
	margin-top: 6px;
}

/* Oppaat */
.verita-guide-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.verita-guide-card {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 24px 22px;
	display: flex;
	flex-direction: column;
	transition: border-color .15s ease, transform .15s ease;
	height: 100%;
}

.verita-guide-card:hover {
	border-color: var(--petrol-3);
	transform: translateY(-2px);
}

.verita-guide-tag {
	align-self: flex-start;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--amber-dark);
	background: var(--light);
	padding: 4px 10px;
	border-radius: 99px;
	margin-bottom: 14px;
}

.verita-guide-card h3 {
	font-size: 17.5px;
	margin-bottom: 8px;
}

.verita-guide-card p {
	font-size: 14px;
	color: var(--ink-2);
	flex-grow: 1;
}

.verita-guide-more {
	margin-top: 14px;
	font-size: 14px;
	font-weight: 600;
	color: var(--petrol-3);
}

/* Opasartikkeli */
.verita-article {
	max-width: 760px;
}

.verita-article h2 {
	font-size: 24px;
	margin: 36px 0 12px;
}

.verita-article p {
	color: var(--ink-2);
	margin-bottom: 14px;
}

.verita-tldr {
	background: var(--light);
	border-left: 4px solid var(--amber);
	border-radius: var(--radius);
	padding: 20px 24px;
	margin-bottom: 28px;
}

.verita-tldr strong {
	font-family: 'Manrope', sans-serif;
	font-weight: 800;
	display: block;
	margin-bottom: 6px;
	color: var(--petrol);
}

.verita-tldr p {
	color: var(--ink);
	margin: 0;
}

@media (max-width: 900px) {
	.verita-rel-grid,
	.verita-guide-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 820px) {
	.verita-band-grid,
	.verita-local-grid {
		grid-template-columns: 1fr;
		gap: 26px;
	}
	.verita-dmarc-inner {
		grid-template-columns: 1fr;
		padding: 32px 26px;
	}
	.verita-case {
		grid-template-columns: 1fr;
	}
	.verita-case-visual {
		min-height: 160px;
	}
	.verita-case-cols {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.verita-offer-grid {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Responsiivisuus
   ========================================================================== */
@media (max-width: 782px) {
	.verita-hero {
		padding: 64px 0 56px;
	}

	.verita-cta-inner {
		padding: 38px 28px;
	}

	.verita-services,
	.verita-references,
	.verita-tiers,
	.verita-domestic,
	.verita-cta-band {
		padding: 56px 0;
	}
}