/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/*
Theme Name: NexSas-Child
Template:   nexsas
Theme URI: https://nextsaas-wp-dark.pixels71.com/
Author: Pixels71
Author URI: https://themeforest.net/user/pixels71
Description: NexSas is a robust and versatile SaaS, Software & Startup WordPress Theme, tailored specifically for technology-driven businesses. It's the ideal solution for transforming your Creative or technology website. Designed with conversion optimization in mind, NexSas combines sleek, modern aesthetics with powerful features to effectively showcase your software or services.
Version: 1.1.0
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.0
License: GNU General Public License v2 or later 
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Text Domain: nexsas-child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Copyright 2025 NexSas. This theme is distributed under the terms of the GNU General Public License (GPL).
*/

html {
    scroll-behavior: auto !important;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.bypostauthor {
    font-weight: bold;
}

.gallery-caption {
    font-style: italic;
    text-align: center;
}

.screen-reader-text {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

body.single-post {
	--bg: #f8f8f8;
	--white: #ffffff;
	--text: #111111;
	--text-soft: #222222;
	--muted: #666666;
	--border: #e9e9e9;
	--ad: #ff7a00;
	--ad-dark: #111111;
	background: var(--bg);
	color: var(--text);
	font-family: Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	line-height: 1.6;
}

body.single-post.ast-page-builder-template .site-content > .ast-container,
body.single-post .site-content > .ast-container {
	display: block;
	width: 100%;
	max-width: none;
	padding-right: 0;
	padding-left: 0;
}

body.single-post #primary {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.single-post .site-content,
body.single-post.ast-page-builder-template .site-content {
	background: var(--bg);
}

body.single-post .single-post-page img {
	display: block;
	max-width: 100%;
}

body.single-post .single-post-page a {
	color: inherit;
	text-decoration: none;
}

.scroll-progress {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	height: 3px;
	width: 0;
	background: #111111;
}

.single-post-page {
	max-width: 1390px;
	margin: 42px auto;
	padding: 0 24px;
}

.single-post-page .breadcrumb {
	margin-bottom: 18px;
	font-size: 14px;
	color: var(--muted);
}

.single-post-page .breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.single-post-page .breadcrumb li {
	margin: 0;
}

.single-post-page .breadcrumb li:not(:last-child)::after {
	content: "/";
	margin-left: 8px;
	color: #b0b0b0;
}

.single-post-page .breadcrumb a {
	color: var(--muted);
}

.single-post-page .breadcrumb span {
	color: var(--text);
}

.single-post-page .layout {
	display: grid;
	grid-template-columns: minmax(0, 1000px) 340px;
	gap: 40px;
	align-items: start;
	justify-content: center;
}

.single-post-page .layout--without-sidebar {
	grid-template-columns: minmax(0, 1000px);
}

.single-post-page .article {
	overflow: hidden;
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: 16px;
}

.single-post-page .article-header {
	padding: 42px 42px 26px;
}

.single-post-page .article-category {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	margin-bottom: 14px;
	padding: 5px 9px;
	border-radius: 6px;
	background: #fa1d55;
	color: #ffffff;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.single-post-page .article-header h1 {
	max-width: 820px;
	margin: 0 0 18px;
	color: var(--text);
	font-family: "Airbnb Cereal App", "Circular", Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 3rem;
	font-weight: 900;
	line-height: 0.94;
	letter-spacing: 0;
}

.single-post-page .intro {
	max-width: 820px;
	margin: 0;
	color: var(--muted);
	font-size: 1.08rem;
	line-height: 1.65;
}

.single-post-page .meta + .intro {
	margin-top: 18px;
}

.single-post-page .meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--border);
	color: var(--muted);
	font-size: 14px;
}

.single-post-page .article-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
}

