/*
 * Multi-account management pages (seed/mam.php): the hub and the platform
 * pages in the newer design language. Most sections reuse the cp-* / mam-*
 * pattern classes from landing.css; this file adds what those patterns do
 * not have (.mam-*) and adapts the shared classes to seeded post content.
 */

/* ---------- page scaffolding ---------- */

/* Sections sit in .mam-page inside post content; drop flow-layout gaps between them. */
.mam-page > * + *,
.gl-main > .wp-block-post-content > .mam-page {
	margin-block-start: 0 !important;
}

.mam-page > .geelark-section {
	padding-inline: var(--wp--style--root--padding-right, 24px);
}

.mam-page .geelark-kicker + h2 {
	margin-top: 0.25rem;
}

.mam-page .geelark-section > h2 + .geelark-lead-muted,
.mam-page .geelark-lead-muted + .geelark-lead-muted {
	margin-top: 0.75rem;
}

.mam-page .mam-center-title,
.mam-page .mam-center-lead {
	margin-inline: auto !important;
	max-width: 880px;
}

.mam-page .is-center > .geelark-kicker {
	text-align: center;
}

/* Headings and leads span the 1200px content edge but keep an 880px measure, left aligned. */
.mam-page > .geelark-section > .geelark-narrow-left {
	box-sizing: border-box;
	padding-right: max(0px, calc(100% - 880px));
}

/* Step cards: same media height so the numbered labels line up. */
.mam-steps .geelark-get-started-item > .geelark-media {
	height: 190px;
	overflow: hidden;
}

.mam-steps .geelark-get-started-item > .geelark-media img {
	max-height: 190px;
	object-fit: contain;
}

/* The reference labels the first comparison column "Criteria" in the cell itself. */
.mam-page .geelark-compare-table thead th:first-child::before {
	content: none;
}

.mam-page .geelark-compare-table td:first-child {
	font-weight: 600;
}

/* ---------- hero ---------- */

.mam-page .mam-hero-note {
	color: #718096;
	font-size: var(--wp--preset--font-size--small);
}

.mam-page .geelark-hero-section .geelark-kicker {
	margin-bottom: 1rem !important;
}

.mam-hero-features {
	margin-top: 3rem !important;
	padding-top: 2rem;
	border-top: 2px solid #edf2f7;
	gap: 24px !important;
}

.mam-hero-feature {
	gap: 0.75rem;
}

.mam-hero-feature .geelark-icon-box {
	width: 2.5rem;
	height: 2.5rem;
}

.mam-hero-feature .geelark-icon-box::after {
	color: var(--wp--preset--color--primary);
}

.mam-hero-feature-text {
	margin: 0 !important;
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
}

/* ---------- audience band: the label is an H2 here ---------- */

.mam-page h2.geelark-band-label {
	font-size: var(--wp--preset--font-size--small) !important;
	line-height: 1.5;
	letter-spacing: 0.02em;
}

.mam-page .geelark-audience-band {
	padding-inline: var(--wp--style--root--padding-right, 24px);
}

/* ---------- problem ---------- */

.mam-page .mam-subhead {
	margin-top: 2.5rem !important;
	font-family: var(--wp--preset--font-family--noto);
	font-weight: 600;
}

.mam-page .mam-subhead + .geelark-lead-muted {
	margin-top: 0.5rem;
}

.mam-page .geelark-problem-cols {
	margin-top: 2.5rem !important;
}

.mam-page .mam-problem-cards {
	margin-block: 2rem 3rem !important;
}

.mam-page h3.geelark-solve-title {
	font-size: var(--wp--preset--font-size--medium);
}

/* ---------- how it works ---------- */

.mam-diagram-card {
	box-sizing: border-box;
	margin-top: 2.5rem !important;
	padding-right: max(0px, calc(100% - 820px));
}

.mam-diagram-card .geelark-icon-row .geelark-icon-box::after {
	color: var(--wp--preset--color--contrast);
}

