/*
 * HRKariera Home - scoped poprawki integracyjne.
 * Ładowane wyłącznie w 14 nowych widokach. Wszystko zakresowane pod .hrk-site,
 * aby nie wpływać na resztę motywu Astra, sklep ani inne strony.
 * Projekt bazowy: Claude Opus 4.8. Korekty integracyjne i spójność 1.4.7: Codex.
 * Rzeczywiste kontrole WordPressa są dokumentowane w katalogu qa/.
 */

/* --- Odstęp na pasek administratora WordPress (sticky nagłówek) --- */
.admin-bar .hrk-header { top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar .hrk-header { top: 46px; }
}
@media screen and (max-width: 600px) {
	/* Na telefonie pasek WP jest absolute i znika przy przewijaniu. */
	.admin-bar .hrk-header { top: 0; }
}
@media screen and (max-width: 900px) {
	/* Menu jest pozycjonowane względem nagłówka, który już uwzględnia pasek WP. */
	.hrk-site .hrk-nav.is-open { top: 100%; }
}

/* --- Dopasowanie formularza WPForms (ID 1141) do wyglądu kontaktu na home --- */
/* Zakres: WYŁĄCZNIE kontener kontaktu na nowej home (.hrk-site .hrk-form-wrap).
   Stare formularze (poza .hrk-site) są nietknięte. Używamy !important, bo domyślny
   CSS WPForms (szary przycisk, kwadratowe pola) ma wyższą specyficzność. */
.hrk-site .hrk-form-wrap .wpforms-container,
.hrk-site .hrk-form-wrap .wpforms-container-full { margin: 0 !important; }
.hrk-site .hrk-form-wrap .wpforms-form { display: grid; gap: 16px; }
.hrk-site .hrk-form-wrap .wpforms-field { padding: 0; margin: 0; }
.hrk-site .hrk-form-wrap .wpforms-field-label,
.hrk-site .hrk-form-wrap .wpforms-field label.wpforms-field-label,
.hrk-site .hrk-form-wrap .wpforms-field label {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--ink) !important;
	margin: 0 0 8px !important;
	display: block;
	line-height: 1.5;
}
.hrk-site .hrk-form-wrap input[type="text"],
.hrk-site .hrk-form-wrap input[type="email"],
.hrk-site .hrk-form-wrap input[type="tel"],
.hrk-site .hrk-form-wrap input[type="url"],
.hrk-site .hrk-form-wrap input[type="number"],
.hrk-site .hrk-form-wrap select,
.hrk-site .hrk-form-wrap textarea,
.hrk-site .hrk-form-wrap .wpforms-field input.wpforms-field-medium,
.hrk-site .hrk-form-wrap .wpforms-field input.wpforms-field-large,
.hrk-site .hrk-form-wrap .wpforms-field textarea.wpforms-field-medium,
.hrk-site .hrk-form-wrap .wpforms-field textarea.wpforms-field-large {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 48px !important;
	padding: 12px 14px !important;
	border: 1px solid var(--line) !important;
	border-radius: 8px !important;
	background: var(--white) !important;
	color: var(--ink) !important;
	box-shadow: none !important;
	font-size: 15px !important;
	font-family: inherit !important;
	line-height: 1.5 !important;
}
.hrk-site .hrk-form-wrap textarea { min-height: 120px !important; resize: vertical; }
.hrk-site .hrk-form-wrap input:focus,
.hrk-site .hrk-form-wrap select:focus,
.hrk-site .hrk-form-wrap textarea:focus {
	outline: 2px solid var(--accent) !important;
	outline-offset: 1px;
	border-color: var(--accent) !important;
}
.hrk-site .hrk-form-wrap .wpforms-submit,
.hrk-site .hrk-form-wrap button[type="submit"],
.hrk-site .hrk-form-wrap .wpforms-submit-container button {
	background: var(--accent) !important;
	background-image: none !important;
	color: var(--on-accent) !important;
	border: 0 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	padding: 14px 24px !important;
	width: auto !important;
	cursor: pointer;
	transition: background .18s;
}
.hrk-site .hrk-form-wrap .wpforms-submit:hover,
.hrk-site .hrk-form-wrap button[type="submit"]:hover,
.hrk-site .hrk-form-wrap .wpforms-submit-container button:hover {
	background: var(--accent-hover) !important;
}
.hrk-site .hrk-form-wrap .wpforms-required-label,
.hrk-site .hrk-form-wrap .wpforms-field-description { color: var(--muted) !important; }

/* --- Newsletter MailerLite osadzony w sekcji Newsletter (scoped do nowej home) --- */
.hrk-site :is(.complete-newsletter, .complete-signup) .hrk-newsletter-embed { width: 100%; max-width: 560px; }
.hrk-site :is(.complete-newsletter, .complete-signup) .ml-form-embedContainer,
.hrk-site :is(.complete-newsletter, .complete-signup) .mailerlite-form,
.hrk-site :is(.complete-newsletter, .complete-signup) .ml-form-embedWrapper { margin: 0 !important; max-width: 100% !important; background: transparent !important; }
.hrk-site :is(.complete-newsletter, .complete-signup) .ml-form-embedBody { padding: 0 !important; }
.hrk-site :is(.complete-newsletter, .complete-signup) .ml-form-formContent input,
.hrk-site :is(.complete-newsletter, .complete-signup) .mailerlite-form-field input[type="text"],
.hrk-site :is(.complete-newsletter, .complete-signup) .mailerlite-form-field input[type="email"],
.hrk-site :is(.complete-newsletter, .complete-signup) .ml-form-embedBody input[type="text"],
.hrk-site :is(.complete-newsletter, .complete-signup) .ml-form-embedBody input[type="email"] {
	width: 100% !important;
	min-height: 48px !important;
	padding: 12px 14px !important;
	border: 1px solid var(--line) !important;
	border-radius: 8px !important;
	background: var(--white) !important;
	color: var(--ink) !important;
	box-shadow: none !important;
	font-size: 15px !important;
	font-family: inherit !important;
}
.hrk-site :is(.complete-newsletter, .complete-signup) .ml-form-embedSubmit button,
.hrk-site :is(.complete-newsletter, .complete-signup) .mailerlite-subscribe-submit,
.hrk-site :is(.complete-newsletter, .complete-signup) button.primary {
	background: var(--accent) !important;
	background-image: none !important;
	color: var(--on-accent) !important;
	border: 0 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	padding: 14px 24px !important;
	cursor: pointer;
}
.hrk-site :is(.complete-newsletter, .complete-signup) .ml-form-embedSubmit button:hover,
.hrk-site :is(.complete-newsletter, .complete-signup) .mailerlite-subscribe-submit:hover,
.hrk-site :is(.complete-newsletter, .complete-signup) button.primary:hover { background: var(--accent-hover) !important; }
@media screen and (max-width: 320px) {
	.hrk-site :is(.complete-newsletter, .complete-signup) .ml-form-embedSubmit button,
	.hrk-site :is(.complete-newsletter, .complete-signup) .mailerlite-subscribe-submit,
	.hrk-site :is(.complete-newsletter, .complete-signup) button.primary { width: 100% !important; }
}

/* --- Zapasowy link do /kontakt/, gdy WPForms niedostępny --- */
.hrk-site .hrk-contact-fallback { display: grid; gap: 16px; align-content: start; }
.hrk-site .hrk-contact-fallback p { margin: 0; color: var(--muted); }
.hrk-site .hrk-contact-fallback .hrk-button { justify-self: start; }

/* --- Opcjonalne zdjęcie usługi w wariancie „featured” (redakcyjne; białe tło) --- */
/* Brak zdjęcia = brak tych elementów, układ tekstowy bez zmian. */
.hrk-site .v6-service-figure { grid-column: 1 / -1; margin: 8px 0 0; }
.hrk-site .v6-featured-photo {
	display: block;
	width: 100%;
	height: auto;
	max-height: 340px;
	object-fit: cover;
	border-radius: 14px;
	background: #fff;
}

/* --- Zdjęcie usługi jako spokojne, PEŁNOSZEROKOŚCIOWE domknięcie sekcji ---
   Bez miniatur, podpisów, ramek i nakładek. Lista usług pozostaje jednorodnym
   tekstem; fotografia wypełnia szerokość treści jako jedno, świadome ujęcie.
   Na home domyka „Obszary współpracy” i linkuje do podstrony; na podstronie
   Szkolenia pokazuje tę samą salę tym samym kadrem (spójne użycie). */
/* Źródło sali: 768 px, pionowy kadr 3:4. Pokazujemy duże, ale NIE przeskalowane
   ujęcie: szerokość ograniczona do ~760 px (bez upscalingu/rozmycia), kadr 4:3
   (poziomy pas: okna, stół, ekran HRKariera) - mniej agresywny niż panorama. */
.hrk-site .hrk-service-photo { margin-top: clamp(26px, 3.4vw, 46px); margin-bottom: clamp(2px, 1vw, 10px); }
.hrk-site .v6-service-showcase {
	display: block;
	margin: clamp(26px, 3.4vw, 44px) auto 0;
	max-width: 760px;
	border-radius: 16px;
	text-decoration: none;
}
.hrk-site .hrk-service-photo .v6-service-showcase { margin-top: 0; }
/* Reset marginesu TYLKO dla figury wewnątrz linku (home); na Szkoleniach figura sama
   ma klasę .v6-service-showcase i musi zachować wyśrodkowanie (margin: ... auto ...). */