.single-post-page .article-share__label {
	margin-right: 2px;
	color: #b71342;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.single-post-page .article-share__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 7px 10px;
	border: 1px solid #fa1d55;
	border-radius: 999px;
	background: #fff0f4;
	color: #b71342 !important;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none !important;
	transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.single-post-page .article-share__button:hover,
.single-post-page .article-share__button:focus-visible {
	border-color: #fa1d55;
	background: #fa1d55;
	color: #ffffff !important;
}

.single-post-page .article-share__button--native {
	display: none;
}

.mobile-share-dock {
	display: none;
}

.single-post-page .author {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.single-post-page .author img {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #eeeeee;
	object-fit: cover;
}

.single-post-page .verified-procedures {
	font-weight: 700;
	color: var(--text);
}

.single-post-page .featured-image {
	padding: 0 42px 34px;
}

.single-post-page .featured-image img {
	width: 100%;
	height: 430px;
	border-radius: 12px;
	background: #eeeeee;
	object-fit: cover;
}

.single-post-page .featured-image--portrait img {
	max-width: 520px;
	height: auto;
	max-height: 720px;
	margin-right: auto;
	margin-left: auto;
	object-fit: contain;
}

.single-post-page .content {
	padding: 0 42px 46px;
}

.single-post-page .section {
	margin-top: 36px;
}

.single-post-page .section:first-child {
	margin-top: 0;
}

.single-post-page .section-title {
	margin: 0 0 14px;
	color: var(--text);
	font-size: 1.55rem;
	line-height: 1.2;
	letter-spacing: 0;
}

.single-post-page .section-subtitle {
	margin: 28px 0 12px;
	color: var(--text);
	font-size: 1.18rem;
	line-height: 1.25;
	letter-spacing: 0;
}

.single-post-page .text,
.single-post-page .content li {
	color: var(--text-soft);
	font-size: 17px;
	line-height: 1.65;
}

.single-post-page .text {
	margin: 0 0 20px;
}

.single-post-page .content ul,
.single-post-page .content ol {
	margin: 0 0 22px 1.35em;
	padding: 0;
}

.single-post-page .content li + li {
	margin-top: 8px;
}

.single-post-page .content a:not(.btn) {
	color: #111111;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.single-post-page .callout {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 14px;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	margin: 30px 0;
	padding: 22px 24px;
	border-radius: 12px;
	background: var(--bg);
	color: #222222;
}

.single-post-page .callout-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #111111;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

.single-post-page .callout-content,
.single-post-page .callout > :not(.callout-icon) {
	min-width: 0;
	width: 100%;
	white-space: normal;
	word-break: normal;
	overflow-wrap: break-word;
}

.single-post-page .callout p {
	margin: 0;
	font-size: 17px;
	line-height: 1.6;
}

.single-post-page .image-card {
	margin: 28px 0;
	padding: 10px;
	border-radius: 14px;
	background: var(--bg);
}

.single-post-page .image-card img,
.single-post-page .content-image {
	width: 100%;
	border-radius: 10px;
	object-fit: cover;
}

.single-post-page .content-image--portrait,
.single-post-page .content-image--mobile-screenshot {
	width: auto;
	max-height: 720px;
	margin-right: auto;
	margin-left: auto;
	object-fit: contain;
}

.single-post-page .content-image--mobile-screenshot {
	max-width: min(100%, 390px);
}

.single-post-page .image-card figcaption {
	margin-top: 10px;
	color: var(--muted);
	font-size: 13px;
	text-align: center;
}

.single-post-page .content-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	margin: 28px 0;
}

.single-post-page .table-wrap {
	width: 100%;
	margin: 28px 0;
	overflow-x: auto;
	border: 1px solid var(--border);
	border-radius: 12px;
	background: #ffffff;
}

.single-post-page table {
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
	font-size: 15px;
}

.single-post-page th,
.single-post-page td {
	padding: 14px 16px;
	border-bottom: 1px solid var(--border);
	text-align: left;
}

.single-post-page th {
	background: #f8f8f8;
	font-weight: 700;
}

.single-post-page tr:last-child td {
	border-bottom: none;
}

.single-post-page .faq,
.single-post-page .p-faq {
	display: grid;
	gap: 12px;
	margin-top: 24px;
}

.single-post-page .faq-item {
	overflow: hidden;
	border: 1px solid var(--border);
	border-radius: 12px;
	background: #ffffff;
}

.single-post-page .faq-item summary {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 20px;
	cursor: pointer;
	font-weight: 700;
	list-style: none;
}

.single-post-page .faq-item summary::-webkit-details-marker {
	display: none;
}

.single-post-page .faq-icon {
	flex: 0 0 auto;
	font-weight: 800;
}

.single-post-page .faq-answer {
	padding: 0 20px 20px;
	color: var(--muted);
	font-size: 15px;
	line-height: 1.65;
}

.single-post-page .cta {
	margin-top: 40px;
	padding: 28px;
	border-radius: 14px;
	background: #f8f8f8;
}

.single-post-page .cta h2 {
	margin: 0 0 10px;
	color: var(--text);
	font-size: 1.45rem;
	line-height: 1.2;
	letter-spacing: 0;
}

.single-post-page .cta p {
	margin: 0 0 18px;
	color: var(--muted);
	font-size: 16px;
}

.single-post-page .cta-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.single-post-page .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 12px 18px;
	border: 1px solid #111111;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.single-post-page .btn-primary,
.single-post-page .btn--dark {
	background: #111111;
	border-color: #111111;
	color: #ffffff !important;
}

.single-post-page .btn--dark:hover {
	background: #3a3a3a;
	border-color: #3a3a3a;
	color: #ffffff !important;
}

.single-post-page .btn-ghost,
.single-post-page .btn--outline {
	background: #ffffff;
	border-color: #111111;
	color: #111111 !important;
}

.single-post-page .btn--outline:hover {
	background: #f1f1f1;
	color: #111111 !important;
}

.single-post-page .btn--accent {
	background: #ff7a00;
	border-color: #ff7a00;
	color: #ffffff !important;
}

.single-post-page .btn--accent:hover {
	background: #d96500;
	border-color: #d96500;
	color: #ffffff !important;
}

.single-post-page .sidebar {
	position: sticky;
	top: 24px;
}

.single-post-page .ad-box {
	position: relative;
	display: grid;
	gap: 18px;
	min-height: 0;
	padding: 14px;
	overflow: hidden;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 16px;
	background: #ffffff;
	color: #111111;
	box-shadow: 0 18px 44px rgba(17, 17, 17, 0.08);
}

.single-post-page .ad-box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: var(--ad);
}

