/* Page shell. Card styles live in ak-guides-templates.php — not repeated. */
.akga {
	font-family: 'Manrope', sans-serif;
	color: #0B1324;
	background: #fff;
}
.akga *, .akga *::before, .akga *::after { box-sizing: border-box; }
.akga a { text-decoration: none; }
.akga-wrap { max-width: 1220px; margin: 0 auto; padding: 0 20px; }

/* ── band ─────────────────────────────────────────────────────────────── */
.akga-band {
	background: linear-gradient(180deg, #f2f8f9 0%, #ffffff 100%);
	border-bottom: 1px solid rgba(190, 201, 195, 0.3);
	padding: 40px 0 30px;
}
.akga-eyebrow {
	font-family: 'Caveat', cursive;
	font-size: 22px;
	font-weight: 700;
	color: #C83D3D;
	margin: 0 0 2px;
	line-height: 1.1;
}
.akga-h1 {
	font-family: 'Fredoka', 'Plus Jakarta Sans', sans-serif;
	font-size: clamp(28px, 4.4vw, 42px);
	font-weight: 600;
	line-height: 1.14;
	letter-spacing: -0.01em;
	color: #0B1324;
	margin: 0 0 10px;
	max-width: 26ch;
}
.akga-sub {
	font-size: 15.5px;
	line-height: 1.55;
	color: #56635e;
	margin: 0 0 20px;
	max-width: 62ch;
}

/* search */
.akga-search {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1.5px solid #dcedef;
	border-radius: 9999px;
	padding: 6px 6px 6px 16px;
	max-width: 620px;
	box-shadow: 0 4px 18px rgba(11, 19, 36, 0.06);
	transition: border-color .18s ease, box-shadow .18s ease;
}
.akga-search:focus-within {
	border-color: #2A7780;
	box-shadow: 0 6px 24px rgba(42, 119, 128, 0.18);
}
.akga-search-ic { color: #2A7780; font-size: 22px; flex: 0 0 auto; }
.akga-search-in {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-family: 'Manrope', sans-serif;
	font-size: 15px;
	color: #0B1324;
	padding: 10px 2px;
	-webkit-appearance: none;
	appearance: none;
}
.akga-search-in::placeholder { color: #93a29c; }
.akga-search-in::-webkit-search-cancel-button { -webkit-appearance: none; }
.akga-search-go {
	flex: 0 0 auto;
	border: 0;
	cursor: pointer;
	background: #2A7780;
	color: #fff;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 13.5px;
	font-weight: 800;
	padding: 11px 22px;
	border-radius: 9999px;
	transition: background .18s ease, transform .18s ease;
}
.akga-search-go:hover { background: #1D5B62; transform: translateY(-1px); }

.akga-count {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 16px 0 0;
	font-size: 13.5px;
	font-weight: 600;
	color: #56635e;
	font-family: 'Plus Jakarta Sans', sans-serif;
}
.akga-count strong { color: #0B1324; font-weight: 800; }
.akga-dot {
	width: 8px; height: 8px; border-radius: 50%;
	background: #35c07a;
	box-shadow: 0 0 0 4px rgba(53, 192, 122, 0.18);
	flex: 0 0 auto;
}

/* ── filters ──────────────────────────────────────────────────────────── */
.akga-filters {
	background: #fff;
	border-bottom: 1px solid rgba(190, 201, 195, 0.3);
	padding: 16px 0 14px;
}
.akga-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	padding-bottom: 4px;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.akga-chips::-webkit-scrollbar { display: none; }
.akga-chip {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #f2f8f9;
	border: 1.5px solid transparent;
	color: #33474a;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	padding: 9px 15px;
	border-radius: 9999px;
	white-space: nowrap;
	transition: background .16s ease, color .16s ease, border-color .16s ease;
}
.akga-chip .ak-ico { width: 17px; height: 17px; }
.akga-chip:hover { background: #dcedef; color: #0B1324; }
.akga-chip.is-on {
	background: #0B1324;
	color: #fff;
	border-color: #0B1324;
}
/* The two money chips carry the card's own colours so the row reads as the
   same vocabulary as the grid below it: teal = free, coral = premium. */
.akga-chip--free.is-on { background: #2A7780; border-color: #2A7780; }
.akga-chip--premium.is-on { background: #ff6b6b; border-color: #ff6b6b; }
.akga-chip.is-on .akga-chip-n { background: rgba(255,255,255,0.2); color: #fff; }
.akga-chip-n {
	background: rgba(11, 19, 36, 0.07);
	color: #56635e;
	border-radius: 9999px;
	font-size: 11px;
	font-weight: 800;
	padding: 1px 7px;
	line-height: 1.6;
}

.akga-tools {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 12px;
	flex-wrap: wrap;
}
.akga-topics {
	display: flex;
	align-items: center;
	gap: 8px;
	overflow-x: auto;
	scrollbar-width: none;
	min-width: 0;
}
.akga-topics::-webkit-scrollbar { display: none; }
.akga-topics-lbl {
	flex: 0 0 auto;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #93a29c;
}
.akga-topic {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1.5px solid #dcedef;
	background: #fff;
	color: #33474a;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 12.5px;
	font-weight: 700;
	padding: 7px 14px;
	border-radius: 9999px;
	white-space: nowrap;
	transition: border-color .16s ease, background .16s ease, color .16s ease;
}
.akga-topic:hover { border-color: #2A7780; color: #1D5B62; }
.akga-topic.is-on { background: #dcedef; border-color: #2A7780; color: #1D5B62; }
.akga-topic-n { font-size: 11px; font-weight: 800; color: #93a29c; }
.akga-topic.is-on .akga-topic-n { color: #2A7780; }
.akga-topic--none { border-style: dashed; color: #93a29c; font-weight: 600; }

.akga-right { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.akga-sort select {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 12.5px;
	font-weight: 700;
	color: #33474a;
	background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2356635e' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
	border: 1.5px solid #dcedef;
	border-radius: 9999px;
	padding: 8px 32px 8px 14px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	max-width: 100%;
}
.akga-sort select:focus { border-color: #2A7780; }
.akga-sort-go {
	margin-left: 6px;
	border: 0; cursor: pointer;
	background: #2A7780; color: #fff;
	font-weight: 700; font-size: 12.5px;
	padding: 8px 14px; border-radius: 9999px;
}
.akga-clear {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #C83D3D;
	background: #FBEAEA;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 12.5px;
	font-weight: 800;
	padding: 8px 14px;
	border-radius: 9999px;
	white-space: nowrap;
	transition: background .16s ease, color .16s ease;
}
.akga-clear .ak-ico { width: 16px; height: 16px; }
.akga-clear:hover { background: #C83D3D; color: #fff; }

/* ── grid ─────────────────────────────────────────────────────────────── */
/* Three across, not the deals four: guide covers are book jackets with titles
   printed on them, and at a quarter of 1220px the titles stop being legible. */
.akga-body { padding: 30px 20px 64px; }
.akga-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	align-items: start;
}

/* ── pagination ───────────────────────────────────────────────────────── */
.akga-pager {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 40px;
}
.akga-pg {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	min-width: 40px;
	height: 40px;
	padding: 0 13px;
	justify-content: center;
	border-radius: 12px;
	border: 1.5px solid #dcedef;
	background: #fff;
	color: #33474a;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 13.5px;
	font-weight: 700;
	transition: border-color .16s ease, background .16s ease, color .16s ease;
}
.akga-pg:hover { border-color: #2A7780; color: #1D5B62; background: #f2f8f9; }
.akga-pg.is-on { background: #0B1324; border-color: #0B1324; color: #fff; }
.akga-pg .ak-ico { width: 18px; height: 18px; }

/* ── empty ────────────────────────────────────────────────────────────── */
.akga-empty {
	text-align: center;
	padding: 60px 20px 70px;
	background: #f2f8f9;
	border: 1.5px dashed #dcedef;
	border-radius: 24px;
}
.akga-empty-ic {
	font-size: 46px;
	color: #8bbcc2;
}
.akga-empty-h {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 21px;
	font-weight: 800;
	color: #0B1324;
	margin: 12px 0 8px;
}
.akga-empty-p {
	font-size: 14.5px;
	line-height: 1.6;
	color: #56635e;
	margin: 0 auto 22px;
	max-width: 46ch;
}
.akga-empty-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: #2A7780;
	color: #fff;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 13.5px;
	font-weight: 800;
	padding: 12px 22px;
	border-radius: 9999px;
	transition: background .18s ease, transform .18s ease;
}
.akga-empty-btn .ak-ico { width: 18px; height: 18px; }
.akga-empty-btn:hover { background: #1D5B62; transform: translateY(-1px); }

/* AJAX in flight: the region dims and stops taking clicks, so a second click
   cannot race the first. Same treatment as /blog/ and /events/. */
#akga-results.is-loading { opacity: .55; pointer-events: none; transition: opacity .12s ease; }

/* ── responsive ───────────────────────────────────────────────────────── */
@media (max-width: 880px) {
	.akga-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
	.akga-band { padding: 28px 0 24px; }
	.akga-h1 { max-width: none; }
	/* one swipeable row instead of two stacked rows of chips */
	.akga-chips { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; }
	.akga-chips::-webkit-scrollbar { display: none; }
}
@media (max-width: 640px) {
	.akga-wrap { padding: 0 16px; }
	.akga-band { padding: 22px 0 20px; }
	.akga-eyebrow { font-size: 20px; }
	.akga-sub { font-size: 14.5px; margin-bottom: 16px; }
	.akga-search { padding: 5px 5px 5px 13px; gap: 6px; }
	.akga-search-in { font-size: 15px; padding: 9px 2px; }   /* 15px+ = no iOS zoom */
	.akga-search-go { padding: 10px 16px; font-size: 13px; }
	/* chips + topics bleed to the screen edge so they read as scrollable */
	.akga-chips, .akga-topics {
		margin-left: -16px;
		margin-right: -16px;
		padding-left: 16px;
		padding-right: 16px;
	}
	.akga-tools { align-items: flex-start; flex-direction: column; gap: 10px; }
	.akga-right { width: 100%; justify-content: space-between; }
	.akga-sort { flex: 1 1 auto; min-width: 0; }
	.akga-sort select { width: 100%; }
	.akga-body { padding: 22px 16px 48px; }
	.akga-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.akga-pg-word { display: none; }
	.akga-pg { min-width: 38px; height: 38px; padding: 0 10px; }
	.akga-empty { padding: 44px 18px 50px; border-radius: 20px; }
}
@media (prefers-reduced-motion: reduce) {
	.akga-search-go, .akga-empty-btn, .akga-chip, .akga-topic, .akga-pg, .akga-clear { transition: none !important; }
}


    .ak-footer { background: #0B1324; color: #cfd8dc; font-family: 'Plus Jakarta Sans','Manrope',system-ui,sans-serif; margin-top: 0; }
    .ak-footer * { box-sizing: border-box; }
    .ak-footer a { color: #cfd8dc; text-decoration: none; transition: color .15s; }
    .ak-footer a:hover { color: #7AB0B5; }
    .ak-footer-inner { max-width: 1200px; margin: 0 auto; padding: 56px 24px 0; }
    .ak-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 0.8fr; gap: 36px; padding-bottom: 40px; }
    .ak-footer-brand .ak-f-logo img { width: 230px; max-width: 100%; height: auto; display: block; filter: brightness(1.18) drop-shadow(0 2px 8px rgba(0,0,0,.35)); }
    .ak-footer-brand p { font-size: 14px; line-height: 1.65; color: #9fb0b5; margin: 12px 0 18px; max-width: 300px; }
    .ak-f-social { display: flex; gap: 10px; }
    .ak-f-social a { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); }
    .ak-f-social a:hover { background: #7AB0B5; border-color: #7AB0B5; }
    .ak-f-social svg { width: 17px; height: 17px; fill: #fff; }
    .ak-f-col h4 { font-size: 12px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: #7AB0B5; margin: 4px 0 16px; }
    .ak-f-col ul { list-style: none; margin: 0; padding: 0; }
    .ak-f-col li { margin: 0 0 11px; font-size: 14.5px; }
    .ak-f-col li a { display: inline-flex; align-items: center; gap: 7px; }
    .ak-f-badge { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: rgba(240,144,144,.18); color: #F09090; font-size: 10.5px; font-weight: 700; letter-spacing: .4px; }
    .ak-f-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 22px 26px; border-radius: 16px; background: linear-gradient(120deg, rgba(122,176,181,.16), rgba(240,144,144,.12)); border: 1px solid rgba(255,255,255,.10); margin-bottom: 40px; }
    .ak-f-cta-txt strong { display: block; color: #fff; font-size: 17px; font-weight: 800; margin-bottom: 3px; }
    .ak-f-cta-txt span { font-size: 13.5px; color: #9fb0b5; }
    .ak-f-cta a.ak-f-btn { flex-shrink: 0; padding: 13px 26px; border-radius: 999px; background: #ffffff; color: #0B1324 !important; font-weight: 800; font-size: 14.5px; box-shadow: 0 4px 14px rgba(0,0,0,.30); }
    .ak-f-cta a.ak-f-btn:hover { background: #7AB0B5; color: #0B1324 !important; transform: translateY(-1px); }
    /* D1: the inline form inside the dark footer band. */
    .ak-f-cta-form { align-items: flex-start; }
    .ak-f-cta-form .ak-f-cta-txt { flex: 1 1 320px; }
    .ak-f-nl { flex: 0 1 340px; min-width: 260px; max-width: 100%; }
    .ak-f-nl .ak-nl-ff input[type=text], .ak-f-nl .ak-nl-ff input[type=email] { border-color: rgba(255,255,255,.28) !important; }
    .ak-f-nl-fine { margin: 8px 0 0; font-size: 11.5px; line-height: 1.5; color: #8b9ba0; }
    @media (max-width: 700px) { .ak-f-nl { flex-basis: 100%; } }
    .ak-footer-bottom { border-top: 1px solid rgba(255,255,255,.10); padding: 20px 0 26px; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; font-size: 13px; color: #8b9ba0; }
    .ak-footer-bottom nav { display: flex; gap: 20px; flex-wrap: wrap; }
    .ak-footer-bottom nav a { color: #8b9ba0; }
    .ak-footer-bottom nav a:hover { color: #fff; }
    /* Affiliate disclosure — must sit with the legal line, never as a footnote
     * nobody reads. Same muted colour as the copyright so it reads as fine
     * print, not as a claim. */
    .ak-f-affil a { color: #75868b; text-decoration: underline; }
    .ak-f-affil { display: block; width: 100%; font-size: 12px; line-height: 1.6; color: #75868b; margin: 4px 0 0; }
    @media (max-width: 1100px) { .ak-footer-grid { grid-template-columns: 1fr 1fr 1fr; } .ak-footer-brand { grid-column: 1 / -1; } }
    @media (max-width: 900px) { .ak-footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; } }
    @media (max-width: 560px) {
        .ak-footer-grid { grid-template-columns: 1fr; gap: 26px; }
        .ak-footer-inner { padding-top: 42px; }
        .ak-footer-bottom { flex-direction: column; align-items: flex-start; }
    }
    /* belt & braces: never show the retired Elementor footer template */
    .elementor-2269 { display: none !important; }
    

/* Newsletter sign-up (FluentForm 5) — shared across the single templates.
   !important throughout: Tailwind's forms reset and Voxel both style bare inputs. */
.ak-nl-ff { --aknl-accent: #368d96; --aknl-accent-hover: #2a7780; --aknl-ink: #fff; --aknl-radius: 10px; --aknl-field: #f8fafb; }
.ak-nl-ff .ff-el-group { margin: 0 0 10px !important; }
.ak-nl-ff .ff-el-input--label { display: none !important; }  /* placeholders carry the labels */
.ak-nl-ff input[type=text], .ak-nl-ff input[type=email] {
    width: 100% !important; height: 44px !important;
    padding: 10px 14px !important; box-sizing: border-box !important;
    border: 1.5px solid #d6e4e6 !important; border-radius: var(--aknl-radius) !important;
    background: var(--aknl-field) !important; color: #0b1324 !important;
    font: 600 14px/1.4 Manrope, sans-serif !important;
    -webkit-appearance: none !important; appearance: none !important;
}
.ak-nl-ff input[type=text]:focus, .ak-nl-ff input[type=email]:focus {
    outline: none !important; border-color: var(--aknl-accent) !important; background: #fff !important;
}
.ak-nl-ff input::placeholder { color: #6e7a74 !important; font-weight: 500 !important; opacity: 1 !important; }
/* Every field row full width. A sidebar is ~300px, so the first/last name pair
   stacks instead of sharing a row — side by side both placeholders truncate.
   (Selectors are FluentForm's current ff-t-* grid, not the legacy ff_columns
   ones the places sidebar block still names.) */
.ak-nl-ff .ff-el-group,
.ak-nl-ff .ff-t-container,
.ak-nl-ff .ff-t-cell {
    width: 100% !important; max-width: 100% !important;
    flex: 1 1 100% !important;
    padding-left: 0 !important; padding-right: 0 !important;
}
.ak-nl-ff .ff-name-field-wrapper > .ff-t-container { display: block !important; }
.ak-nl-ff .ff-name-field-wrapper .ff-t-cell { display: block !important; width: 100% !important; }
.ak-nl-ff .ff_name_middle, .ak-nl-ff .ff-name-middle { display: none !important; }
.ak-nl-ff .ff-el-input--content input { width: 100% !important; box-sizing: border-box !important; }
.ak-nl-ff button[type=submit], .ak-nl-ff .ff-btn-submit {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 100% !important; height: 46px !important; padding: 0 16px !important;
    background: var(--aknl-accent) !important; background-image: none !important;
    color: var(--aknl-ink) !important; border: 0 !important; border-radius: var(--aknl-radius) !important;
    font: 700 14px/1 'Plus Jakarta Sans', sans-serif !important;
    -webkit-appearance: none !important; appearance: none !important;
    text-transform: none !important;
    transition: background .15s, color .15s, transform .1s !important; cursor: pointer !important;
    margin-top: 4px !important;
}
.ak-nl-ff button[type=submit]:hover, .ak-nl-ff .ff-btn-submit:hover {
    background: var(--aknl-accent-hover) !important;
    color: var(--aknl-ink-hover, var(--aknl-ink)) !important;
    transform: translateY(-1px) !important;
}
.ak-nl-ff .ff-message-success {
    background: #f0fdf4 !important; color: #166534 !important;
    padding: 10px 14px !important; border-radius: 8px !important;
    font-size: 13px !important; font-weight: 600 !important;
    border: 1px solid #bbf7d0 !important; margin-top: 10px !important;
}
.ak-nl-ff .ff-el-is-error input { border-color: #ef4444 !important; }
.ak-nl-ff .text-danger, .ak-nl-ff .error-text { font-size: 12px !important; }

form.fluent_form_5 .wpf_has_custom_css.ff-btn-submit { background-color:rgba(255, 107, 107, 1);border-color:rgba(255, 107, 107, 1);color:#ffffff; }form.fluent_form_5 .wpf_has_custom_css.ff-btn-submit:hover { background-color:#ffffff;border-color:#409EFF;color:#409EFF; } 

    /* Hidden by default — JS moves it into the header, then unhides */
    .ak-account-dd { display: none; }
    .ak-account-dd.ak-mounted { display: inline-block; }
    body.logged-in .ak-account-dd { display: none !important; }

    /* Hide Voxel's default logged-out trio in the user bar so our single
       icon stands alone. Show again for logged-in users. */
    body:not(.logged-in) .elementor-widget-ts-user-bar .ts-user-area .ts-comp-actions { display: none !important; }

    /* Hide the stand-alone "Sign Up" Elementor button widget in the header
       (element 95df272) — our dropdown now owns the signup CTA. Permanent;
       another rule already hides it for logged-in users. */
    .elementor-element-95df272 { display: none !important; }

    .ak-account-dd { position: relative !important; margin-left: 8px !important; }
    .ak-account-dd .ak-account-trigger {
        display: inline-flex !important; align-items: center !important; gap: 4px !important;
        width: auto !important; min-width: 0 !important; height: 40px !important;
        padding: 0 10px 0 12px !important;
        background: transparent !important;
        border: 1px solid rgba(54, 141, 150, 0.2) !important;
        border-radius: 999px !important;
        color: #368d96 !important; cursor: pointer !important;
        box-shadow: none !important; outline: none !important;
        font-family: 'Plus Jakarta Sans', Inter, sans-serif !important;
        transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
    }
    .ak-account-dd .ak-account-trigger:hover,
    .ak-account-dd .ak-account-trigger:focus {
        background: rgba(181, 213, 217, 0.18) !important;
        border-color: #368d96 !important;
        box-shadow: 0 4px 12px rgba(54, 141, 150, 0.12) !important;
    }
    .ak-account-dd .ak-account-icon  { width: 22px !important; height: 22px !important; color: #368d96 !important; }
    .ak-account-dd .ak-account-caret { width: 16px !important; height: 16px !important; color: #6e7a74 !important; transition: transform 0.2s ease !important; }
    .ak-account-dd[data-open="true"] .ak-account-caret { transform: rotate(180deg) !important; color: #368d96 !important; }

    .ak-account-menu {
        position: absolute; top: calc(100% + 10px); right: 0;
        width: 300px;
        background: #fff; border-radius: 14px;
        box-shadow: 0 20px 48px rgba(11, 19, 36, 0.18), 0 0 0 1px rgba(181, 213, 217, 0.40);
        padding: 8px; z-index: 10000;
        opacity: 0; transform: translateY(-8px); pointer-events: none;
        transition: opacity 0.18s ease, transform 0.18s ease;
    }
    .ak-account-dd[data-open="true"] .ak-account-menu { opacity: 1; transform: translateY(0); pointer-events: auto; }

    .ak-account-item {
        display: flex; align-items: center; gap: 10px;
        padding: 10px 14px; border-radius: 10px;
        text-decoration: none; color: #0b1324;
        font-family: 'Plus Jakarta Sans', Inter, sans-serif; font-size: 14px; font-weight: 600;
        transition: background 0.15s ease;
    }
    .ak-account-item:hover { background: #f4fafb; }
    .ak-account-item .ak-ico { width: 20px; height: 20px; color: #6e7a74; flex-shrink: 0; }
    /* "List Your Business" handshake — brand turquoise, not orange */
    .ak-account-item-icon-orange { color: #368d96 !important; }
    .ak-account-item-title { font-size: 14px; font-weight: 700; color: #0b1324; line-height: 1.2; }
    .ak-account-item-sub  { font-size: 12px; color: #6e7a74; font-weight: 500; margin-top: 2px; }
    .ak-account-divider { height: 1px; background: rgba(181, 213, 217, 0.40); margin: 8px 4px; }
    .ak-account-section-label {
        padding: 8px 14px 6px;
        font-family: 'Plus Jakarta Sans', Inter, sans-serif;
        font-size: 10px; font-weight: 700;
        letter-spacing: 1.2px; text-transform: uppercase;
        color: #94a3b8;
    }

    @media (max-width: 767px) {
        /* icon-only circle inside the island header (caret overflowed it) */
        .ak-account-dd .ak-account-trigger { width: 40px !important; height: 40px !important; padding: 0 !important; justify-content: center !important; }
        .ak-account-dd .ak-account-caret { display: none !important; }
        .ak-account-menu { right: -8px; width: 260px; }
    }