.mam-diagram-card .geelark-row-title,
.mam-diagram-card .geelark-row-sub {
	margin: 0 !important;
}

/* ---------- shared bits ---------- */

.mam-more {
	margin-top: 2rem !important;
}

.mam-more.is-center {
	justify-content: center;
}

.mam-more .wp-block-button__link {
	padding: 6px 28px;
	font-size: var(--wp--preset--font-size--small);
}

.mam-fineprint {
	max-width: 880px;
	margin: 2rem auto 0 !important;
	color: #718096;
	font-size: var(--wp--preset--font-size--small);
}

.mam-page .geelark-chooser {
	margin-top: 2rem !important;
}

/* ---------- card grids ---------- */

.mam-cards {
	margin-top: 2.5rem !important;
	gap: 24px !important;
}

.mam-card > * {
	margin: 0;
}

.mam-card h3 {
	font-family: var(--wp--preset--font-family--golos);
	font-weight: 500;
}

.mam-card .geelark-icon-box + h3 {
	margin-top: 1.25rem;
}

.mam-card h3 + p {
	margin-top: 0.75rem;
}

.mam-card .geelark-arrow-link {
	margin-top: 1rem;
	font-size: var(--wp--preset--font-size--small);
}

.mam-card.is-soft {
	padding: 24px;
	border-radius: 16px;
	background: #f7faff;
}

.mam-card.is-outline {
	padding: 24px;
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: 16px;
}

.mam-card.is-plain .geelark-icon-box,
.mam-card.is-outline .geelark-icon-box {
	width: 2.5rem;
	height: 2.5rem;
	background: none;
}

.mam-card.is-plain .geelark-icon-box::after,
.mam-card.is-outline .geelark-icon-box::after {
	inset: 0;
	color: var(--wp--preset--color--primary);
}

.mam-cards.is-plain {
	gap: 40px 32px !important;
}

/* One bordered strip with dividers (hub "chaos" cards). */
.mam-cards.is-joined {
	gap: 0 !important;
	border: 2px solid #edf2f7;
	border-radius: 16px;
	overflow: hidden;
}

.mam-card.is-joined {
	padding: 24px;
}

.mam-card.is-joined + .mam-card.is-joined {
	border-left: 2px solid #edf2f7;
}

.mam-card.is-joined h3 {
	font-family: var(--wp--preset--font-family--noto);
	font-weight: 600;
}

@media (max-width: 781px) {
	.mam-card.is-joined + .mam-card.is-joined {
		border-left: 0;
		border-top: 2px solid #edf2f7;
	}
}

/* Boxed section head (Snapchat roles). */
.mam-boxed-head {
	padding: 20px 24px;
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: 16px;
}

.mam-boxed-head > * {
	max-width: none !important;
}

.mam-boxed-head h2 {
	font-size: var(--wp--preset--font-size--x-large);
}

/* ---------- split sections ---------- */

.mam-split {
	gap: 48px !important;
}

.mam-split .mam-more {
	margin-top: 1.5rem !important;
}

.mam-split h2 + .geelark-lead-muted {
	margin-top: 1rem;
}

.mam-split + .mam-cards {
	margin-top: 3rem !important;
}

.mam-split .geelark-media + h2 {
	margin-top: 1.5rem;
}

.mam-split .mam-cards {
	margin-top: 0 !important;
}

/* ---------- tables and notes ---------- */

.mam-table-wrap {
	margin-top: 2rem !important;
	overflow-x: auto;
}

.mam-plain-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.mam-plain-table th,
.mam-plain-table td {
	padding: 10px 12px;
	border: 0;
	text-align: left;
	vertical-align: top;
	color: var(--wp--preset--color--contrast);
}

.mam-plain-table th {
	font-weight: 600;
}

.mam-plain-table thead,
.mam-plain-table thead th {
	border: 0;
	background: #f1f3f6;
}

.mam-plain-table tbody tr:nth-child(odd) td {
	background: transparent;
}