.single-post-page .ad-box--custom-color {
	background: var(--promo-card-bg);
	color: var(--promo-card-text);
}

.single-post-page .ad-box--custom-color h3,
.single-post-page .ad-box--custom-color p {
	color: var(--promo-card-text);
}

.single-post-page .ad-box--custom-color .ad-label {
	background: rgba(255, 255, 255, 0.18);
	color: var(--promo-card-text);
}

.single-post-page .ad-box--custom-color .ad-button {
	background: var(--promo-card-text);
	color: var(--promo-card-bg);
}

.single-post-page .ad-media {
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	border-radius: 12px;
	background: #eeeeee;
}

.single-post-page .ad-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single-post-page .ad-label {
	display: inline-flex;
	width: fit-content;
	margin: 0 0 12px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(255, 122, 0, 0.12);
	color: #a64b00;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.single-post-page .ad-box h3 {
	margin: 0 0 14px;
	color: #111111;
	font-size: 1.55rem;
	font-weight: 900;
	line-height: 1.02;
	letter-spacing: 0;
}

.single-post-page .ad-box p {
	margin: 0;
	color: #555555;
	font-size: 15px;
	line-height: 1.55;
}

.single-post-page .ad-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	margin-top: 28px;
	padding: 12px 18px;
	border-radius: 999px;
	background: #111111;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

.single-post-page .ad-button--dark,
.single-post-page .promo-link--dark {
	background: #111111;
	border: 1px solid #111111;
	color: #ffffff;
}

.single-post-page .ad-button--accent,
.single-post-page .promo-link--accent {
	background: #ff7a00;
	border: 1px solid #ff7a00;
	color: #ffffff;
}