.hrk-site a.v6-service-showcase .v6-service-showcase-figure { margin: 0; }
.hrk-site .v6-service-showcase-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	max-height: 580px;
	object-fit: cover;
	object-position: center 40%;
	border-radius: 16px;
	background: #fff;
}
@media (prefers-reduced-motion: no-preference) {
	.hrk-site a.v6-service-showcase { transition: transform .18s, box-shadow .18s; }
	.hrk-site a.v6-service-showcase:hover { transform: translateY(-2px); box-shadow: 0 18px 44px rgba(92, 26, 39, 0.10); }
}
/* Telefon/tablet do 767 px: pełna szerokość treści (źródło 768 px pokrywa te szerokości).
   BEZ max-height, aby kadr pozostał dokładnie 4:3 w całym zakresie (także 700-767 px). */
@media screen and (max-width: 767px) {
	.hrk-site .v6-service-showcase { max-width: 100%; }
	.hrk-site .v6-service-showcase-img { aspect-ratio: 4 / 3; object-position: center 44%; }
}

/* ============================================================================
   HRKariera Home 1.3.5 - WIERNE odtworzenie nagłówków z Sites (uklad 06 +
   typografia 05, Cormorant) + zachowany rytm i karty ebookow z 1.3.3. Bez nowej
   kursywy i bez własnego przeskalowania: dokładne wagi/rozmiary/line-height/tracking
   wg selected-design.json i tabeli computed sites-heading-reference-1.3.5.json.
   Naglowki: szeryf Cormorant w burgundzie #5c1a27 (z wybranego projektu).
   Tekst, nawigacja, formularze, przyciski, numery i linki: Manrope (czytelny sans).
   Biale tlo, czerwien HRK wylacznie jako akcent CTA/linkow; bez dlugich myslnikow,
   strzalek, dekoracyjnych linii i animacji. Promienie: media/karty 16px, pola 8px.
   Wszystko scoped pod .hrk-site.
   Wydajnosc: lokalne, polskie subsety WOFF2 (fonts/) - Manrope 400-800 oraz
   statyczne Cormorant 500/600 i italic 500 z fontu variable, zamiast ciezkich TTF.
   ========================================================================== */