.mam-plain-table tbody tr:nth-child(even) td {
	background: #f1f3f6;
}

.is-center .mam-plain-table th {
	text-align: center;
}

.mam-note {
	gap: 1.25rem;
	margin-top: 2rem !important;
	padding: 20px 24px;
}

.mam-note.is-boxed {
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: 16px;
}

.mam-note .geelark-icon-box {
	width: 2.5rem;
	height: 2.5rem;
	background: none;
}

.mam-note .geelark-icon-box::after {
	inset: 0;
	color: var(--wp--preset--color--primary);
}

.mam-note-text > * {
	margin: 0;
}

.mam-note-text h3 + p {
	margin-top: 0.5rem;
}

/* ---------- option / method cards ---------- */

.mam-choices {
	margin-top: 2.5rem !important;
	gap: 24px !important;
}

.mam-choice {
	padding: 24px;
	border: 2px solid #edf2f7;
	border-radius: 16px;
}

.mam-choice > * {
	margin: 0;
}

.mam-choice > * + * {
	margin-top: 0.75rem;
}

.mam-choice.is-highlight {
	border-color: #c3dafe;
	background: #f7faff;
}

.mam-choice.is-soft {
	background: #f7faff;
}

.mam-choice .geelark-icon-box {
	width: 2.25rem;
	height: 2.25rem;
}

.mam-choice .geelark-icon-box::after {
	color: var(--wp--preset--color--primary);
}

.mam-choice .geelark-icon-box + h3 {
	margin-top: 1.25rem;
}

.mam-choice-label {
	margin-top: 1.25rem !important;
	color: #4a5568;
	font-size: var(--wp--preset--font-size--small);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.mam-choice-label + * {
	margin-top: 0.25rem !important;
}

.mam-choice-label.is-blue {
	margin-top: 0 !important;
	color: var(--wp--preset--color--primary);
	font-weight: 600;
}

.mam-choice .geelark-checklist {
	font-size: var(--wp--preset--font-size--small);
}

.mam-choice .geelark-arrow-link {
	margin-top: 1.25rem;
	font-size: var(--wp--preset--font-size--small);
}

/* ---------- hub: environments ---------- */

.mam-envs {
	margin-top: 2.5rem !important;
	gap: 24px !important;
}

.mam-env-side > * + * {
	margin-top: 24px !important;
}

.mam-env-primary {
	box-shadow: 0 12px 32px rgba(1, 112, 249, 0.08);
}

.mam-mini-workspace {
	margin-top: 1.25rem !important;
	padding: 16px;
	border: 2px solid #c3dafe;
	border-radius: 12px;
	background: var(--wp--preset--color--base);
}

.mam-mini-workspace > * {
	margin: 0;
}

.mam-mini-title {
	color: var(--wp--preset--color--primary);
	font-weight: 600;
}

.mam-mini-sub {
	margin-top: 0.25rem !important;
	color: #718096;
	font-size: 0.8125rem;
}

.mam-mini-phones {
	margin-block: 1rem !important;
	gap: 12px !important;
}

.mam-mini-phone {
	min-height: 140px;
	padding: 76px 10px 10px;
	border: 2px solid #c3dafe;
	border-radius: 12px;
	background: linear-gradient(#eef4ff 0 56px, transparent 56px);
}

.mam-mini-phone > * {
	margin: 0;
	font-size: 0.8125rem;
}

.mam-mini-name {
	color: var(--wp--preset--color--contrast);
	font-weight: 600;
}

.mam-mini-apps {
	color: #718096;
}

/* ---------- hub: workflow → environment list ---------- */

.mam-env-list {
	border: 2px solid #edf2f7;
	border-radius: 12px;
}

.mam-env-row {
	padding: 12px 16px;
}

.mam-env-row + .mam-env-row {
	border-top: 2px solid #edf2f7;
}

.mam-env-row > * {
	margin: 0;
}

.mam-env-row-label {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
}

.mam-badge {
	display: inline-block;
	margin-top: 0.375rem !important;
	padding: 1px 10px;
	border: 1px solid #c3dafe;
	border-radius: 4px;
	color: #4a5568;
	font-size: 0.75rem;
}

.mam-badge.is-blue {
	border-color: var(--wp--preset--color--primary);
	background: var(--wp--preset--color--primary);
	color: #fff;
}

.mam-env-note {
	margin-top: 16px !important;
	padding: 16px;
	border: 2px solid #c3dafe;
	border-radius: 12px;
	color: #4a5568;
	font-size: var(--wp--preset--font-size--small);
}

.mam-env-note > * {
	margin: 0;
}

/* ---------- hub: linked tools ---------- */

.mam-links {
	max-width: 900px !important;
	margin: 3rem auto 0 !important;
	gap: 32px 48px !important;
}

.mam-link-item {
	gap: 1rem;
}

.mam-link-item .geelark-icon-box {
	width: 1.75rem;
	height: 1.75rem;
	background: none;
}

.mam-link-item .geelark-icon-box::after {
	inset: 0;
}

.mam-link-text > * {
	margin: 0;
}

.mam-link-text p {
	margin-top: 0.25rem;
	font-size: var(--wp--preset--font-size--small);
}

.mam-link-title a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.mam-link-title a:hover,
.mam-link-title a:focus-visible {
	color: var(--wp--preset--color--primary);
	text-decoration: underline;
}

.mam-links-section .mam-more {
	justify-content: flex-start;
}

.mam-links-section .mam-more .wp-block-button__link {
	padding: 8px 24px;
}

/* ---------- platform logo strip ---------- */

.mam-logos {
	margin-top: 2rem !important;
	padding-top: 1.5rem;
	gap: 1.25rem 2.25rem;
}

.mam-logos-section:not(.is-center) .mam-logos {
	border-top: 2px solid #edf2f7;
}

.mam-logo {
	margin: 0 !important;
}

.mam-logo a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--golos);
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
}