.single-post-page .ad-button--outline,
.single-post-page .promo-link--outline {
	background: #ffffff;
	border: 1px solid #111111;
	color: #111111;
}

.single-post-page .promo-card {
	position: relative;
	display: grid;
	gap: 10px;
	margin-top: 14px;
	padding: 18px;
	overflow: hidden;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 16px;
	background: #ffffff;
	color: #111111;
	box-shadow: 0 12px 28px rgba(17, 17, 17, 0.06);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.single-post-page .promo-card:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 122, 0, 0.35);
	box-shadow: 0 18px 34px rgba(17, 17, 17, 0.1);
}

.single-post-page .promo-media {
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	margin: -6px -6px 4px;
	border-radius: 12px;
	background: #eeeeee;
}

.single-post-page .promo-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single-post-page .promo-kicker {
	display: inline-flex;
	width: fit-content;
	padding: 5px 9px;
	border-radius: 999px;
	background: rgba(255, 122, 0, 0.12);
	color: #a64b00;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.single-post-page .promo-card h4 {
	margin: 0;
	color: #111111;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.08;
}

.single-post-page .promo-card p {
	margin: 0;
	color: #5f5f5f;
	font-size: 14px;
	line-height: 1.55;
}

.single-post-page .promo-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-height: 38px;
	margin-top: 4px;
	padding: 10px 14px;
	border-radius: 999px;
	background: #111111;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.single-post-page .promo-link--accent:hover,
.single-post-page .ad-button--accent:hover {
	background: #d96500;
	border-color: #d96500;
	color: #ffffff;
}

.single-post-page .promo-card--dark {
	border-color: #111111;
	background: #111111;
	color: #ffffff;
}

.single-post-page .promo-card--dark .promo-kicker {
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
}

.single-post-page .promo-card--dark h4,
.single-post-page .promo-card--dark p {
	color: #ffffff;
}

.single-post-page .promo-card--dark p {
	opacity: 0.76;
}

.single-post-page .promo-card--dark .promo-link {
	background: #ffffff;
	color: #111111;
}

.single-post-page .promo-card--soft {
	border-color: rgba(255, 122, 0, 0.24);
	background: #fff7ef;
}

.single-post-page .promo-card--border {
	border: 2px solid #ff7a00;
	background: #ffffff;
}

.single-post-page .promo-card--border::after {
	content: "";
	position: absolute;
	top: 18px;
	right: 18px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 50%, #ff7a00 0 34%, transparent 36% 100%);
	opacity: 0.22;
}

.single-post-page .promo-card--custom-color {
	background: var(--promo-card-bg);
	border-color: rgba(17, 17, 17, 0.14);
	color: var(--promo-card-text);
}

.single-post-page .promo-card--custom-color h4,
.single-post-page .promo-card--custom-color p {
	color: var(--promo-card-text);
}

.single-post-page .promo-card--custom-color .promo-kicker {
	background: rgba(255, 255, 255, 0.18);
	color: var(--promo-card-text);
}

.single-post-page .promo-card--custom-color .promo-link {
	background: var(--promo-card-text);
	color: var(--promo-card-bg);
}

.single-post-page .ad-box--custom-color .ad-button--dark,
.single-post-page .promo-card--custom-color .promo-link--dark {
	background: #111111;
	border-color: #111111;
	color: #ffffff;
}

.single-post-page .ad-box--custom-color .ad-button--accent,
.single-post-page .promo-card--custom-color .promo-link--accent {
	background: #ff7a00;
	border-color: #ff7a00;
	color: #ffffff;
}

.single-post-page .ad-box--custom-color .ad-button--outline,
.single-post-page .promo-card--custom-color .promo-link--outline {
	background: #ffffff;
	border-color: #111111;
	color: #111111;
}

.single-post-page .recent-news {
	margin-top: 26px;
	padding-top: 22px;
	border-top: 1px solid var(--border);
}

.single-post-page .recent-news__title {
	margin: 0 0 14px;
	color: var(--text);
	font-size: 1.05rem;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0;
}

