/* Site-wide layout — How to Repel unified chrome */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root {
	--htr-primary: #0f6463;
	--htr-primary-dark: #0a4a49;
	--htr-accent: #1a7f7e;
	--htr-text: #1d1a16;
	--htr-bg: #f5f2eb;
	--htr-surface: #fcfbf8;
	--htr-border: rgba(15, 100, 99, 0.12);
	--htr-text-light: #8a7960;
	--htr-shadow-soft: 0 10px 30px rgba(15, 100, 99, 0.08);
	--htr-radius-lg: 18px;
	--htr-radius-pill: 999px;
	--htr-container: 1200px;
}

body.htr-unified-chrome {
	font-family: 'Poppins', 'Segoe UI', sans-serif !important;
	line-height: 1.65 !important;
	color: var(--htr-text) !important;
	background: var(--htr-bg) !important;
}

body.htr-unified-chrome a { color: var(--htr-accent); }
body.htr-unified-chrome a:hover { color: var(--htr-primary-dark); }

body.htr-unified-chrome #masthead,
body.htr-unified-chrome #ast-mobile-header,
body.htr-unified-chrome #colophon,
body.htr-unified-chrome .site-footer,
body.htr-unified-chrome .ast-footer-wrap {
	display: none !important;
}

.htr-nav {
	display: block !important;
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(252, 251, 248, 0.95);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(15, 100, 99, 0.08);
	padding: 0 !important;
}

.htr-nav-inner {
	width: min(var(--htr-container), calc(100% - 2rem));
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
	padding: 0.65rem 0;
	min-height: 68px;
}

.htr-logo { text-decoration: none; color: var(--htr-primary); white-space: nowrap; flex-shrink: 0; }

.htr-logo--brand {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	font-size: 0;
	line-height: 1;
	text-decoration: none !important;
}

.htr-logo-mark { display: block; width: 140px; height: 140px; object-fit: contain; flex-shrink: 0; transition: transform 0.2s ease; mix-blend-mode: multiply; margin: -30px -10px -30px -20px; }
.htr-logo--brand:hover .htr-logo-mark { transform: scale(1.05); }

.htr-logo-wordmark {
	font-family: 'Poppins', 'Segoe UI', sans-serif;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1;
	color: var(--htr-primary);
	letter-spacing: -0.02em;
}

.htr-logo-wordmark strong { font-weight: 700; }

.htr-nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	gap: 1.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.htr-nav-links li { list-style: none; margin: 0; padding: 0; }
.htr-nav-links a { text-decoration: none; color: var(--htr-text); font-weight: 500; }
.htr-nav-links a:hover { color: var(--htr-primary); }

.htr-nav-cta {
	flex-shrink: 0;
	margin-left: 1.25rem;
	display: inline-block !important;
	text-decoration: none !important;
	background: var(--htr-primary);
	color: #fff !important;
	padding: 0.8rem 1.3rem;
	border-radius: var(--htr-radius-pill);
	font-weight: 700;
}