.mam-logo img {
	width: 28px;
	height: 28px;
	border-radius: 8px;
}

.mam-logo a:hover,
.mam-logo a:focus-visible {
	color: var(--wp--preset--color--primary);
}

/* ---------- stories (example setups) ---------- */

.mam-stories.is-tint {
	background: #f7faff;
}

.mam-stories .geelark-carousel {
	margin-top: 2.5rem !important;
}

.mam-stories .geelark-story-card {
	padding: 28px 32px;
	background: var(--wp--preset--color--base);
}

.mam-stories .geelark-story-card .geelark-icon-box {
	width: 2.75rem;
	height: 2.75rem;
}

.mam-stories .geelark-story-card .geelark-checklist {
	font-size: var(--wp--preset--font-size--small);
}

/* ---------- hub: resource tabs ---------- */

.mam-resources-head {
	gap: 24px !important;
}

.mam-resources-head .mam-all-link {
	text-align: right;
	font-size: var(--wp--preset--font-size--small);
}

.mam-resource-tabs .geelark-tab-list {
	gap: 1.5rem;
	margin-block: 2rem 2rem !important;
}

.mam-resource-tabs .geelark-tab {
	padding: 6px 4px;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	background: none;
	font-size: var(--wp--preset--font-size--small);
}

.mam-resource-tabs .geelark-tab.is-active {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}

.mam-page .geelark-tab:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

.mam-guides {
	gap: 24px !important;
}

.mam-guide {
	overflow: hidden;
	border: 2px solid #edf2f7;
	border-radius: 16px;
}

.mam-guide > * {
	margin: 0;
	padding-inline: 20px;
}

.mam-guide > .geelark-media {
	height: 170px;
	min-height: 0 !important;
	padding: 12px;
	border-radius: 0;
	overflow: hidden;
}

.mam-guide > .geelark-media img {
	max-height: 146px;
	object-fit: contain;
}

.mam-guide h3 {
	margin-top: 1.25rem;
	font-family: var(--wp--preset--font-family--noto);
	font-weight: 600;
}