.single-post-page .recent-news__list {
	display: grid;
	gap: 14px;
}

.single-post-page .recent-news__card {
	display: grid;
	gap: 12px;
	padding: 18px;
	overflow: hidden;
	border: 1px solid rgba(17, 17, 17, 0.08);
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 12px 28px rgba(17, 17, 17, 0.06);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.single-post-page .recent-news__card:hover,
.single-post-page .recent-news__card:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(255, 122, 0, 0.35);
	box-shadow: 0 18px 34px rgba(17, 17, 17, 0.1);
}

.single-post-page .recent-news__media {
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	margin: -6px -6px 2px;
	border-radius: 12px;
	background: #ededed;
}

.single-post-page .recent-news__media--empty {
	background: #ededed;
}

.single-post-page .recent-news__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single-post-page .recent-news__content {
	display: grid;
	gap: 7px;
	min-width: 0;
}

.single-post-page .recent-news__content time {
	color: var(--muted);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
}

.single-post-page .recent-news__headline {
	color: var(--text);
	font-size: 17px;
	font-weight: 900;
	line-height: 1.12;
}

.single-post-page .reveal {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity 0.5s ease, transform 0.5s ease;
	transition-delay: var(--delay, 0ms);
}

.single-post-page .reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (min-width: 981px) and (max-width: 1700px) {
	.single-post-page {
		max-width: 1322px;
		padding-right: 20px;
		padding-left: 20px;
	}

	.single-post-page .layout {
		grid-template-columns: minmax(0, 970px) 300px;
		gap: 32px;
	}

	.single-post-page .layout--without-sidebar {
		grid-template-columns: minmax(0, 970px);
	}
}

@media (min-width: 2000px) {
	.single-post-page {
		max-width: 1430px;
	}

	.single-post-page .layout {
		grid-template-columns: minmax(0, 1050px) 340px;
	}

	.single-post-page .layout--without-sidebar {
		grid-template-columns: minmax(0, 1050px);
	}
}

