/*
Theme Name: AzureTracks
Theme URI: https://azuretracks.com/
Description: A focused Azure and Microsoft security publication theme for AzureTracks.
Author: AzureTracks
Template: twentytwentyfive
Version: 1.0.0
Text Domain: azuretracks
*/

:root {
	--at-shadow: 0 18px 45px rgba(11, 31, 58, 0.09);
	--at-shadow-small: 0 8px 24px rgba(11, 31, 58, 0.08);
}

html {
	scroll-behavior: smooth;
}

body {
	overflow-x: clip;
}

a {
	text-underline-offset: 0.17em;
}

.at-site-header {
	position: relative;
	z-index: 20;
	border-bottom: 1px solid var(--wp--preset--color--line);
	background: color-mix(in srgb, var(--wp--preset--color--base) 94%, transparent);
	backdrop-filter: blur(14px);
}

.at-brand .wp-block-site-title {
	margin: 0;
	font-size: clamp(2rem, 5vw, 3.35rem);
	font-weight: 760;
	letter-spacing: -0.055em;
	line-height: 0.95;
	white-space: nowrap;
}

.at-brand .wp-block-site-title a {
	text-decoration: none;
}

.at-brand .wp-block-site-tagline {
	max-width: 34rem;
	margin-top: 0.35rem;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.35;
}

.at-header-tools {
	min-width: 0;
}

.at-header-search {
	width: min(15rem, 100%);
}

.at-header-search .wp-block-search__inside-wrapper {
	border-color: var(--wp--preset--color--line);
	border-radius: 999px;
	background: var(--wp--preset--color--base);
}

.at-header-search .wp-block-search__input {
	min-width: 0;
}

.at-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 85% 15%, rgba(45, 204, 255, 0.22), transparent 33rem),
		linear-gradient(135deg, #07172d 0%, #0b2d55 58%, #064b74 100%);
}

.at-hero::after {
	position: absolute;
	right: -8rem;
	bottom: -14rem;
	width: 31rem;
	height: 31rem;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 50%;
	content: "";
}

.at-hero > .wp-block-group {
	position: relative;
	z-index: 1;
}

.at-kicker {
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.at-hero h1 {
	max-width: 16ch;
	text-wrap: balance;
}

.at-hero-copy {
	max-width: 67ch;
}

.at-section-heading {
	max-width: 26ch;
	text-wrap: balance;
}

.at-topic-card,
.at-post-card,
.at-series-card {
	height: 100%;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 18px;
	background: var(--wp--preset--color--base);
	box-shadow: var(--at-shadow-small);
	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.at-topic-card:hover,
.at-post-card:hover,
.at-series-card:hover {
	border-color: color-mix(in srgb, var(--wp--preset--color--azure) 40%, var(--wp--preset--color--line));
	box-shadow: var(--at-shadow);
	transform: translateY(-3px);
}

.at-topic-card h3,
.at-post-card h3,
.at-series-card h3 {
	text-wrap: balance;
}

.at-topic-card a,
.at-post-card h3 a,
.at-series-card a {
	text-decoration: none;
}

.at-topic-card a:hover,
.at-post-card h3 a:hover,
.at-series-card a:hover {
	text-decoration: underline;
}

.at-post-card {
	overflow: hidden;
}

.at-post-card .wp-block-post-featured-image {
	margin: 0;
}

.at-post-card .wp-block-post-featured-image img {
	width: 100%;
}

.at-post-card-content {
	padding: clamp(1.15rem, 3vw, 1.65rem);
}

.at-post-card .wp-block-post-excerpt__excerpt {
	color: var(--wp--preset--color--muted);
}

.at-post-card .wp-block-post-date,
.at-post-card .wp-block-post-terms {
	font-size: var(--wp--preset--font-size--small);
}

.at-series {
	background:
		linear-gradient(130deg, rgba(0, 120, 212, 0.08), rgba(45, 204, 255, 0.12)),
		var(--wp--preset--color--surface);
}

.at-article-header {
	max-width: 880px;
}

.at-article-header .wp-block-post-title {
	text-wrap: balance;
}

.at-article-meta {
	color: var(--wp--preset--color--muted);
}

.at-article-content {
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
	line-height: 1.75;
}

.at-article-content h2,
.at-article-content h3 {
	scroll-margin-top: 2rem;
	text-wrap: balance;
}

.at-article-content img {
	border-radius: 12px;
}

.at-article-content pre,
.at-article-content .wp-block-code {
	max-width: 100%;
	overflow-x: auto;
	border: 1px solid #274363;
	border-radius: 12px;
	background: #07172d;
	color: #f2f8ff;
}

.at-article-content code {
	font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
}

.at-article-content .wp-block-table {
	max-width: 100%;
	overflow-x: auto;
}

.at-article-content table {
	width: 100%;
	border-collapse: collapse;
}

.at-article-content th {
	background: var(--wp--preset--color--navy);
	color: #fff;
}

.at-article-content th,
.at-article-content td {
	padding: 0.75rem;
	border: 1px solid var(--wp--preset--color--line);
	text-align: left;
	vertical-align: top;
}

.at-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.at-footer a {
	color: inherit;
}

img,
svg,
video,
iframe {
	max-width: 100%;
}

ins.adsbygoogle {
	max-width: 100% !important;
	overflow: hidden;
}

@media (max-width: 900px) {
	.at-site-header-inner,
	.at-header-tools {
		align-items: flex-start !important;
	}

	.at-site-header-inner {
		gap: 1rem !important;
	}

	.at-header-tools {
		width: 100%;
		justify-content: space-between !important;
	}
}

@media (max-width: 600px) {
	.at-site-header {
		position: static;
	}

	.at-brand .wp-block-site-title {
		font-size: clamp(2.25rem, 12vw, 3rem);
	}

	.at-header-search {
		display: none;
	}

	.at-hero .wp-block-buttons {
		align-items: stretch;
	}

	.at-hero .wp-block-button,
	.at-hero .wp-block-button__link {
		width: 100%;
	}

	.at-topic-card,
	.at-series-card {
		padding: 1.25rem !important;
	}
}