/* --- Fonty: oszczedne WOFF2 (polskie subsety) nadpisuja TTF z bazowego CSS.
   Te reguly @font-face sa parsowane po styles.css, wiec wygrywaja; przegladarka
   pobiera woff2, a TTF (zachowany w paczce) pozostaje tylko zrodlem awaryjnym. --- */
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url("fonts/manrope-400.woff2") format("woff2"),url("library/v6/assets/manrope-400.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url("fonts/manrope-500.woff2") format("woff2"),url("library/v6/assets/manrope-500.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url("fonts/manrope-600.woff2") format("woff2"),url("library/v6/assets/manrope-600.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url("fonts/manrope-700.woff2") format("woff2"),url("library/v6/assets/manrope-700.ttf") format("truetype")}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url("fonts/manrope-800.woff2") format("woff2"),url("library/v6/assets/manrope-800.ttf") format("truetype")}

/* --- Fonty szeryfowe Cormorant: CIEPŁE nagłówki wg wybranego projektu
   (układ 06 + typografia 05). Statyczne, polskie subsety WOFF2 z fontu variable
   (wagi 500/600 upright + 500 italic). Nadpisują ciężki wariant variable z bazy;
   przegladarka pobiera tylko woff2. Manrope zostaje dla tekstu/UI. --- */
@font-face{font-family:Cormorant;font-style:normal;font-weight:500;font-display:swap;src:url("fonts/cormorant-500.woff2") format("woff2")}
@font-face{font-family:Cormorant;font-style:normal;font-weight:600;font-display:swap;src:url("fonts/cormorant-600.woff2") format("woff2")}
@font-face{font-family:Cormorant;font-style:italic;font-weight:500;font-display:swap;src:url("fonts/cormorant-italic-500.woff2") format("woff2")}

/* --- Nagłówki: WIERNE odtworzenie z Sites (selected-design.json, układ 06 +
   typografia 05, Cormorant). Bazowy styles.css niesie juz pełną kaskadę nagłówków
   z Sites (rozmiary sekcji, line-height, media queries), bo markup wtyczki używa tych
   samych klas v6 - dlatego 1.3.5 NIE przeskalowuje nagłówków po swojemu. Tutaj tylko:
   (1) potwierdzamy rodzinę/wagę/tracking/leading oraz burgund #5c1a27 z Sites na
   specyficzności bijącej motyw Astra, bez zmiany wartości wzorca;
   (2) przywracamy rozmiar hero H1, który Sites renderował przez wrapper podglądu
   .hrk-source-copy (clamp 42/6.5vw/96 desktop, 48/12.5vw/88 mobile, line-height 1.02),
   a którego wrapper wtyczki .hrk-site.hrk-v6 nie dziedziczy.
   Manrope pozostaje dla tekstu, nawigacji, formularzy, przyciskow, numerow, linkow. --- */
.hrk-site.hrk-v6 h1,
.hrk-site.hrk-v6 h2,
.hrk-site.hrk-v6 h3{
	font-family: Cormorant, Georgia, serif;
	font-weight: 500;
	letter-spacing: -0.018em;
	line-height: 1.07;
}
/* Burgund nagłówków z Sites (--ink w .hrk-v6 = #5c1a27). !important scoped do
   .hrk-site.hrk-v6, aby czerń naglowkow motywu Astra nie wygrala na WordPressie. */
.hrk-site.hrk-v6 h1,
.hrk-site.hrk-v6 h2,
.hrk-site.hrk-v6 h3,
.hrk-site.hrk-v6 .v6-portrait-link strong,
.hrk-site.hrk-v6 .v2-quote-slide blockquote,
.hrk-site.hrk-v6 .hrk-footer-name,
.hrk-site.hrk-v6 .hrk-updated-faq summary{
	color: #5c1a27 !important;
}
/* Hero strony głównej (.v6-hero h1): dokładnie jak render Sites - Cormorant 600,
   clamp(42px,6.5vw,96px), line-height 1.02, tracking -0.018em. */
.hrk-site.hrk-v6 .v6-hero h1{
	font-family: Cormorant, Georgia, serif;
	font-weight: 600;
	font-size: clamp(42px, 6.5vw, 96px);
	letter-spacing: -0.018em;
	line-height: 1.02;
}
/* Hero strony kandydatów (.complete-hero h1): dokładne wartości Sites -
   clamp(48px,5.8vw,80px), line-height 1.04, tracking -0.018em, max-width 1080px. */
.hrk-site.hrk-v6 .complete-hero h1{
	font-family: Cormorant, Georgia, serif;
	font-weight: 600;
	font-size: clamp(48px, 5.8vw, 80px);
	letter-spacing: -0.018em;
	line-height: 1.04;
	max-width: 1080px;
}
/* Szeryfowe elementy pochodne, z wagami Sites (podpis portretu 600; reszta 500). */
.hrk-site.hrk-v6 .v6-portrait-link strong{
	font-family: Cormorant, Georgia, serif; font-weight: 600; letter-spacing: -0.01em;
}
.hrk-site.hrk-v6 .v2-quote-slide blockquote{
	font-family: Cormorant, Georgia, serif; font-weight: 500; letter-spacing: -0.012em; line-height: 1.2; font-style: normal;
}
.hrk-site.hrk-v6 .hrk-process-step{
	font-family: Cormorant, Georgia, serif; font-weight: 500; letter-spacing: -0.008em;
}
.hrk-site.hrk-v6 .hrk-footer-name{
	font-family: Cormorant, Georgia, serif; font-weight: 500; letter-spacing: -0.008em;
}
.hrk-site.hrk-v6 .hrk-updated-faq summary{
	font-family: Cormorant, Georgia, serif; font-weight: 500;
}
/* Usługi (.v6-service h3): Sites ma line-height 1.12 (nie globalne 1.07). Jawnie,
   bo globalny selektor nagłówków ma równą specyficzność i wygrywał kolejnością. */
.hrk-site.hrk-v6 .v6-service h3{ line-height: 1.12; }

/* --- Rytm sekcji: jeden spojny krok pionowy zamiast 100-104px i nakladanych
   marginesow (koniec z pustymi ekranami, zachowany czytelny oddech) --- */
.hrk-site.hrk-v6{ --sec: clamp(48px, 5.5vw, 72px); }
.hrk-site.hrk-v6 .hrk-section{ padding-block: var(--sec); }
.hrk-site.hrk-v6 .v6-offer{ padding-top: var(--sec); }
.hrk-site.hrk-v6 .hrk-updated-section{ padding-block: var(--sec); }
.hrk-site.hrk-v6 .v6-section-heading{ margin-bottom: clamp(22px, 3vw, 34px); }
.hrk-site.hrk-v6 .hrk-updated-section .hrk-updated-heading{ margin-bottom: clamp(20px, 3vw, 30px); }

/* Hero: start blisko gory (jak IMNOWAK, ok. 40px), zrownowazony odstep kolumn */
.hrk-site.hrk-v6 .v6-hero{ padding-block: 40px 8px; gap: clamp(32px, 5vw, 64px); align-items: center; }
.hrk-site.hrk-v6 .complete-hero-photo{ padding-block: 40px 8px; gap: clamp(32px, 5vw, 64px); }
.hrk-site.hrk-v6 .v6-hero-copy p{ max-width: 46ch; }

/* Zwezenie nadmiernych odstepow kolumn w sekcjach dwukolumnowych */
.hrk-site.hrk-v6 .v6-featured{ gap: clamp(32px, 4vw, 56px); padding: clamp(32px, 4vw, 48px); margin-bottom: clamp(22px, 3vw, 34px); }
.hrk-site.hrk-v6 .v6-about{ gap: clamp(36px, 5vw, 72px); }
.hrk-site.hrk-v6 .v6-candidates{ gap: clamp(32px, 4vw, 56px); padding: clamp(32px, 4vw, 48px); }
.hrk-site.hrk-v6 .v6-equalio{ gap: clamp(32px, 4vw, 56px); padding: clamp(32px, 4vw, 48px); }
.hrk-site.hrk-v6 .hrk-contact-grid{ gap: clamp(36px, 5vw, 64px); }

/* --- Portret: lepszy kadr, miekki promien (bez zmiany pliku zdjecia) --- */
.hrk-site .v6-portrait > img{
	border-radius: 16px;
	object-position: 50% 18%;
	box-shadow: 0 24px 60px rgba(92, 26, 39, 0.10);
}
.hrk-site .v6-about figure > img{ border-radius: 16px; object-position: center 12%; }
.hrk-site .complete-hero figure img{ border-radius: 16px; object-position: center 12%; }

/* --- Ebooki i produkty: zwarta siatka kart zamiast szerokich pustych pudelek.
   Karty z okladka trafiaja do pierwszego rzedu, karty bez okladki do kolejnego:
   naturalny podzial bez sztucznych mockupow. Wszystkie tresci i href zachowane. --- */
.hrk-site.hrk-v6 .hrk-updated-section .hrk-updated-grid{
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
.hrk-site.hrk-v6 .hrk-updated-grid > article{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: 22px 22px 24px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: var(--white);
	height: 100%;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.hrk-site.hrk-v6 .hrk-updated-grid > article .hrk-product-cover{
	order: 1; display: block; width: 100%; margin: 0 0 4px;
}
.hrk-site.hrk-v6 .hrk-updated-grid > article .brief-number{
	order: 2;
	font: 700 12px/1.5 Manrope, Arial, sans-serif;
	letter-spacing: 0.12em;
	color: var(--accent);
	margin: 0;
}
/* Nagłówek karty: typografia DOKŁADNIE z Sites (26px desktop, line-height 1.07,
   tracking -0.018em); układ/padding/kolejność karty z 1.3.3 zachowane. */
.hrk-site.hrk-v6 .hrk-updated-grid > article h3{
	order: 3; font-size: 26px; line-height: 1.07; letter-spacing: -0.018em; margin: 0;
}
.hrk-site.hrk-v6 .hrk-updated-grid > article .hrk-button{
	order: 4; margin-top: auto;
}
.hrk-site .hrk-product-cover-image{
	width: 100%;
	height: 210px;
	max-width: 100%;
	object-fit: contain;
	object-position: center;
	background: var(--white);
}
/* Darmowe materialy (pojedyncza karta) jako zwarty pasek, bez pustych kolumn */
.hrk-site.hrk-v6 [data-section="materialy"] .hrk-updated-grid{ grid-template-columns: 1fr; }
.hrk-site.hrk-v6 [data-section="materialy"] .hrk-updated-grid > article{
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px 24px;
}
.hrk-site.hrk-v6 [data-section="materialy"] .hrk-updated-grid > article .hrk-button{ margin: 0; }

/* --- Kandydaci: dwie krotkie listy obok siebie, zwarta sekcja tresci --- */
.hrk-site.hrk-v6 .source-section{ padding-block: var(--sec); }
.hrk-site .hrk-source-lists{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px 48px;
	margin-block: 20px;
}
.hrk-source-copy .hrk-source-lists .source-list{ margin-block: 0; }
.hrk-source-copy .source-list{ font-size: 16px; line-height: 1.6; }
.hrk-source-copy .source-section p,
.hrk-source-copy .source-process p{ font-size: 16px; line-height: 1.7; }

/* --- Newsletter: jedna spokojna kolumna, zwarta karta formularza; usuniete
   nakladane marginesy (koniec sumowania 60px + 100px z paddingiem sasiadow) --- */
.hrk-site.hrk-v6 .complete-newsletter{
	grid-template-columns: 1fr;
	gap: 20px;
	max-width: 720px;
	margin-inline: auto;
	margin-block: 0;
	padding-block: var(--sec);
	padding-inline: 0;
	background: transparent;
}
.hrk-site.hrk-v6 .complete-newsletter .hrk-newsletter-embed{
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 16px;
	padding: 28px;
	width: 100%;
	max-width: 100%;
}

/* --- Kontakt: formularz na spokojnej karcie --- */
.hrk-site .hrk-form-wrap{
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: 16px;
	padding: 28px;
}

/* --- Wyszukiwarka WordPressa: dyskretna, dostepna kontrolka w stopce --- */
.hrk-site .hrk-footer-search{ margin-bottom: 28px; }
.hrk-site .hrk-search{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; max-width: 520px; }
.hrk-site .hrk-search label{
	flex-basis: 100%;
	font: 700 12px/1.5 Manrope, Arial, sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--muted);
	margin-bottom: 2px;
}
.hrk-site .hrk-search input[type="search"]{
	flex: 1 1 200px;
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--white);
	color: var(--ink);
	font: 400 15px/1.5 Manrope, Arial, sans-serif;
}
.hrk-site .hrk-search input[type="search"]:focus{
	outline: 2px solid var(--accent);
	outline-offset: 1px;
	border-color: var(--accent);
}
.hrk-site .hrk-search button{
	min-height: 46px;
	padding: 10px 22px;
	border: 0;
	border-radius: 8px;
	background: var(--accent);
	color: var(--on-accent);
	font: 700 14px/1 Manrope, Arial, sans-serif;
	cursor: pointer;
	transition: background 0.18s;
}
.hrk-site .hrk-search button:hover{ background: var(--accent-hover); }

/* --- Karty: spokojne powierzchnie, jednolity promien 16px --- */
.hrk-site .v6-featured,
.hrk-site .hrk-newsletter-embed{ border-radius: 16px; }
.hrk-site .v6-service{ border-radius: 12px; }

/* --- Ruch: minimalny (MOTION 2), bezpieczny dla reduced-motion --- */
@media (prefers-reduced-motion: no-preference){
	.hrk-site.hrk-v6 .hrk-updated-grid > article:hover{
		border-color: #cfc3bb;
		box-shadow: 0 14px 36px rgba(92, 26, 39, 0.07);
	}
	.hrk-site .v6-articles > a:hover{ transform: translateY(-2px); }
	.hrk-site .hrk-button:active{ transform: translateY(1px); }
}

/* --- Responsywnosc: stopniowe zwezenie siatek, zero poziomego scrolla --- */
@media (max-width: 1000px){
	.hrk-site.hrk-v6 .hrk-updated-section .hrk-updated-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hrk-site .hrk-source-lists{ gap: 6px 32px; }
}
@media (max-width: 767px){
	.hrk-site.hrk-v6 .hrk-section,
	.hrk-site.hrk-v6 .hrk-updated-section,
	.hrk-site.hrk-v6 .source-section{ padding-block: clamp(40px, 9vw, 56px); }
	.hrk-site.hrk-v6 .v6-hero,
	.hrk-site.hrk-v6 .complete-hero-photo{ padding-block: 24px 4px; gap: 24px; }
	/* Hero na telefonie - dokładne skale Sites (home i kandydaci mają inną skalę,
	   nie unifikujemy). Home 48.75px@390 / 48px@320; kandydaci 35.1px@390 / 32px@320.
	   Bez poziomego overflow na 320/390 (potwierdzone we wzorcu Sites). */
	.hrk-site.hrk-v6 .v6-hero h1{ font-size: clamp(48px, 12.5vw, 88px); }
	.hrk-site.hrk-v6 .complete-hero h1{ font-size: clamp(32px, 9vw, 40px); }
	.hrk-site .hrk-source-lists{ grid-template-columns: 1fr; }
	.hrk-site.hrk-v6 .complete-newsletter .hrk-newsletter-embed,
	.hrk-site .hrk-form-wrap{ padding: 20px; }
	.hrk-site .hrk-product-cover-image{ height: 200px; }
}
@media (max-width: 760px){
	/* Nagłówki kart schodzą do 23px jak w Sites (próg 760px). */
	.hrk-site.hrk-v6 .hrk-updated-grid > article h3{ font-size: 23px; }
}
@media (max-width: 620px){
	.hrk-site.hrk-v6 .hrk-updated-section .hrk-updated-grid{ grid-template-columns: 1fr; }
	.hrk-site.hrk-v6 [data-section="materialy"] .hrk-updated-grid > article{ flex-direction: column; align-items: flex-start; }
}
@media (max-width: 360px){
	.hrk-site .v6-portrait > img{ object-position: 50% 14%; }
}

/* ============================================================================
   Kompozycja 1.4.3+: spójniejszy hero, płynne (nie sztywne) wysokości zdjęć,
   zwarty rytm i czytelniejsza hierarchia podstron usług. Dalej scoped pod
   .hrk-site / .hrk-site.hrk-v6; bez nowych dekoracji, linii, kapsułek i animacji.
   ========================================================================== */

/* --- Krótszy biały pas nad hero i zrównoważony hero (mniej osobnych bloków) --- */
.hrk-site .complete-audience-nav{ padding-block: 10px 6px; }
.hrk-site.hrk-v6 .v6-hero{ padding-block: 26px 10px; gap: clamp(30px, 4.2vw, 56px); }
/* Karta „HR na życzenie” bez powtórzonego nagłówka: krótsza, nie zasłania sylwetki. */
.hrk-site.hrk-v6 .v6-portrait-link{ max-width: 216px; }
.hrk-site.hrk-v6 .v6-portrait-link > span:first-child{ margin-bottom: 0; }

/* --- Zdjęcia: PŁYNNA wysokość zamiast kilku sztywnych wartości (520/560/460/440/
   500/400). Jedna skala zależna od szerokości, dobre kadrowanie pozostaje. --- */
@media screen and (min-width: 768px){
	.hrk-site.hrk-v6 .v6-portrait{ height: clamp(400px, 42vw, 540px); }
	.hrk-site.hrk-v6 .v6-about figure > img{ height: clamp(380px, 40vw, 520px); }
	.hrk-site .complete-hero figure img{ height: clamp(380px, 40vw, 520px); }
}
@media screen and (max-width: 767px){
	.hrk-site.hrk-v6 .v6-portrait{ height: clamp(340px, 76vw, 440px); margin-top: 16px; }
	.hrk-site.hrk-v6 .v6-about figure > img{ height: clamp(320px, 84vw, 400px); }
	.hrk-site .complete-hero figure img{ height: clamp(320px, 84vw, 400px); }
}

/* --- Rytm sekcji: nieco zwartszy, nadal czytelny oddech (bez mechanicznego cięcia).
   --sec steruje wszystkimi sekcjami jednakowo, więc rytm jest regularny. --- */
.hrk-site.hrk-v6{ --sec: clamp(44px, 5vw, 66px); }
.hrk-site.hrk-v6 .v6-trust{ padding-block: 22px 30px; }
/* Bardzo wąskie ekrany (~320 px): logotypy referencji skalują się do komórki siatki,
   dzięki czemu stała szerokość 135 px nie wymusza poziomego scrolla. Szersze widoki
   (>=390 px) bez zmian; design i układ bez zmian, bez ukrywania overflow-x strony. */
@media screen and (max-width: 360px){
	.hrk-site.hrk-v6 .v6-trust{ gap: 16px; }
	.hrk-site.hrk-v6 .v6-trust img{ width: 100%; max-width: 100%; }
}

/* --- Podstrony usług: czytelna hierarchia bez dekoracji (większy, spokojny lead;
   spójne, zwarte odstępy nagłówków treści). Teksty i sekcje bez zmian. --- */
.hrk-site.hrk-v6 .hrk-service-hero .hrk-lead{ font-size: clamp(17px, 1.5vw, 20px); color: var(--muted); max-width: 640px; margin-top: 16px; }
.hrk-site.hrk-v6 .hrk-service-intro{ padding-block: clamp(40px, 5vw, 64px); }
.hrk-site.hrk-v6 .source-section > h2{ margin-bottom: clamp(20px, 2.4vw, 30px); }

/* 1.4.7: korekta spójności podstron z zatwierdzoną stroną główną.
   Codex, 19.10.2026: istniejące fonty, kolory i komponenty; bez zmiany treści.
   Jeden kontener, zwarty początek i czytelna skala długich opisów usług. */
.hrk-site.hrk-v6 { --hrk-header-offset: 94px; }
.admin-bar.hrk-site.hrk-v6 { --hrk-header-offset: 126px; }
.hrk-site.hrk-v6 main > section[id] {
	scroll-margin-top: calc(var(--hrk-header-offset) - 20px);
}
.hrk-site.hrk-v6 .hrk-nav a[aria-current="page"],
.hrk-site.hrk-v6 .hrk-nav a[aria-current="location"] {
	color: var(--accent); font-weight: 700;
}
.hrk-site.hrk-v6 .complete-hero:not(.complete-hero-photo),
.hrk-site.hrk-v6 .hrk-service-hero {
	padding-block: clamp(28px, 3.4vw, 46px) 28px;
}
.hrk-site.hrk-v6 .hrk-back { margin-bottom: 24px; }
.hrk-site.hrk-v6 .hrk-service-hero h1 {
	font-size: clamp(48px, 5.8vw, 80px);
	font-weight: 600; line-height: 1.04; max-width: 1080px;
}
.hrk-site.hrk-v6 .complete-hero .hrk-lead,
.hrk-site.hrk-v6 .hrk-service-hero .hrk-lead {
	font-size: clamp(17px, 1.5vw, 20px); line-height: 1.65;
	max-width: 62ch; margin-block: 20px 24px;
}
.hrk-site.hrk-v6 .hrk-service-hero .hrk-button { margin-top: 0; }
.hrk-site.hrk-v6 .source-section { max-width: 1200px; }
.hrk-site.hrk-v6 .hrk-service-intro { padding-block: 28px 36px; }
.hrk-site.hrk-v6 .hrk-service-intro-grid {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
	gap: clamp(28px, 4vw, 56px);
}
.hrk-site.hrk-v6 .hrk-service-intro-single .hrk-service-intro-grid {
	grid-template-columns: minmax(0, 1fr);
}
.hrk-site.hrk-v6 .hrk-service-intro p,
.hrk-site.hrk-v6 .source-section p {
	font-size: 16px; line-height: 1.75; max-width: 72ch;
}
.hrk-site.hrk-v6 .source-section > h2 { font-size: clamp(32px, 3.4vw, 46px); }
.hrk-site.hrk-v6 .source-scope { gap: 28px 48px; margin-block: 28px 0; }
.hrk-site.hrk-v6 .source-scope article { border: 0; padding: 0; }
.hrk-site.hrk-v6 .source-scope .complete-number { margin-bottom: 10px; }
.hrk-site.hrk-v6 .source-scope h3 { font-size: 27px; line-height: 1.22; }

/* Ta sama hierarchia co home: jedna główna usługa, cztery uzupełniające. */
.hrk-site.hrk-v6 .complete-offer { padding-top: 28px; }
.hrk-site.hrk-v6 .complete-offer > p { margin: 0 0 24px; color: var(--muted); }
.hrk-site.hrk-v6 .complete-offer-grid {
	display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px 48px;
}
.hrk-site.hrk-v6 .complete-offer-row {
	border: 0; margin: 0; padding: 24px 0;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 12px 20px; align-items: start;
}
.hrk-site.hrk-v6 .complete-offer-row .complete-number { margin: 7px 0 0; }
.hrk-site.hrk-v6 .complete-offer-row h2 { font-size: clamp(30px, 3vw, 40px); line-height: 1.1; }
.hrk-site.hrk-v6 .complete-offer-row p:not(.hrk-eyebrow) { margin-top: 16px; line-height: 1.75; }
.hrk-site.hrk-v6 .complete-offer-row > a {
	grid-column: 2; justify-self: start; align-self: end;
	margin: 8px 0 0; min-height: 44px; white-space: normal;
}
.hrk-site.hrk-v6 .complete-offer-featured {
	grid-column: 1 / -1; grid-template-columns: 32px minmax(0, 1fr) auto;
	align-items: center; padding: clamp(28px, 4vw, 48px);
	border-radius: 16px; background: var(--white);
	box-shadow: 0 16px 46px rgba(92,26,39,.09);
}
.hrk-site.hrk-v6 .complete-offer-featured h2 { font-size: clamp(38px, 4vw, 56px); }
.hrk-site.hrk-v6 .complete-offer-featured > a {
	grid-column: 3; align-self: center; margin: 0 0 0 24px;
	padding: 14px 24px; border: 0; border-radius: 8px;
	background: var(--accent); color: var(--on-accent);
}
.hrk-site.hrk-v6 .complete-offer-featured > a:hover { background: var(--accent-hover); }
.hrk-site.hrk-v6 .complete-offer-card { grid-template-rows: auto 1fr; }
.hrk-site.hrk-v6 .complete-offer-card > .complete-number { grid-row: 1 / 3; }

/* Opinie: oryginalne cytaty i dokumenty, bez wielokrotnych nagłówków i linii. */
.hrk-site.hrk-v6 .complete-references { padding-block: 12px var(--sec); }
.hrk-site.hrk-v6 .complete-reference { border: 0; padding-block: 32px; }
.hrk-site.hrk-v6 .complete-reference blockquote {
	font-size: clamp(28px, 3vw, 42px); line-height: 1.28;
	letter-spacing: -0.012em; max-width: 44ch;
}
.hrk-site.hrk-v6 .complete-reference > div { margin-top: 24px; }
.hrk-site.hrk-v6 .complete-signup {
	max-width: 720px; margin-inline: auto; padding: 28px;
	border-radius: 16px; background: var(--white);
}
.hrk-site.hrk-v6 .complete-signup .hrk-newsletter-embed { max-width: 100%; }
.hrk-site.hrk-v6 .hrk-related a { border: 0; min-height: 44px; }
.hrk-site.hrk-v6 .v6-featured-detail { border: 0; }

@media (min-width: 768px) and (max-width: 782px) {
	.admin-bar.hrk-site.hrk-v6 { --hrk-header-offset: 140px; }
}
@media (max-width: 767px) {
	.hrk-site.hrk-v6 { --hrk-header-offset: 75px; }
	.admin-bar.hrk-site.hrk-v6 { --hrk-header-offset: 121px; }
	.hrk-site.hrk-v6 .complete-hero:not(.complete-hero-photo),
	.hrk-site.hrk-v6 .hrk-service-hero { padding-block: 28px 16px; }
	.hrk-site.hrk-v6 .hrk-service-hero h1 { font-size: clamp(36px, 9vw, 48px); }
	.hrk-site.hrk-v6 .hrk-back { margin-bottom: 18px; }
	.hrk-site.hrk-v6 .hrk-service-intro-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
	.hrk-site.hrk-v6 .source-scope { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.hrk-site.hrk-v6 .source-scope h3 { font-size: 25px; }
	.hrk-site.hrk-v6 .complete-offer-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.hrk-site.hrk-v6 .complete-offer-row { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.hrk-site.hrk-v6 .complete-offer-row > a { grid-column: 1; margin: 0; }
	.hrk-site.hrk-v6 .complete-offer-featured { padding: 28px 24px; }
	.hrk-site.hrk-v6 .complete-offer-featured > a { margin-top: 8px; }
	.hrk-site.hrk-v6 .complete-reference { padding-block: 24px; }
	.hrk-site.hrk-v6 .complete-signup { padding: 20px; }
}
@media (max-width: 600px) {
	.admin-bar.hrk-site.hrk-v6 { --hrk-header-offset: 75px; }
}

/* 1.4.8, Codex: interactive offer and readable service modules.
   Reference: iMNowak's cards, adapted to HRKariera's existing light/red identity.
   Native details work without JS; only actual links receive hover/click affordances.
   DESIGN_VARIANCE 5, MOTION_INTENSITY 2, VISUAL_DENSITY 5.
   Scoped to subpages: no shop, blog, home or integration changes. */
.hrk-site.hrk-v6.hrk-subpage {
	--hrk-card: #faf7f7;
	--hrk-card-hover: #f5eded;
	--hrk-section-space: clamp(28px, 3.4vw, 44px);
}
.hrk-subpage #main { width: 100%; max-width: none; margin: 0; padding: 0; }
.hrk-site.hrk-v6.hrk-subpage .source-section,
.hrk-site.hrk-v6.hrk-subpage .complete-options,
.hrk-site.hrk-v6.hrk-subpage .hrk-contact {
	padding-block: var(--hrk-section-space);
}
.hrk-site.hrk-v6.hrk-subpage .source-section > :last-child,
.hrk-site.hrk-v6.hrk-subpage .source-section > div > :last-child {
	margin-bottom: 0;
}
.hrk-site.hrk-v6.hrk-subpage .source-section > h2 {
	margin-bottom: 24px; max-width: 32ch;
}
.hrk-site.hrk-v6.hrk-subpage .source-section > h3 {
	font: 600 20px/1.4 Manrope, Arial, sans-serif;
	letter-spacing: -.025em;
}
.hrk-site.hrk-v6.hrk-subpage .source-scope + :is(p, h3) { margin-top: 28px; }
.hrk-site.hrk-v6.hrk-subpage .source-section > h3 + p { margin-top: 12px; }
.hrk-site.hrk-v6.hrk-subpage .complete-hero h1 + .hrk-button,
.hrk-site.hrk-v6.hrk-subpage .hrk-page-actions { margin-top: 28px; }
.hrk-site.hrk-v6.hrk-subpage .hrk-page-actions {
	display: flex; flex-wrap: wrap; gap: 16px; align-items: center;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-page-actions .hrk-text-link { min-height: 48px; }

/* Service catalogue: one featured service, four clear paths. */
.hrk-site.hrk-v6.hrk-subpage .complete-offer-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;
}
.hrk-site.hrk-v6.hrk-subpage .complete-offer-row {
	position: relative; display: flex; flex-direction: column; align-items: stretch;
	gap: 22px; min-width: 0; padding: 30px; border: 0; border-radius: 20px;
	background: var(--hrk-card); box-shadow: none; isolation: isolate;
}
.hrk-site.hrk-v6.hrk-subpage .complete-offer-row .complete-number { display: none; }
.hrk-site.hrk-v6.hrk-subpage .complete-offer-row h2 {
	font: 600 clamp(22px, 2vw, 28px)/1.25 Manrope, Arial, sans-serif;
	letter-spacing: -.035em; max-width: none;
}
.hrk-site.hrk-v6.hrk-subpage .complete-offer-row p:not(.hrk-eyebrow) {
	font-size: 15px; line-height: 1.75; margin: 18px 0 0; max-width: 58ch;
}
.hrk-site.hrk-v6.hrk-subpage .complete-offer-row > a {
	align-self: flex-start; margin: auto 0 0; padding: 12px 18px;
	border: 0; border-radius: 8px; background: #fff; color: var(--accent);
	font: 700 13px/1.5 Manrope, Arial, sans-serif; min-height: 44px;
}
.hrk-site.hrk-v6.hrk-subpage .complete-offer-featured { grid-column: span 2; padding: 36px; }
.hrk-site.hrk-v6.hrk-subpage .complete-offer-featured h2 {
	font-family: Cormorant, Georgia, serif; font-size: clamp(40px, 4vw, 56px);
	font-weight: 600; line-height: 1.08; letter-spacing: -.04em;
}
.hrk-site.hrk-v6.hrk-subpage .complete-offer-featured > a {
	background: var(--accent); color: #fff;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-card-link::after {
	content: ''; position: absolute; inset: 0; border-radius: 20px;
}
.hrk-site.hrk-v6.hrk-subpage .complete-offer-row:focus-within {
	outline: 2px solid var(--accent); outline-offset: 4px;
}

/* Scope items and benefits form contained modules, with no pretend links. */
.hrk-site.hrk-v6.hrk-subpage .source-scope {
	grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;
	margin-block: 24px 0; align-items: stretch;
}
.hrk-site.hrk-v6.hrk-subpage .source-scope > article {
	padding: 24px 28px; border: 0; border-radius: 16px;
	background: var(--hrk-card); min-width: 0;
}
.hrk-site.hrk-v6.hrk-subpage .source-scope > article .complete-number { display: none; }
.hrk-site.hrk-v6.hrk-subpage .source-scope h3 {
	font: 600 19px/1.45 Manrope, Arial, sans-serif;
	letter-spacing: -.025em; max-width: none; margin: 0;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-service-page .source-list {
	display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
	list-style: none; padding: 0; margin: 24px 0 0; max-width: none;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-service-page .source-list > li {
	margin: 0; padding: 20px 24px; border-radius: 14px;
	background: var(--hrk-card); font: 500 16px/1.65 Manrope, Arial, sans-serif;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-service-page .source-list + p { margin-top: 24px; }
.hrk-site.hrk-v6.hrk-subpage .hrk-service-intro-single .hrk-service-intro-grid { gap: 20px; }
.hrk-site.hrk-v6.hrk-subpage .hrk-service-intro-single h2 { font-size: 34px; }

/* Short in-page navigation, genuine section links, no sticky scrolling trap. */
.hrk-site.hrk-v6.hrk-subpage .hrk-section-nav {
	display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-section-nav a {
	display: flex; align-items: center; min-height: 44px; padding: 10px 16px;
	border-radius: 8px; background: var(--hrk-card); color: var(--ink);
	font: 600 13px/1.5 Manrope, Arial, sans-serif; text-decoration: none;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-section-nav a:focus-visible,
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card summary:focus-visible {
	outline: 2px solid var(--accent); outline-offset: 4px;
}

/* Salary process: real disclosures; full source text remains in the DOM. */
.hrk-site.hrk-v6.hrk-subpage .hrk-steps { align-items: start; }
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card {
	padding: 0; border: 0; border-radius: 16px; background: var(--hrk-card);
	min-width: 0; overflow: visible;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card summary {
	display: grid; grid-template-columns: 32px minmax(0, 1fr) 20px;
	align-items: center; gap: 14px; list-style: none; cursor: pointer;
	padding: 26px; min-height: 100px; border-radius: inherit;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card summary::-webkit-details-marker { display: none; }
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card summary::after {
	content: '+'; font: 400 26px/1 Manrope, Arial, sans-serif;
	color: var(--accent); text-align: center;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card[open] summary::after { content: '−'; }
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card summary .complete-number {
	display: block; margin: 0; font: 700 13px/1.4 Manrope, Arial, sans-serif;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card > p {
	padding: 0 26px 26px 72px; margin: 0; font-size: 15px;
	line-height: 1.75; color: var(--muted); max-width: none;
}

/* Related service links are clickable cards rather than bare text. */
.hrk-site.hrk-v6.hrk-subpage .hrk-related { padding-block: var(--hrk-section-space); }
.hrk-site.hrk-v6.hrk-subpage .hrk-related > div {
	grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-related a {
	padding: 24px; border: 0; border-radius: 16px; background: var(--hrk-card);
	font: 600 17px/1.5 Manrope, Arial, sans-serif; align-items: center;
}
.hrk-site.hrk-v6.hrk-subpage .complete-two { gap: 20px; }
.hrk-site.hrk-v6.hrk-subpage .complete-two > article {
	background: var(--hrk-card); border: 0; border-radius: 20px; padding: 32px;
}
.hrk-site.hrk-v6.hrk-subpage .complete-two > article h3 {
	font: 600 26px/1.3 Manrope, Arial, sans-serif; letter-spacing: -.03em;
}
.hrk-site.hrk-v6.hrk-subpage .complete-two > article .hrk-button { margin-top: auto; }

/* Newsletter: title and form share a single reading axis. */
.hrk-site.hrk-v6.hrk-subpage .hrk-newsletter-page > section { max-width: 720px; }
.hrk-site.hrk-v6.hrk-subpage .hrk-newsletter-page #zapis { padding-block: 8px 48px; }
.hrk-site.hrk-v6.hrk-subpage .hrk-newsletter-page .complete-signup {
	background: var(--hrk-card); margin: 0; padding: 28px;
}
@media (hover: hover) {
	.hrk-site.hrk-v6.hrk-subpage .complete-offer-row:hover,
	.hrk-site.hrk-v6.hrk-subpage .hrk-related a:hover,
	.hrk-site.hrk-v6.hrk-subpage .hrk-section-nav a:hover,
	.hrk-site.hrk-v6.hrk-subpage .hrk-step-card summary:hover { background: var(--hrk-card-hover); }
}
@media (prefers-reduced-motion: no-preference) {
	.hrk-site.hrk-v6.hrk-subpage .complete-offer-row { transition: transform .18s ease; }
	.hrk-site.hrk-v6.hrk-subpage .complete-offer-row:hover { transform: translateY(-3px); }
}
@media (min-width: 768px) and (max-width: 1050px) {
	.hrk-site.hrk-v6.hrk-subpage .complete-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hrk-site.hrk-v6.hrk-subpage .complete-offer-featured { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
	.hrk-site.hrk-v6.hrk-subpage { --hrk-section-space: 28px; }
	.hrk-site.hrk-v6.hrk-subpage .complete-offer-grid,
	.hrk-site.hrk-v6.hrk-subpage .source-scope,
	.hrk-site.hrk-v6.hrk-subpage .hrk-service-page .source-list,
	.hrk-site.hrk-v6.hrk-subpage .hrk-related > div { grid-template-columns: minmax(0, 1fr); }
	.hrk-site.hrk-v6.hrk-subpage .complete-offer-featured { grid-column: auto; }
	.hrk-site.hrk-v6.hrk-subpage .complete-offer-row,
	.hrk-site.hrk-v6.hrk-subpage .complete-two > article { padding: 26px; }
	.hrk-site.hrk-v6.hrk-subpage .source-scope > article { padding: 22px; }
	.hrk-site.hrk-v6.hrk-subpage .hrk-step-card summary { padding: 22px; gap: 10px; }
	.hrk-site.hrk-v6.hrk-subpage .hrk-step-card > p { padding: 0 22px 24px; }
	.hrk-site.hrk-v6.hrk-subpage .hrk-section-nav { gap: 8px; margin-top: 24px; }
	.hrk-site.hrk-v6.hrk-subpage .hrk-section-nav a { flex: 1 1 auto; font-size: 12px; }
}
/* Keep every quote in the same grid cell so rotation never moves the next section.
   visibility:hidden also removes inactive links from keyboard and accessibility trees. */
.hrk-site.hrk-v6 .v6-quotes {
  display: grid;
}
.hrk-site.hrk-v6 .v6-quotes > .v2-quote-slide {
  grid-area: 1 / 1;
  align-self: start;
}
.hrk-site.hrk-v6 .v6-quotes > .v2-quote-slide[hidden] {
  display: block !important;
  visibility: hidden;
  pointer-events: none;
}
.hrk-site.hrk-v6 .v6-quote-controls button {
  white-space: nowrap;
  min-height: 44px;
  flex-shrink: 0;
}
@media (max-width: 440px) {
  .hrk-site.hrk-v6 .v6-quote-controls { gap: 8px; }
  .hrk-site.hrk-v6 .v6-quote-controls button {
    padding-inline: 12px;
    font-size: 12px;
    letter-spacing: 0;
  }
}

/* 1.4.10, Codex. iMNowak card composition, adapted to HRKariera.
   DESIGN_VARIANCE 5 / MOTION_INTENSITY 2 / VISUAL_DENSITY 5.
   One shared visual language for home, catalogue and service scopes.
   Flat white page; tinted cards, Tabler outline icons, sans-serif card titles.
   No JS, nested links, cosmetic dividers, or changes to source copy. */
.hrk-site.hrk-v6 {
  --hrk-tile-surface: #f7f5f5;
  --hrk-tile-feature: #f7edef;
  --hrk-tile-text: #635a5d;
}
.hrk-site.hrk-v6 .hrk-service-tiles,
.hrk-site.hrk-v6.hrk-subpage .complete-offer-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;
  align-items: stretch;
}
.hrk-site.hrk-v6 .hrk-service-tile,
.hrk-site.hrk-v6.hrk-subpage .complete-offer-row {
  position: relative; isolation: isolate; display: flex; flex-direction: column;
  align-items: flex-start; gap: 0; min-width: 0; min-height: 326px;
  margin: 0; padding: clamp(26px, 2.8vw, 36px); border: 0; border-radius: 24px;
  background: var(--hrk-tile-surface); box-shadow: none;
}
.hrk-site.hrk-v6 .hrk-service-tile-featured,
.hrk-site.hrk-v6.hrk-subpage .complete-offer-featured {
  grid-column: span 2; background: var(--hrk-tile-feature);
}
.hrk-site.hrk-v6 .hrk-tile-icon {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto; width: 34px; height: 34px; margin: 0 0 28px;
  color: var(--accent); line-height: 1;
}
.hrk-site.hrk-v6 .hrk-tile-icon svg {
  display: block; width: 32px; height: 32px; stroke-width: 1.5;
}
.hrk-site.hrk-v6 .hrk-tile-copy { width: 100%; }
.hrk-site.hrk-v6 .hrk-service-tile h3,
.hrk-site.hrk-v6.hrk-subpage .complete-offer-row h2 {
  font: 600 clamp(23px, 2.1vw, 29px)/1.25 Manrope, Arial, sans-serif;
  letter-spacing: -.045em; margin: 0; max-width: 26ch;
  overflow-wrap: normal; word-break: normal; hyphens: none;
}
.hrk-site.hrk-v6 .hrk-service-tile-featured h3,
.hrk-site.hrk-v6.hrk-subpage .complete-offer-featured h2 {
  font-size: clamp(30px, 3.3vw, 42px); line-height: 1.16;
}
.hrk-site.hrk-v6 .hrk-service-tile p:not(.hrk-eyebrow),
.hrk-site.hrk-v6.hrk-subpage .complete-offer-row p:not(.hrk-eyebrow) {
  font: 400 15px/1.75 Manrope, Arial, sans-serif; color: var(--hrk-tile-text);
  margin: 18px 0 0; max-width: 56ch;
}
.hrk-site.hrk-v6 .hrk-service-tile .hrk-eyebrow {
  font: 600 12px/1.5 Manrope, Arial, sans-serif; letter-spacing: .04em;
  margin: -8px 0 12px;
}
.hrk-site.hrk-v6 .hrk-tile-scope { margin: 22px 0 0; }
.hrk-site.hrk-v6 .hrk-tile-scope ul {
  display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0;
}
.hrk-site.hrk-v6 .hrk-tile-scope li {
  padding: 7px 12px; margin: 0; border-radius: 8px; background: #fff;
  font: 500 12px/1.6 Manrope, Arial, sans-serif; color: var(--ink);
}
.hrk-site.hrk-v6 .hrk-service-tile .hrk-tile-cta,
.hrk-site.hrk-v6.hrk-subpage .complete-offer-row > a {
  display: inline-flex; align-items: center; justify-content: flex-start;
  align-self: flex-start; width: auto; min-height: 44px;
  margin: auto 0 0; padding: 28px 0 0; border: 0; border-radius: 0;
  color: var(--accent); background: transparent;
  font: 700 13px/1.5 Manrope, Arial, sans-serif; letter-spacing: 0;
  text-decoration: none; box-shadow: none;
}
.hrk-site.hrk-v6 .hrk-service-tile .hrk-card-link::after,
.hrk-site.hrk-v6.hrk-subpage .complete-offer-row .hrk-card-link::after {
  content: ''; display: block; position: absolute; inset: 0; border-radius: 24px;
}
.hrk-site.hrk-v6 .hrk-service-tile:focus-within,
.hrk-site.hrk-v6.hrk-subpage .complete-offer-row:focus-within {
  outline: 2px solid var(--accent); outline-offset: 4px;
}
.hrk-site.hrk-v6 .hrk-service-tile .v6-service-figure { width: 100%; margin: 24px 0; }
.hrk-site.hrk-v6 .hrk-service-tile .v6-service-figure img {
  width: 100%; height: auto; border-radius: 12px;
}
/* Card-sized headings and a generous click target on real links only. */
.hrk-site.hrk-v6.hrk-subpage .source-scope { gap: 16px; }
.hrk-site.hrk-v6.hrk-subpage .source-scope > article {
  display: flex; flex-direction: column; min-height: 156px;
  padding: 26px; border: 0; border-radius: 20px; background: var(--hrk-tile-surface);
}
.hrk-site.hrk-v6.hrk-subpage .source-scope > article .hrk-tile-icon {
  margin-bottom: 20px; width: 28px; height: 28px;
}
.hrk-site.hrk-v6.hrk-subpage .source-scope > article .hrk-tile-icon svg { width: 28px; height: 28px; }
.hrk-site.hrk-v6.hrk-subpage .source-scope > article h3 {
  font: 600 18px/1.45 Manrope, Arial, sans-serif; letter-spacing: -.025em;
  max-width: 32ch;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card {
  background: var(--hrk-tile-surface); border-radius: 20px;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card[open] { background: var(--hrk-tile-feature); }
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card summary {
  min-height: 120px; border-radius: inherit;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card[open] summary {
  border-bottom-left-radius: 0; border-bottom-right-radius: 0;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-step-card summary .complete-number {
  width: 34px; height: 34px; display: grid; place-items: center;
  border-radius: 10px; background: #fff; color: var(--accent);
}
.hrk-site.hrk-v6.hrk-subpage .hrk-service-page .source-list > li {
  background: var(--hrk-tile-surface); border-radius: 16px;
}
.hrk-site.hrk-v6.hrk-subpage .hrk-related a {
  background: var(--hrk-tile-surface); border-radius: 20px; padding: 28px;
}
/* Editorial links follow the catalogue's compact, sans-serif card typography. */
.hrk-site.hrk-v6 .v6-articles > a {
  background: var(--hrk-tile-surface); border: 0; border-radius: 24px;
  box-shadow: none; padding: 32px;
}
.hrk-site.hrk-v6 .v6-articles h3 {
  font: 600 clamp(23px, 2.1vw, 29px)/1.3 Manrope, Arial, sans-serif;
  letter-spacing: -.035em;
}
@media (hover: hover) {
  .hrk-site.hrk-v6 .hrk-service-tile:hover,
  .hrk-site.hrk-v6.hrk-subpage .complete-offer-row:hover {
    background: #f1e9eb; box-shadow: 0 10px 24px rgba(92,26,39,.05);
  }
  .hrk-site.hrk-v6 .hrk-service-tile:hover .hrk-tile-cta,
  .hrk-site.hrk-v6.hrk-subpage .complete-offer-row:hover > a {
    text-decoration: underline; text-underline-offset: 5px;
  }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .hrk-site.hrk-v6 .hrk-service-tile,
  .hrk-site.hrk-v6.hrk-subpage .complete-offer-row { transition: transform .2s ease, background .2s ease; }
  .hrk-site.hrk-v6 .hrk-service-tile:hover,
  .hrk-site.hrk-v6.hrk-subpage .complete-offer-row:hover { transform: translateY(-3px); }
}
@media (min-width: 1150px) {
  .hrk-site.hrk-v6.hrk-subpage .source-scope:not(.hrk-steps) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 768px) and (max-width: 1050px) {
  .hrk-site.hrk-v6 .hrk-service-tiles,
  .hrk-site.hrk-v6.hrk-subpage .complete-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hrk-site.hrk-v6 .hrk-service-tile-featured,
  .hrk-site.hrk-v6.hrk-subpage .complete-offer-featured { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .hrk-site.hrk-v6 .hrk-service-tiles,
  .hrk-site.hrk-v6.hrk-subpage .complete-offer-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .hrk-site.hrk-v6 .hrk-service-tile,
  .hrk-site.hrk-v6.hrk-subpage .complete-offer-row {
    padding: 26px; min-height: 0; grid-column: auto;
  }
  .hrk-site.hrk-v6 .hrk-tile-icon { margin-bottom: 22px; }
  .hrk-site.hrk-v6 .hrk-service-tile h3,
  .hrk-site.hrk-v6.hrk-subpage .complete-offer-row h2 { font-size: 24px; }
  .hrk-site.hrk-v6 .hrk-service-tile-featured h3,
  .hrk-site.hrk-v6.hrk-subpage .complete-offer-featured h2 { font-size: 32px; }
  .hrk-site.hrk-v6.hrk-subpage .source-scope > article { min-height: 0; padding: 24px; }
}

/* 1.4.11, Codex: the remaining seven pages use the same card system.
   DESIGN_VARIANCE 5 / MOTION_INTENSITY 2 / VISUAL_DENSITY 5.
   Editorial brand headlines stay; functional cards use Manrope. No new scripts,
   altered copy, form fields or routes. All rules remain inside the new views. */
.hrk-site.hrk-v6 .hrk-modern-page {
  --hrk-page-gap: clamp(28px, 3.4vw, 44px);
  width: 100%; max-width: none; margin: 0; padding: 0;
}
.hrk-site.hrk-v6 .hrk-modern-page .source-section,
.hrk-site.hrk-v6 .hrk-modern-page .hrk-updated-section,
.hrk-site.hrk-v6 .hrk-modern-page .hrk-contact {
  padding-block: var(--hrk-page-gap);
}
.hrk-site.hrk-v6 .hrk-modern-page .complete-hero-photo {
  padding-block: 36px 16px; gap: clamp(28px, 4.5vw, 60px);
}
.hrk-site.hrk-v6 .hrk-modern-page .complete-hero-photo h1 { max-width: 14ch; }
.hrk-site.hrk-v6 .hrk-modern-page .complete-hero-photo .hrk-lead {
  font-size: 18px; line-height: 1.7; max-width: 52ch;
}
.hrk-site.hrk-v6 .hrk-modern-page .complete-hero-photo figure { margin: 0; }
.hrk-site.hrk-v6 .hrk-modern-page .complete-hero-photo figure img {
  display: block; width: 100%; border-radius: 24px;
  height: clamp(360px, 38vw, 480px); object-fit: cover; object-position: center 20%;
}
.hrk-site.hrk-v6 .hrk-modern-page .complete-hero-photo figcaption {
  font: 400 12px/1.5 Manrope, Arial, sans-serif; color: var(--muted); margin-top: 12px;
}
/* Candidate paths keep their two source paragraphs; each service has a real link. */
.hrk-site.hrk-v6 .hrk-candidate-cards { display: block; margin: 24px 0; }
.hrk-site.hrk-v6 .hrk-candidate-cards .source-list {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px; list-style: none; padding: 0; margin: 0; max-width: none; width: 100%;
}
.hrk-site.hrk-v6 .hrk-candidate-cards .source-list + .source-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 16px;
}
.hrk-site.hrk-v6 .hrk-candidate-cards li {
  position: relative; display: flex; flex-direction: column; align-items: flex-start;
  min-width: 0; padding: 30px; margin: 0; border: 0; border-radius: 24px;
  background: var(--hrk-tile-surface);
}
.hrk-site.hrk-v6 .hrk-candidate-cards li::before { content: none; }
.hrk-site.hrk-v6 .hrk-candidate-cards li > a {
  font: 600 23px/1.35 Manrope, Arial, sans-serif; color: var(--ink);
  letter-spacing: -.035em; text-decoration: none; margin-top: auto;
}
.hrk-site.hrk-v6 .hrk-candidate-cards .hrk-card-link::after,
.hrk-site.hrk-v6 .hrk-booking-shop .hrk-card-link::after {
  content: ''; position: absolute; inset: 0; border-radius: 24px;
}
.hrk-site.hrk-v6 .hrk-candidate-cards li:focus-within,
.hrk-site.hrk-v6 .hrk-booking-shop:focus-within {
  outline: 2px solid var(--accent); outline-offset: 4px;
}
.hrk-site.hrk-v6 .hrk-candidates-page .source-actions { margin-top: 24px; }
/* Book covers remain real WooCommerce images with their own existing links. */
.hrk-site.hrk-v6 .hrk-updated-grid > article {
  padding: 24px; border: 0; border-radius: 24px;
  background: var(--hrk-tile-surface); box-shadow: none; gap: 18px;
}
.hrk-site.hrk-v6 .hrk-updated-grid > article .brief-number { display: none; }
.hrk-site.hrk-v6 .hrk-updated-grid > article h3 {
  font: 600 24px/1.35 Manrope, Arial, sans-serif; letter-spacing: -.035em;
}
.hrk-site.hrk-v6 .hrk-updated-grid > article .hrk-product-cover {
  background: #fff; padding: 16px; border-radius: 16px; overflow: hidden;
}
.hrk-site.hrk-v6 .hrk-updated-grid > article .hrk-product-cover-image {
  height: 220px; object-fit: contain;
}
.hrk-site.hrk-v6 .hrk-updated-grid > article .hrk-button {
  padding: 14px 18px; font-size: 13px; margin-top: auto;
}
/* About: source paragraphs become three compact modules, never invented claims. */
.hrk-site.hrk-v6 .hrk-story-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;
}
.hrk-site.hrk-v6 .hrk-story-card {
  padding: 30px; border-radius: 24px; background: var(--hrk-tile-surface); min-width: 0;
}
.hrk-site.hrk-v6 .hrk-story-card:last-child { background: var(--hrk-tile-feature); }
.hrk-site.hrk-v6 .hrk-story-card p { margin: 0; font-size: 16px; line-height: 1.75; }
.hrk-site.hrk-v6 .hrk-story-grid + a { margin-top: 24px; }
/* References: readable equal cards; company, original quotation, author, document. */
.hrk-site.hrk-v6 .hrk-references-page .complete-references {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;
  padding-block: 12px var(--hrk-page-gap);
}
.hrk-site.hrk-v6 .hrk-references-page .complete-reference {
  display: flex; flex-direction: column; align-items: flex-start; min-width: 0;
  padding: clamp(26px, 3.1vw, 40px); border-radius: 24px;
  background: var(--hrk-tile-surface); border: 0;
}
.hrk-site.hrk-v6 .hrk-references-page .complete-reference:first-child {
  background: var(--hrk-tile-feature);
}
.hrk-site.hrk-v6 .hrk-references-page .complete-reference .hrk-eyebrow {
  font: 700 13px/1.5 Manrope, Arial, sans-serif; letter-spacing: 0; margin: 0 0 26px;
}
.hrk-site.hrk-v6 .hrk-references-page .complete-reference blockquote {
  padding: 0; border: 0; margin: 0 0 32px; color: var(--ink);
  font: 500 clamp(22px, 2.1vw, 27px)/1.45 Manrope, Arial, sans-serif;
  letter-spacing: -.035em;
}
.hrk-site.hrk-v6 .hrk-references-page .complete-reference > div {
  display: flex; flex-direction: column; align-items: flex-start; gap: 20px;
  margin-top: auto; width: 100%;
}
.hrk-site.hrk-v6 .hrk-references-page .complete-reference > div p { margin: 0; }
.hrk-site.hrk-v6 .hrk-references-page .complete-reference .hrk-text-link {
  min-height: 44px; padding: 12px 0 0; border: 0; font-size: 13px;
}
/* Reservation has two concrete destinations, no fake calendar or success state. */
.hrk-site.hrk-v6 .hrk-booking-options {
  display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 20px; padding-top: 8px;
}
.hrk-site.hrk-v6 .hrk-booking-card {
  display: flex; flex-direction: column; align-items: flex-start; min-width: 0;
  position: relative; padding: 36px; border-radius: 24px;
  background: var(--hrk-tile-feature);
}
.hrk-site.hrk-v6 .hrk-booking-card > p { font-size: 15px; margin: 24px 0 0; max-width: 55ch; }
.hrk-site.hrk-v6 .hrk-booking-shop { background: var(--hrk-tile-surface); }
.hrk-site.hrk-v6 .hrk-booking-shop .hrk-text-link {
  font: 600 26px/1.35 Manrope, Arial, sans-serif; letter-spacing: -.035em;
  margin-top: auto; border: 0; max-width: 22ch; padding: 0;
}
/* Newsletter: short page, one real form, no made-up benefit or lead magnet. */
.hrk-site.hrk-v6 .hrk-newsletter-layout {
  display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(32px, 6vw, 80px); align-items: start; padding-block: 48px 64px;
}
.hrk-site.hrk-v6 .hrk-newsletter-layout .complete-hero,
.hrk-site.hrk-v6 .hrk-newsletter-layout #zapis { padding: 0; margin: 0; min-width: 0; }
.hrk-site.hrk-v6.hrk-subpage .hrk-newsletter-page .complete-signup {
  padding: 36px; margin: 0; width: 100%; max-width: none;
  border-radius: 24px; background: var(--hrk-tile-surface);
}
.hrk-site.hrk-v6 .hrk-newsletter-layout .complete-small { margin: 24px 0 0; }
.hrk-site.hrk-v6 .hrk-newsletter-layout .complete-small a {
  text-decoration: underline; text-underline-offset: 4px;
}
/* Shared conversion surfaces: same radius and neutral colour on every new page. */
.hrk-site.hrk-v6 .hrk-form-wrap,
.hrk-site.hrk-v6 .complete-newsletter .hrk-newsletter-embed {
  border: 0; border-radius: 24px; background: var(--hrk-tile-surface); padding: 32px;
}
.hrk-site.hrk-v6 .hrk-modern-page .hrk-contact-grid { gap: 32px; }
.hrk-site.hrk-v6 .hrk-contact-page .complete-hero { padding-bottom: 12px; }
.hrk-site.hrk-v6 .hrk-contact-routes { display: flex; gap: 14px; margin-top: 24px; }
.hrk-site.hrk-v6 .hrk-contact-routes > a {
  display: inline-flex; gap: 14px; align-items: center; justify-content: flex-start;
  padding: 18px 24px; border-radius: 16px; background: var(--hrk-tile-surface);
  color: var(--ink); border: 0; margin: 0; font: 600 15px/1.5 Manrope, Arial, sans-serif;
}
.hrk-site.hrk-v6 .hrk-contact-routes > a:first-child { background: var(--hrk-tile-feature); }
.hrk-site.hrk-v6 .hrk-contact-routes .hrk-tile-icon { margin: 0; width: 26px; height: 26px; }
.hrk-site.hrk-v6 .hrk-contact-routes .hrk-tile-icon svg { width: 26px; height: 26px; }
.hrk-site.hrk-v6 .hrk-contact-page .hrk-contact-grid > div:first-child {
  display: flex; flex-direction: column; align-items: flex-start;
  padding: 8px 24px 8px 0;
}
.hrk-site.hrk-v6 .hrk-contact-page .hrk-contact h2 { font-size: clamp(36px, 3.5vw, 48px); max-width: 20ch; }
/* Package: keep the source price and enquiry, place it next to the introduction. */
.hrk-site.hrk-v6 .hrk-package-intro {
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
  gap: 40px; align-items: start; padding-block: 36px 20px;
}
.hrk-site.hrk-v6 .hrk-package-intro .complete-hero { padding: 0; margin: 0; min-width: 0; }
.hrk-site.hrk-v6 .hrk-package-intro .complete-hero h1 { font-size: clamp(44px, 5vw, 68px); max-width: 16ch; }
.hrk-site.hrk-v6 .hrk-package-intro .complete-package-summary {
  display: flex; flex-direction: column; gap: 22px; margin: 0;
  padding: 32px; background: var(--hrk-tile-feature); border-radius: 24px;
}
.hrk-site.hrk-v6 .hrk-package-intro .complete-package-summary h2 {
  font: 600 clamp(28px, 3vw, 40px)/1.2 Manrope, Arial, sans-serif;
  letter-spacing: -.035em; margin: 0;
}
.hrk-site.hrk-v6 .hrk-package-intro .complete-package-summary p { font-size: 15px; margin: 0 0 24px; }
.hrk-site.hrk-v6.hrk-subpage .hrk-package-page .source-scope {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.hrk-site.hrk-v6 .hrk-package-page .source-scope > article { grid-column: span 2; }
.hrk-site.hrk-v6 .hrk-package-page .source-scope > article:nth-child(-n+2) { grid-column: span 3; }
.hrk-site.hrk-v6 .hrk-booking-page .hrk-contact .hrk-eyebrow { display: none; }
@media (hover: hover) {
  .hrk-site.hrk-v6 .hrk-candidate-cards li:hover,
  .hrk-site.hrk-v6 .hrk-booking-shop:hover,
  .hrk-site.hrk-v6 .hrk-contact-routes > a:hover { background: #f1e9eb; }
  .hrk-site.hrk-v6 .hrk-candidate-cards li:hover > a,
  .hrk-site.hrk-v6 .hrk-booking-shop:hover > a { text-decoration: underline; text-underline-offset: 5px; }
  .hrk-site.hrk-v6 .hrk-updated-grid > article:hover { box-shadow: none; }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .hrk-site.hrk-v6 .hrk-candidate-cards li,
  .hrk-site.hrk-v6 .hrk-booking-shop { transition: background .2s ease, transform .2s ease; }
  .hrk-site.hrk-v6 .hrk-candidate-cards li:hover,
  .hrk-site.hrk-v6 .hrk-booking-shop:hover { transform: translateY(-3px); }
}
@media (max-width: 1100px) and (min-width: 768px) {
  .hrk-site.hrk-v6 .hrk-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hrk-site.hrk-v6 .hrk-story-card:last-child { grid-column: 1 / -1; }
  .hrk-site.hrk-v6 .hrk-candidate-cards .source-list { gap: 12px; }
  .hrk-site.hrk-v6 .hrk-candidate-cards li { padding: 24px; }
  .hrk-site.hrk-v6 .hrk-candidate-cards li > a { font-size: 20px; }
  .hrk-site.hrk-v6 .hrk-package-intro { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 28px; }
  .hrk-site.hrk-v6 .hrk-newsletter-layout { gap: 28px; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); }
  .hrk-site.hrk-v6 .hrk-newsletter-layout h1 { font-size: 56px; }
}
@media (max-width: 767px) {
  .hrk-site.hrk-v6 .hrk-modern-page { --hrk-page-gap: 32px; }
  .hrk-site.hrk-v6 .hrk-modern-page .complete-hero-photo { padding-block: 24px 4px; }
  .hrk-site.hrk-v6 .hrk-modern-page .complete-hero-photo .hrk-lead { font-size: 16px; }
  .hrk-site.hrk-v6 .hrk-modern-page .complete-hero-photo figure { margin-top: 28px; }
  .hrk-site.hrk-v6 .hrk-modern-page .complete-hero-photo figure img { height: clamp(320px, 90vw, 460px); }
  .hrk-site.hrk-v6 .hrk-candidate-cards .source-list,
  .hrk-site.hrk-v6 .hrk-candidate-cards .source-list + .source-list,
  .hrk-site.hrk-v6 .hrk-story-grid,
  .hrk-site.hrk-v6 .hrk-references-page .complete-references,
  .hrk-site.hrk-v6 .hrk-booking-options,
  .hrk-site.hrk-v6 .hrk-newsletter-layout,
  .hrk-site.hrk-v6 .hrk-package-intro,
  .hrk-site.hrk-v6.hrk-subpage .hrk-package-page .source-scope { grid-template-columns: minmax(0, 1fr); }
  .hrk-site.hrk-v6 .hrk-candidate-cards li,
  .hrk-site.hrk-v6 .hrk-story-card,
  .hrk-site.hrk-v6 .hrk-booking-card { padding: 26px; }
  .hrk-site.hrk-v6 .hrk-package-page .source-scope > article:nth-child(n) { grid-column: auto; }
  .hrk-site.hrk-v6 .hrk-newsletter-layout { padding-block: 28px 40px; gap: 28px; }
  .hrk-site.hrk-v6 .hrk-newsletter-layout .hrk-tile-icon { margin-bottom: 18px; }
  .hrk-site.hrk-v6.hrk-subpage .hrk-newsletter-page .complete-signup { padding: 24px; }
  .hrk-site.hrk-v6 .hrk-form-wrap,
  .hrk-site.hrk-v6 .complete-newsletter .hrk-newsletter-embed { padding: 24px; }
  .hrk-site.hrk-v6 .hrk-contact-routes { gap: 10px; flex-wrap: wrap; }
  .hrk-site.hrk-v6 .hrk-contact-routes > a { flex: 1 1 auto; padding: 16px; }
  .hrk-site.hrk-v6 .hrk-contact-page .hrk-contact-grid > div:first-child { padding: 0; }
  .hrk-site.hrk-v6 .hrk-contact-page .hrk-contact h2 { font-size: 36px; }
  .hrk-site.hrk-v6 .hrk-package-intro { padding-block: 28px 12px; gap: 28px; }
  .hrk-site.hrk-v6 .hrk-package-intro .complete-hero h1 { font-size: clamp(36px, 9vw, 48px); }
  .hrk-site.hrk-v6 .hrk-package-intro .complete-package-summary { padding: 26px; }
  .hrk-site.hrk-v6 .hrk-booking-options { padding-top: 8px; }
}

/* 1.5.1: approved portrait on the business overview, using the existing hero grid. */
.hrk-site.hrk-v6 .hrk-firms-hero { padding-block: 36px 16px; }
.hrk-site.hrk-v6 .hrk-firms-hero > div { min-width: 0; }
.hrk-site.hrk-v6 .hrk-firms-hero figure { margin: 0; }
.hrk-site.hrk-v6 .hrk-firms-hero figure img { display: block; width: 100%; height: clamp(360px, 38vw, 480px); object-fit: cover; object-position: center 20%; border-radius: 24px; }
.hrk-site.hrk-v6 .hrk-firms-hero figcaption { font: 400 12px/1.5 Manrope, Arial, sans-serif; color: var(--muted); margin-top: 12px; }
@media (max-width: 767px) {
 .hrk-site.hrk-v6 .hrk-firms-hero { padding-block: 24px 8px; }
 .hrk-site.hrk-v6 .hrk-firms-hero figure { margin-top: 28px; }
 .hrk-site.hrk-v6 .hrk-firms-hero figure img { height: auto; aspect-ratio: 3/4; max-height: 460px; }
}