@media (max-width: 980px) {
	.single-post-page {
		margin: 28px auto;
	}

	.single-post-page .layout {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.single-post-page .sidebar {
		position: static;
	}

	.single-post-page .ad-box {
		min-height: auto;
	}
}

@media (max-width: 900px) {
	.single-post-page .reveal {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 640px) {
	body.single-post {
		background: #ffffff;
	}

	body.single-post .site-content,
	body.single-post.ast-page-builder-template .site-content {
		background: #ffffff;
		padding-bottom: 88px;
	}

	.single-post-page {
		margin: 0;
		padding: 0;
	}

	.single-post-page .breadcrumb {
		display: none;
	}

	.single-post-page .layout {
		display: block;
	}

	.single-post-page .article {
		border: none;
		border-radius: 0;
	}

	.single-post-page .article-header {
		padding: 30px 20px 22px;
	}

	.single-post-page .article-category {
		margin-bottom: 12px;
		font-size: 12px;
	}

	.single-post-page .article-header h1 {
		margin-bottom: 16px;
		font-size: 2.25rem;
		line-height: 0.98;
	}

	.single-post-page .intro {
		font-size: 1rem;
		line-height: 1.6;
	}

	.single-post-page .meta {
		margin-top: 20px;
		padding-top: 16px;
		font-size: 13px;
	}

	.single-post-page .article-share {
		display: none;
	}

	body.single-post .mobile-share-dock {
		position: fixed;
		bottom: max(14px, env(safe-area-inset-bottom));
		left: 50%;
		z-index: 1000;
		display: inline-flex;
		width: min(220px, calc(100% - 40px));
		min-height: 48px;
		align-items: center;
		justify-content: center;
		padding: 12px 18px;
		border: 1px solid #fa1d55;
		border-radius: 999px;
		background: #fa1d55;
		box-shadow: 0 10px 26px rgba(17, 17, 17, 0.2);
		color: #ffffff;
		font-family: Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
		font-size: 14px;
		font-weight: 800;
		line-height: 1;
		letter-spacing: 0;
		transform: translateX(-50%);
	}

	body.single-post .mobile-share-dock:active {
		background: #c51343;
		border-color: #c51343;
	}

	.single-post-page .featured-image {
		padding: 0 20px 28px;
	}

	.single-post-page .featured-image img {
		height: 240px;
		border-radius: 10px;
	}

	.single-post-page .featured-image--portrait img {
		width: auto;
		height: auto;
		max-height: 520px;
	}

	.single-post-page .content {
		padding: 0 20px 34px;
	}

	.single-post-page .text,
	.single-post-page .content li {
		font-size: 16px;
		line-height: 1.7;
	}

	.single-post-page .section-title {
		font-size: 1.35rem;
	}

	.single-post-page .section-subtitle {
		font-size: 1.08rem;
	}

	.single-post-page .callout {
		grid-template-columns: 1fr;
		padding: 18px 20px;
	}

	.single-post-page .cta {
		padding: 22px;
	}

	.single-post-page .cta-buttons {
		display: grid;
	}

	.single-post-page .sidebar {
		padding: 0 20px 28px;
	}

	.single-post-page .ad-box {
		padding: 24px;
		border-radius: 14px;
	}

	.single-post-page .ad-box h3 {
		font-size: 1.45rem;
	}

	.single-post-page .promo-card {
		padding: 18px;
		border-radius: 14px;
	}

	.single-post-page .recent-news__card {
		padding: 16px;
		border-radius: 14px;
	}
}

/* Lock the article typography against theme and builder typography rules. */
body.single-post .single-post-page,
body.single-post .single-post-page p,
body.single-post .single-post-page li,
body.single-post .single-post-page td,
body.single-post .single-post-page th {
	font-family: Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

body.single-post .single-post-page .article-header h1,
body.single-post .single-post-page .section-title,
body.single-post .single-post-page .section-subtitle,
body.single-post .single-post-page .cta h2,
body.single-post .single-post-page .ad-box h3,
body.single-post .single-post-page .promo-card h4,
body.single-post .single-post-page .recent-news__title,
body.single-post .single-post-page .recent-news__headline,
body.single-post .single-post-page .content h4,
body.single-post .single-post-page .content h5,
body.single-post .single-post-page .content h6 {
	font-family: "Airbnb Cereal App", "Circular", Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-style: normal !important;
	letter-spacing: 0 !important;
}

body.single-post .single-post-page .article-header h1 {
	font-weight: 900 !important;
}

body.single-post .single-post-page .section-title {
	font-size: 1.55rem !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

body.single-post .single-post-page .section-subtitle {
	font-size: 1.18rem !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

body.single-post .single-post-page .cta h2 {
	font-size: 1.45rem !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

body.single-post .single-post-page .ad-box h3,
body.single-post .single-post-page .promo-card h4,
body.single-post .single-post-page .recent-news__title,
body.single-post .single-post-page .recent-news__headline,
body.single-post .single-post-page .content h4,
body.single-post .single-post-page .content h5,
body.single-post .single-post-page .content h6 {
	font-weight: 800 !important;
}

body.single-post .single-post-page strong,
body.single-post .single-post-page b {
	font-family: Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-weight: 800 !important;
}

@media (max-width: 640px) {
	body.single-post .single-post-page .article-header h1 {
		font-size: 2.25rem !important;
		line-height: 0.98 !important;
	}

	body.single-post .single-post-page .section-title {
		font-size: 1.35rem !important;
	}

	body.single-post .single-post-page .section-subtitle {
		font-size: 1.08rem !important;
	}
}

/* Category archive: editorial list without the parent theme sidebar. */
body.category .category-archive {
	padding: 0 24px 80px;
	background: #f8f8f8;
	color: #111111;
}

body.category .category-archive__header-spacer {
	height: clamp(7rem, 12vw, 10rem);
	background: #f8f8f8;
}

body.category .category-archive__inner {
	width: min(100%, 1180px);
	margin: 0 auto;
}

body.category .category-archive__breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 28px 0 18px;
	color: #717171;
	font-size: 14px;
}

body.category .category-archive__breadcrumb a {
	color: inherit;
	text-decoration: none;
}

body.category .category-archive__breadcrumb a:hover {
	color: #111111;
}

body.category .category-archive__header {
	max-width: 760px;
	padding: 18px 0 34px;
}

body.category .category-archive__eyebrow {
	margin: 0 0 10px;
	color: #c65a00;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

body.category .category-archive__header h1 {
	margin: 0;
	color: #111111;
	font-family: "Airbnb Cereal App", "Circular", Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 3rem;
	font-weight: 900 !important;
	line-height: 0.98;
	letter-spacing: 0;
}

body.category .category-archive__description,
body.category .category-archive__description p {
	margin: 16px 0 0;
	color: #5f5f5f;
	font-family: Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 17px;
	line-height: 1.65;
}

body.category .category-archive__list {
	border-top: 1px solid #dedede;
}

body.category .category-archive__item {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 30px;
	align-items: center;
	margin: 0;
	padding: 24px 0;
	border-bottom: 1px solid #dedede;
}

body.category .category-archive__media {
	display: block;
	overflow: hidden;
	aspect-ratio: 3 / 2;
	border-radius: 8px;
	background: #e9e9e9;
}

body.category .category-archive__media img,
body.category .category-archive__media-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.25s ease;
}

body.category .category-archive__item:hover .category-archive__media img {
	transform: scale(1.03);
}

body.category .category-archive__content {
	min-width: 0;
}

body.category .category-archive__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

body.category .category-archive__badge {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 4px 8px;
	border-radius: 6px;
	background: #111111;
	color: #ffffff;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
}

body.category .category-archive__badge--actualites {
	background: #fff0e3;
	color: #b94f00;
}

body.category .category-archive__badge--mvno {
	background: #e9f3ff;
	color: #125dab;
}

body.category .category-archive__badge--telecom {
	background: #e2f7f0;
	color: #087564;
}

body.category .category-archive__badge--tutoriels {
	background: #eeebff;
	color: #5b45b4;
}

body.category .category-archive__meta time {
	color: #6b6b6b;
	font-family: Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 13px;
	font-weight: 700;
}

body.category .category-archive__content h2 {
	margin: 0;
	font-family: "Airbnb Cereal App", "Circular", Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 1.5rem;
	font-weight: 900 !important;
	line-height: 1.16;
	letter-spacing: 0;
}

body.category .category-archive__content h2 a {
	color: #111111;
	text-decoration: none;
}

body.category .category-archive__content h2 a:hover {
	color: #c65a00;
}

body.category .category-archive__content > p {
	margin: 10px 0 0;
	color: #5f5f5f;
	font-family: Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 15px;
	line-height: 1.55;
}

body.category .category-archive .navigation.pagination {
	display: flex;
	justify-content: center;
	margin-top: 36px;
}

body.category .category-archive .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.category .category-archive .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 8px 12px;
	border: 1px solid #dedede;
	border-radius: 6px;
	background: #ffffff;
	color: #111111;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

body.category .category-archive .page-numbers.current,
body.category .category-archive .page-numbers:hover {
	border-color: #111111;
	background: #111111;
	color: #ffffff;
}

body.category .category-archive__empty {
	margin: 0;
	padding: 40px 0;
	border-top: 1px solid #dedede;
	color: #5f5f5f;
}

@media (max-width: 760px) {
	body.category .category-archive {
		padding: 0 20px 48px;
	}

	body.category .category-archive__breadcrumb {
		padding-top: 22px;
	}

	body.category .category-archive__header {
		padding-bottom: 26px;
	}

	body.category .category-archive__header h1 {
		font-size: 2.25rem;
	}

	body.category .category-archive__description,
	body.category .category-archive__description p {
		font-size: 16px;
	}

	body.category .category-archive__item {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 20px 0;
	}

	body.category .category-archive__media {
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	body.category .category-archive__content h2 {
		font-size: 1.32rem;
	}
}