.mam-guide h3 a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.mam-guide p {
	margin-top: 0.5rem;
	font-size: var(--wp--preset--font-size--small);
}

.mam-read-more {
	padding-bottom: 20px;
}

.mam-read-more a {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

/* ---------- small screens ---------- */

@media (max-width: 781px) {
	.mam-resources-head .mam-all-link {
		text-align: left;
	}

	.mam-split {
		gap: 24px !important;
	}

	.mam-hero-features {
		margin-top: 2rem !important;
	}
}

/* ---------- platform glyphs for icon boxes (Simple Icons, CC0) ---------- */

.mam-page .icon-tag { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4a1 1 0 0 1 1-1h8l9 9-9 9z'/%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3C/svg%3E"); }
.mam-page .icon-mail { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
.mam-page .icon-linkedin { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E"); }
.mam-page .icon-telegram { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E"); }
.mam-page .icon-threads { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.964-.065-1.19.408-2.285 1.33-3.082.88-.76 2.119-1.207 3.583-1.291a13.853 13.853 0 0 1 3.02.142c-.126-.742-.375-1.332-.75-1.757-.513-.586-1.308-.883-2.359-.89h-.029c-.844 0-1.992.232-2.721 1.32L7.734 7.847c.98-1.454 2.568-2.256 4.478-2.256h.044c3.194.02 5.097 1.975 5.287 5.388.108.046.216.094.321.142 1.49.7 2.58 1.761 3.154 3.07.797 1.82.871 4.79-1.548 7.158-1.85 1.81-4.094 2.628-7.277 2.65Zm1.003-11.69c-.242 0-.487.007-.739.021-1.836.103-2.98.946-2.916 2.143.067 1.256 1.452 1.839 2.784 1.767 1.224-.065 2.818-.543 3.086-3.71a10.5 10.5 0 0 0-2.215-.221z'/%3E%3C/svg%3E"); }
.mam-page .icon-tinder { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.317 9.451c.045.073.123.12.212.12.06 0 .116-.021.158-.057l.015-.012c.39-.325.741-.66 1.071-1.017 3.209-3.483 1.335-7.759 1.32-7.799-.09-.21-.03-.459.15-.594.195-.135.435-.12.615.033 10.875 10.114 7.995 17.818 7.785 18.337-.87 3.141-4.335 5.414-8.444 5.53-.138.008-.242.008-.363.008-4.852 0-8.977-2.989-8.977-6.807v-.06c0-5.297 4.795-10.522 5.009-10.744.136-.149.345-.195.525-.105.18.076.297.255.291.451-.043 1.036.167 1.935.631 2.7v.015l.002.001z'/%3E%3C/svg%3E"); }
.mam-page .icon-google { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z'/%3E%3C/svg%3E"); }
.mam-page .icon-snapchat { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.206.793c.99 0 4.347.276 5.93 3.821.529 1.193.403 3.219.299 4.847l-.003.06c-.012.18-.022.345-.03.51.075.045.203.09.401.09.3-.016.659-.12 1.033-.301.165-.088.344-.104.464-.104.182 0 .359.029.509.09.45.149.734.479.734.838.015.449-.39.839-1.213 1.168-.089.029-.209.075-.344.119-.45.135-1.139.36-1.333.81-.09.224-.061.524.12.868l.015.015c.06.136 1.526 3.475 4.791 4.014.255.044.435.27.42.509 0 .075-.015.149-.045.225-.24.569-1.273.988-3.146 1.271-.059.091-.12.375-.164.57-.029.179-.074.36-.134.553-.076.271-.27.405-.555.405h-.03c-.135 0-.313-.031-.538-.074-.36-.075-.765-.135-1.273-.135-.3 0-.599.015-.913.074-.6.104-1.123.464-1.723.884-.853.599-1.826 1.288-3.294 1.288-.06 0-.119-.015-.18-.015h-.149c-1.468 0-2.427-.675-3.279-1.288-.599-.42-1.107-.779-1.707-.884-.314-.045-.629-.074-.928-.074-.54 0-.958.089-1.272.149-.211.043-.391.074-.54.074-.374 0-.523-.224-.583-.42-.061-.192-.09-.389-.135-.567-.046-.181-.105-.494-.166-.57-1.918-.222-2.95-.642-3.189-1.226-.031-.063-.052-.15-.055-.225-.015-.243.165-.465.42-.509 3.264-.54 4.73-3.879 4.791-4.02l.016-.029c.18-.345.224-.645.119-.869-.195-.434-.884-.658-1.332-.809-.121-.029-.24-.074-.346-.119-1.107-.435-1.257-.93-1.197-1.273.09-.479.674-.793 1.168-.793.146 0 .27.029.383.074.42.194.789.3 1.104.3.234 0 .384-.06.465-.105l-.046-.569c-.098-1.626-.225-3.651.307-4.837C7.392 1.077 10.739.807 11.727.807l.419-.015h.06z'/%3E%3C/svg%3E"); }
.mam-page .icon-onlyfans { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 4.003h-4.015c-3.45 0-5.3.197-6.748 1.957a7.996 7.996 0 1 0 2.103 9.211c3.182-.231 5.39-2.134 6.085-5.173 0 0-2.399.585-4.43 0 4.018-.777 6.333-3.037 7.005-5.995zM5.61 11.999A2.391 2.391 0 0 1 9.28 9.97a2.966 2.966 0 0 1 2.998-2.528h.008c-.92 1.778-1.407 3.352-1.998 5.263A2.392 2.392 0 0 1 5.61 12Zm2.386-7.996a7.996 7.996 0 1 0 7.996 7.996 7.996 7.996 0 0 0-7.996-7.996Zm0 10.394A2.399 2.399 0 1 1 10.395 12a2.396 2.396 0 0 1-2.399 2.398Z'/%3E%3C/svg%3E"); }
.mam-page .icon-gmail { --geelark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z'/%3E%3C/svg%3E"); }

/* ---------- grid columns ----------
 * Core's grid layout sizes columns from its own 20px gap; the larger gaps
 * above would drop a column, so the .mam-* grids set their columns here. */

:is(.mam-cards, .mam-hero-features, .mam-guides, .mam-links, .mam-choices, .mam-mini-phones).mam-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
:is(.mam-cards, .mam-hero-features, .mam-guides, .mam-links, .mam-choices, .mam-mini-phones).mam-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
:is(.mam-cards, .mam-hero-features, .mam-guides, .mam-links, .mam-choices).mam-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
:is(.mam-cards, .mam-hero-features, .mam-guides, .mam-links, .mam-choices).mam-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }

@media (max-width: 1100px) {
	:is(.mam-cards, .mam-hero-features, .mam-choices):is(.mam-cols-4, .mam-cols-5) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 900px) {
	:is(.mam-cards, .mam-guides).mam-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 600px) {
	:is(.mam-cards, .mam-guides, .mam-links, .mam-choices):is(.mam-cols-2, .mam-cols-3, .mam-cols-4, .mam-cols-5) { grid-template-columns: minmax(0, 1fr) !important; }
	.mam-hero-features:is(.mam-cols-3, .mam-cols-4, .mam-cols-5) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ---------- templates (Gmail) ---------- */

.mam-page h3.mam-template-name {
	margin: 0;
	font-family: var(--wp--preset--font-family--noto);
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.4;
}

.mam-page .geelark-templates .wp-block-buttons {
	margin-top: 1.25rem;
}

.mam-demo-title {
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--golos);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 500;
	line-height: 1.25;
}

@media (max-width: 600px) {
	.mam-mini-phones {
		gap: 8px !important;
	}

	.mam-mini-phone {
		padding-inline: 6px;
		hyphens: none;
		word-break: normal;
		overflow-wrap: normal;
	}

	.mam-mini-phone > * {
		font-size: 0.75rem;
	}
}