.htr-nav-cta:hover { background: var(--htr-primary-dark); color: #fff !important; }

.htr-menu-toggle {
	display: none;
	border: 1px solid rgba(15, 100, 99, 0.14);
	background: #fff;
	color: var(--htr-primary);
	border-radius: 12px;
	padding: 0.7rem 0.9rem;
	font-weight: 700;
	cursor: pointer;
	margin-left: auto;
}

.htr-site-footer { background: var(--htr-text); color: #fff; padding: 4rem 0 2rem; margin-top: 3rem; }

.htr-site-footer .htr-footer-grid {
	width: min(var(--htr-container), calc(100% - 2rem));
	margin: 0 auto 2rem;
	display: grid;
	grid-template-columns: 1.3fr 1fr 1fr;
	gap: 2rem;
}

.htr-site-footer .htr-footer-brand-link { display: inline-flex; text-decoration: none; margin-bottom: 1rem; }
.htr-site-footer .htr-footer-brand-inner { display: inline-flex; align-items: center; gap: 0.65rem; }
.htr-site-footer .htr-logo-wordmark { color: #fff; }

.htr-site-footer .htr-footer-description {
	color: #d8d0c2;
	font-size: 0.9rem;
	line-height: 1.65;
	max-width: 320px;
	margin: 0;
}

.htr-site-footer h4 {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--htr-accent);
	margin: 0 0 1rem;
}

.htr-site-footer ul { list-style: none; margin: 0; padding: 0; }
.htr-site-footer ul li { margin-bottom: 0.5rem; }
.htr-site-footer a { color: #d8d0c2; text-decoration: none; }
.htr-site-footer a:hover { color: #fff; }

.htr-site-footer .htr-footer-bottom {
	width: min(var(--htr-container), calc(100% - 2rem));
	margin: 0 auto;
	padding-top: 1.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	text-align: center;
	color: #d8d0c2;
	font-size: 0.9rem;
}

body.htr-unified-chrome .site-content { padding-top: 1.5rem; padding-bottom: 2rem; }
body.htr-unified-chrome .ast-container { max-width: var(--htr-container) !important; }

body.htr-unified-chrome.archive .ast-archive-description,
body.htr-unified-chrome.author .ast-author-box.ast-archive-description,
body.htr-unified-chrome.category .ast-archive-description,
body.htr-unified-chrome.blog .ast-archive-description {
	background: var(--htr-surface);
	border: 1px solid var(--htr-border);
	border-radius: var(--htr-radius-lg);
	padding: 1.5rem 1.75rem;
	margin-bottom: 2rem;
	box-shadow: var(--htr-shadow-soft);
}

body.htr-unified-chrome.archive .ast-archive-description .ast-archive-title,
body.htr-unified-chrome.author .ast-author-box .ast-archive-title,
body.htr-unified-chrome.author .ast-author-box .page-title,
body.htr-unified-chrome.category .ast-archive-description .ast-archive-title,
body.htr-unified-chrome.blog .ast-archive-description .ast-archive-title {
	color: var(--htr-primary) !important;
	font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
	margin: 0 0 0.35rem !important;
}

body.htr-unified-chrome .rank-math-breadcrumb,
body.htr-unified-chrome nav[aria-label="Breadcrumbs"] { margin-bottom: 1rem; font-size: 0.85rem; }

body.htr-unified-chrome.archive #primary .ast-row,
body.htr-unified-chrome.author #primary .ast-row,
body.htr-unified-chrome.category #primary .ast-row,
body.htr-unified-chrome.blog #primary .ast-row,
body.htr-unified-chrome.home.blog #primary .ast-row {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1rem !important;
}

body.htr-unified-chrome.archive .ast-article-post,
body.htr-unified-chrome.author .ast-article-post,
body.htr-unified-chrome.category .ast-article-post,
body.htr-unified-chrome.blog .ast-article-post {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	background: var(--htr-surface) !important;
	border: 1px solid var(--htr-border) !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: var(--htr-shadow-soft) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
	display: flex !important;
	flex-direction: column !important;
}

body.htr-unified-chrome.archive .ast-article-post:hover,
body.htr-unified-chrome.author .ast-article-post:hover,
body.htr-unified-chrome.category .ast-article-post:hover,
body.htr-unified-chrome.blog .ast-article-post:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 32px rgba(15, 100, 99, 0.12) !important;
}

body.htr-unified-chrome .ast-article-inner { display: flex !important; flex-direction: column !important; height: 100% !important; }
body.htr-unified-chrome .ast-blog-featured-section { margin: 0 !important; order: -1; }

body.htr-unified-chrome .ast-blog-featured-section img {
	aspect-ratio: 16 / 9 !important;
	object-fit: cover !important;
	width: 100% !important;
	display: block !important;
}

body.htr-unified-chrome .ast-article-post .post-content {
	padding: 0.85rem 1rem 1.1rem !important;
	display: flex !important;
	flex-direction: column !important;
	flex: 1 !important;
}

body.htr-unified-chrome .ast-article-post .entry-title { margin: 0 0 0.35rem !important; font-size: 0.92rem !important; line-height: 1.4 !important; }
body.htr-unified-chrome .ast-article-post .entry-title a { color: var(--htr-text) !important; text-decoration: none !important; font-weight: 700 !important; }
body.htr-unified-chrome .ast-article-post .entry-title a:hover { color: var(--htr-primary) !important; }

body.htr-unified-chrome .ast-excerpt {
	font-size: 0.82rem !important;
	color: var(--htr-text-light) !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	margin-bottom: 0.5rem !important;
}

/* htr-archive-meta is now styled in archive-search.css — kept here for non-archive pages */
body.htr-unified-chrome:not(.archive):not(.category):not(.search):not(.blog) .htr-archive-meta { margin-top: auto !important; padding-top: 0.35rem; border-top: 1px solid var(--htr-border); }

body.htr-unified-chrome .htr-archive-cat {
	display: inline-block;
	background: #e8f4f3;
	color: var(--htr-accent) !important;
	font-weight: 600;
	font-size: 0.72rem;
	padding: 0.15rem 0.55rem;
	border-radius: var(--htr-radius-pill);
	text-decoration: none !important;
}

/* Author archive header — same card treatment as category archives */
body.htr-unified-chrome.author .ast-author-box.ast-archive-description {
	display: grid !important;
	grid-template-columns: 1fr auto;
	gap: 1.25rem 1.75rem;
	align-items: start;
}

body.htr-unified-chrome.author .ast-author-avatar img {
	width: 120px !important;
	height: 120px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	display: block !important;
}

body.htr-unified-chrome.author .ast-author-bio p {
	margin: 0.5rem 0 0 !important;
	color: var(--htr-text-light) !important;
	font-size: 0.95rem !important;
	line-height: 1.65 !important;
}

body.htr-unified-chrome.author .htr-archive-author {
	display: none !important;
}

body.htr-unified-chrome.archive .entry-header.ast-blog-meta-container,
body.htr-unified-chrome.author .entry-header.ast-blog-meta-container {
	display: none !important;
}

body.htr-unified-chrome .ast-taxonomy-container.cat-links {
	display: none !important;
}

body.htr-unified-chrome.single .site-content .ast-container { max-width: 900px !important; }
body.htr-unified-chrome.single .entry-content { max-width: 760px !important; margin: 0 auto !important; }

body.htr-unified-chrome.page .site-content { background: transparent; }

body.htr-unified-chrome.page .entry-content {
	background: var(--htr-surface);
	border: 1px solid var(--htr-border);
	border-radius: var(--htr-radius-lg);
	padding: 2rem 2.25rem;
	box-shadow: var(--htr-shadow-soft);
}

@media (max-width: 980px) {
	body.htr-unified-chrome.archive #primary .ast-row,
	body.htr-unified-chrome.author #primary .ast-row,
	body.htr-unified-chrome.category #primary .ast-row,
	body.htr-unified-chrome.blog #primary .ast-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.htr-site-footer .htr-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.htr-menu-toggle { display: inline-block; }
	.htr-nav-links { display: none; width: 100%; flex-direction: column; align-items: flex-start; padding: 0.75rem 0 0.25rem; }
	.htr-nav-links.open { display: flex; }
	.htr-nav-inner { flex-wrap: wrap; }
	body.htr-unified-chrome.archive #primary .ast-row,
	body.htr-unified-chrome.author #primary .ast-row,
	body.htr-unified-chrome.category #primary .ast-row,
	body.htr-unified-chrome.blog #primary .ast-row { grid-template-columns: 1fr !important; }
	.htr-site-footer .htr-footer-grid { grid-template-columns: 1fr; }
	body.htr-unified-chrome.page .entry-content { padding: 1.25rem 1rem; }
}