/*
 * ggApps brand layer: matches the App Store listing + intro video (cream / ink / terracotta, Manrope + Inter).
 * Deployed to: /var/www/html/wp-content/themes/generatepress-child/gg-brand.css
 *
 * Active on every page: header.php, 404.php, _calc-core.php and page-landing.php print <html class="gg-preview">.
 * (The class name is left over from the preview period; renaming it is optional.)
 */

@font-face { font-family: "GG Manrope"; font-weight: 800; font-display: swap; src: url("fonts/manrope-800.woff2") format("woff2"); }
@font-face { font-family: "GG Inter"; font-weight: 500; font-display: swap; src: url("fonts/inter-500.woff2") format("woff2"); }
@font-face { font-family: "GG Inter"; font-weight: 600; font-display: swap; src: url("fonts/inter-600.woff2") format("woff2"); }
@font-face { font-family: "GG Inter"; font-weight: 700; font-display: swap; src: url("fonts/inter-700.woff2") format("woff2"); }

html.gg-preview {
  --gg-cream: #f4ede0;
  --gg-cream-2: #ede3d2;
  --gg-paper: #fffdf8;
  --gg-ink: #141414;
  --gg-ink-60: #5a5650;
  --gg-line: #e2d8c6;
  --gg-terra: #c8704d;      /* decoration only: 3.1:1 on cream, never body text */
  --gg-terra-text: #9e4b2e; /* links: 5.2:1 on cream, 5.9:1 on paper, 4.7:1 on cream-2 */
  --gg-green: #1f8f55;      /* fills with white text (AFTER pill) */
  --gg-green-text: #176b40; /* green text: 5.6:1 on cream */
  --gg-radius: 20px;
  --gg-radius-sm: 12px;
  --gg-shadow: 0 12px 32px rgba(20, 20, 20, 0.10);
  --gg-head: "GG Manrope", "Manrope", system-ui, sans-serif;
  --gg-body: "GG Inter", "Inter", system-ui, sans-serif;
}

/* ── Base ── */
html.gg-preview body {
  background: var(--gg-cream);
  color: var(--gg-ink);
  font-family: var(--gg-body);
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}
html.gg-preview ::selection { background: var(--gg-terra); color: var(--gg-paper); }

/* ── Header (existing markup, recolored) ── */
html.gg-preview .gg-header { background: rgba(244, 237, 224, 0.92); border-bottom: 1px solid var(--gg-line); }
html.gg-preview .gg-wordmark-text { font-family: var(--gg-head); color: var(--gg-ink); letter-spacing: -0.03em; }
html.gg-preview .gg-badge { background: var(--gg-cream-2); color: var(--gg-ink); }
html.gg-preview .gg-nav-links a { color: var(--gg-ink-60); font-weight: 600; }
html.gg-preview .gg-nav-links a:hover { color: var(--gg-ink) !important; }
html.gg-preview .gg-cta-btn {
  background: var(--gg-ink) !important;
  color: var(--gg-paper) !important;
  font-family: var(--gg-body);
  box-shadow: none;
}
html.gg-preview .gg-cta-btn:hover { filter: none; background: #2a2724 !important; }

/* ── Post content (existing markup) ── */
html.gg-preview .entry-content,
html.gg-preview .entry-content p,
html.gg-preview .entry-content li { color: var(--gg-ink-60); font-family: var(--gg-body); }
html.gg-preview .entry-content h1,
html.gg-preview .entry-content h2,
html.gg-preview .entry-content h3,
html.gg-preview .entry-title,
html.gg-preview .entry-title a {
  font-family: var(--gg-head);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--gg-ink);
}
html.gg-preview .entry-content a { color: var(--gg-terra-text); text-decoration-thickness: 1px; text-underline-offset: 3px; }
html.gg-preview .entry-content a:hover { color: var(--gg-ink); }
html.gg-preview .entry-content strong { color: var(--gg-ink); font-weight: 700; }
html.gg-preview .entry-content img { border-radius: var(--gg-radius-sm); }
html.gg-preview .entry-meta, html.gg-preview .entry-meta a { color: var(--gg-ink-60); }

/* GeneratePress article boxes: paper cards on the cream page */
html.gg-preview .inside-article,
html.gg-preview .site-main > article,
html.gg-preview .one-container .site-content { background: var(--gg-paper); border-radius: var(--gg-radius); }
html.gg-preview .site, html.gg-preview .site-content, html.gg-preview #page { background: transparent; }

/* ── Footer (existing markup, recolored to ink) ── */
html.gg-preview .gg-footer { background: var(--gg-ink); color: #a8a29a; }
html.gg-preview .gg-flink, html.gg-preview .gg-variant-link { color: #cfc8bc !important; }
html.gg-preview .gg-flink:hover, html.gg-preview .gg-variant-link:hover { color: var(--gg-paper) !important; }
html.gg-preview .gg-footer-divider { border-top-color: #2a2724; }
html.gg-preview .gg-footer-col-label, html.gg-preview .gg-footer-bar, html.gg-preview .gg-footer-bar a { color: #a8a29a; }

/* ── Step 2: header + footer ── */
html.gg-preview .gg-wordmark-link { gap: 0.625rem; }
html.gg-preview .gg-wordmark-text { font-size: 1.3rem; }
html.gg-preview .gg-cta-btn { padding: 0.7rem 1.35rem; font-weight: 600; letter-spacing: 0; }
html.gg-preview .gg-footer-wordmark { display: flex; align-items: baseline; gap: 0; color: var(--gg-paper) !important; font-family: var(--gg-head) !important; }
html.gg-preview .gg-footer-badge { display: inline-block !important; margin-top: 1.375rem; line-height: 0; } /* clear space >= half badge height */
html.gg-preview .gg-footer-badge img { height: 44px; width: auto; }
html.gg-preview .gg-footer-brand p { color: #cfc8bc; }
@media (max-width: 580px) {
  html.gg-preview .gg-header-inner { padding: 0.75rem 1rem; gap: 0.75rem; }
  html.gg-preview .gg-wordmark-text { font-size: 1.15rem; }
  html.gg-preview .gg-cta-btn { padding: 0.6rem 1rem; font-size: 0.8125rem; }
}
html.gg-preview .gg-calc-sublabel { color: #a8a29a; }
html.gg-preview .gg-footer-brand a.gg-footer-badge { display: inline-block !important; margin-top: 1.375rem; }

/* ── Step 3: single blog post ── */
html.gg-preview body.single-post .gg-content { max-width: 50rem; margin-top: 2.5rem; }
html.gg-preview body.single-post .inside-article { padding: 2.75rem 3rem 3rem; box-shadow: var(--gg-shadow); border: 1px solid var(--gg-line); }
html.gg-preview body.single-post .featured-image { margin: 0 0 2rem !important; }
html.gg-preview body.single-post .featured-image img { border-radius: var(--gg-radius-sm); display: block; width: 100%; height: auto; }
html.gg-preview body.single-post .entry-title { font-size: clamp(2rem, 4.2vw, 2.75rem); line-height: 1.08; margin-bottom: 0.875rem; }
html.gg-preview body.single-post .entry-header .entry-meta { font-size: 0.9375rem; font-weight: 500; margin-bottom: 2.25rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--gg-line); }
html.gg-preview body.single-post .entry-header .entry-meta a { color: var(--gg-ink); text-decoration: none; font-weight: 600; }

html.gg-preview .entry-content { font-size: 1.0625rem; line-height: 1.75; }
html.gg-preview .entry-content p { font-size: 1.0625rem; line-height: 1.75; margin: 0 0 1.25rem; }
html.gg-preview .entry-content h2 { font-size: 1.75rem; line-height: 1.2; margin: 2.75rem 0 0.875rem; }
html.gg-preview .entry-content h3 { font-size: 1.25rem; line-height: 1.3; margin: 2rem 0 0.625rem; }
html.gg-preview .entry-content ul, html.gg-preview .entry-content ol { margin: 0 0 1.5rem 1.25rem; padding: 0; }
html.gg-preview .entry-content li { margin: 0 0 0.5rem; padding-left: 0.25rem; line-height: 1.7; }
html.gg-preview .entry-content li::marker { color: var(--gg-terra); font-weight: 700; }
html.gg-preview .entry-content hr { border: 0; border-top: 1px solid var(--gg-line); margin: 2.5rem 0; }

/* tables */
html.gg-preview .entry-content .wp-block-table { margin: 1.75rem 0; overflow-x: auto; }
html.gg-preview .entry-content table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--gg-line); border-radius: var(--gg-radius-sm); overflow: hidden; font-size: 0.9375rem; }
html.gg-preview .entry-content th { background: var(--gg-cream-2); color: var(--gg-ink); font-weight: 700; text-align: left; }
html.gg-preview .entry-content th, html.gg-preview .entry-content td { padding: 0.75rem 1rem; border: 0; border-bottom: 1px solid var(--gg-line); vertical-align: top; }
html.gg-preview .entry-content tr:last-child td { border-bottom: 0; }

/* quotes, code */
html.gg-preview .entry-content blockquote { margin: 1.75rem 0; padding: 1.25rem 1.5rem; background: var(--gg-cream); border: 0; border-radius: var(--gg-radius-sm); font-style: normal; }
html.gg-preview .entry-content blockquote p:last-child { margin-bottom: 0; }
html.gg-preview .entry-content code { background: var(--gg-cream-2); color: var(--gg-ink); padding: 0.125rem 0.375rem; border-radius: 6px; font-size: 0.9em; }
html.gg-preview .entry-content pre { background: var(--gg-ink); color: var(--gg-paper); padding: 1.25rem; border-radius: var(--gg-radius-sm); overflow-x: auto; }
html.gg-preview .entry-content pre code { background: none; color: inherit; padding: 0; }

/* images + video */
html.gg-preview .entry-content figure { margin: 1.75rem 0; }
html.gg-preview .entry-content .wp-block-image img { border-radius: var(--gg-radius-sm); border: 1px solid var(--gg-line); }
html.gg-preview .entry-content figcaption { color: var(--gg-ink-60); font-size: 0.875rem; text-align: center; margin-top: 0.625rem; }
html.gg-preview .entry-content .wp-block-embed-youtube .wp-block-embed__wrapper { border-radius: var(--gg-radius); overflow: hidden; box-shadow: var(--gg-shadow); }

/* buttons inside posts */
html.gg-preview .entry-content .wp-block-button__link { background: var(--gg-ink) !important; color: var(--gg-paper) !important; border-radius: 999px; padding: 0.8rem 1.5rem; font-weight: 600; text-decoration: none; }

/* footer meta: categories + tags as chips, prev/next as cards */
html.gg-preview body.single-post footer.entry-meta { margin-top: 2.5rem; padding-top: 1.75rem; border-top: 1px solid var(--gg-line); font-size: 0.875rem; }
html.gg-preview footer.entry-meta .cat-links a, html.gg-preview footer.entry-meta .tags-links a {
  display: inline-block; background: var(--gg-cream-2); color: var(--gg-ink); text-decoration: none; border-radius: 999px; padding: 0.25rem 0.75rem; margin: 0 0.25rem 0.375rem 0; font-weight: 600; font-size: 0.8125rem;
}
html.gg-preview footer.entry-meta .gp-icon { display: none; }
html.gg-preview .post-navigation { display: grid; grid-template-columns: 1fr 1fr; gap: 0.875rem; margin-top: 1.5rem; }
html.gg-preview .post-navigation .nav-previous, html.gg-preview .post-navigation .nav-next { background: var(--gg-cream); border: 1px solid var(--gg-line); border-radius: var(--gg-radius-sm); padding: 0.875rem 1rem; }
html.gg-preview .post-navigation .nav-next { text-align: right; }
html.gg-preview .post-navigation a { color: var(--gg-ink); text-decoration: none; font-weight: 600; line-height: 1.4; }
html.gg-preview .post-navigation .nav-previous:only-child { grid-column: 1 / -1; }

@media (max-width: 640px) {
  html.gg-preview body.single-post .gg-content { margin-top: 1rem; padding: 0 0.75rem 3rem; }
  html.gg-preview body.single-post .inside-article { padding: 1.5rem 1.25rem 2rem; }
  html.gg-preview .entry-content h2 { font-size: 1.5rem; }
  html.gg-preview .post-navigation { grid-template-columns: 1fr; }
  html.gg-preview .post-navigation .nav-next { text-align: left; }
}
html.gg-preview footer.entry-meta .cat-links, html.gg-preview footer.entry-meta .tags-links { display: block; font-size: 0; margin-bottom: 0.25rem; }
html.gg-preview footer.entry-meta .cat-links a, html.gg-preview footer.entry-meta .tags-links a { background: var(--gg-cream-2) !important; font-size: 0.8125rem; }
html.gg-preview footer.entry-meta .cat-links a:hover, html.gg-preview footer.entry-meta .tags-links a:hover { background: var(--gg-line) !important; }

/* ── Step 4: blog index ── */
html.gg-preview body.blog .gg-content { max-width: 72rem; margin-top: 2.5rem; }
html.gg-preview body.blog .site-main { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
html.gg-preview body.blog .gg-blog-intro, html.gg-preview body.blog .paging-navigation { grid-column: 1 / -1; }
html.gg-preview .gg-blog-intro { padding: 0.5rem 0 1rem; }
html.gg-preview .gg-blog-intro h1 { font-family: var(--gg-head); font-weight: 800; letter-spacing: -0.03em; font-size: clamp(2.25rem, 5vw, 3.25rem); line-height: 1.05; color: var(--gg-ink); margin: 0 0 0.75rem; }
html.gg-preview .gg-blog-intro p { color: var(--gg-ink-60); font-size: 1.125rem; line-height: 1.6; margin: 0; max-width: 40rem; }

html.gg-preview body.blog .site-main > article { margin: 0; background: transparent; }
html.gg-preview body.blog .inside-article {
  position: relative; height: 100%; display: flex; flex-direction: column;
  padding: 0 0 1.5rem; overflow: hidden;
  border: 1px solid var(--gg-line); box-shadow: 0 4px 14px rgba(20, 20, 20, 0.05);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
html.gg-preview body.blog .inside-article:hover { transform: translateY(-3px); box-shadow: var(--gg-shadow); }
html.gg-preview body.blog .post-image { order: 1; margin: 0 0 1.25rem !important; }
html.gg-preview body.blog .post-image img { width: 100%; aspect-ratio: 1200 / 630; object-fit: cover; display: block; border-radius: 0; }
html.gg-preview body.blog footer.entry-meta { order: 2; margin: 0; padding: 0 1.5rem; border: 0; font-size: 0; }
html.gg-preview body.blog footer.entry-meta .gp-icon, html.gg-preview body.blog footer.entry-meta .tags-links,
html.gg-preview body.blog footer.entry-meta .comments-link { display: none; }
html.gg-preview body.blog footer.entry-meta .cat-links a {
  position: relative; z-index: 2; display: inline-block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.02em;
  background: var(--gg-cream-2) !important; color: var(--gg-ink); text-decoration: none; border-radius: 999px; padding: 0.25rem 0.7rem; margin: 0 0.3rem 0.5rem 0;
}
html.gg-preview body.blog footer.entry-meta .cat-links a[href*="/category/uncategorized/"] { display: none; }
html.gg-preview body.blog .entry-header { order: 3; padding: 0 1.5rem; margin: 0; }
html.gg-preview body.blog .entry-title { font-size: 1.375rem; line-height: 1.25; margin: 0 0 0.5rem; }
html.gg-preview body.blog .entry-title a { color: var(--gg-ink); text-decoration: none; }
html.gg-preview body.blog .entry-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; } /* whole card clickable */
html.gg-preview body.blog .entry-header .entry-meta { font-size: 0.8125rem; color: var(--gg-ink-60); margin: 0 0 0.75rem; }
html.gg-preview body.blog .entry-header .byline { display: none; }
html.gg-preview body.blog .entry-summary, html.gg-preview body.blog .site-main .entry-content { order: 4; padding: 0 1.5rem; margin: 0; }
html.gg-preview body.blog .entry-summary p, html.gg-preview body.blog .site-main .entry-content p {
  font-size: 0.9375rem; line-height: 1.6; color: var(--gg-ink-60); margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
html.gg-preview body.blog .site-main .entry-content p ~ *, html.gg-preview body.blog .site-main .entry-content p + p { display: none; }
html.gg-preview body.blog .read-more, html.gg-preview body.blog .read-more-container { display: none; }

html.gg-preview body.blog .paging-navigation { text-align: center; padding-top: 0.5rem; }
html.gg-preview body.blog .paging-navigation .page-numbers {
  display: inline-block; min-width: 2.5rem; padding: 0.5rem 0.875rem; margin: 0 0.2rem; border-radius: 999px;
  background: var(--gg-paper) !important; color: var(--gg-ink); border: 1px solid var(--gg-line); text-decoration: none; font-weight: 600;
}
html.gg-preview body.blog .paging-navigation .page-numbers.current { background: var(--gg-ink) !important; color: var(--gg-paper); border-color: var(--gg-ink); }

@media (max-width: 768px) {
  html.gg-preview body.blog .site-main { grid-template-columns: 1fr; gap: 1.25rem; }
  html.gg-preview body.blog .gg-content { margin-top: 1.25rem; padding: 0 1rem 3rem; }
}

/* ── Step 6: fee calculators (Tailwind + _calc-core.php classes, recolored) ── */
html.gg-preview .text-slate-900, html.gg-preview .text-slate-800 { color: var(--gg-ink) !important; }
html.gg-preview .text-slate-600, html.gg-preview .text-slate-500 { color: var(--gg-ink-60) !important; }
html.gg-preview .text-slate-400, html.gg-preview .text-slate-300 { color: #8a837a !important; }
html.gg-preview .bg-slate-50 { background-color: var(--gg-cream) !important; }
html.gg-preview .bg-white { background-color: var(--gg-paper) !important; }
html.gg-preview .border-slate-200, html.gg-preview .border-slate-100 { border-color: var(--gg-line) !important; }
html.gg-preview h1, html.gg-preview h2, html.gg-preview h3 { font-family: var(--gg-head); letter-spacing: -0.03em; }

html.gg-preview .primary-gradient { background: var(--gg-ink) !important; }
html.gg-preview .section-kicker { color: var(--gg-terra-text) !important; }
html.gg-preview .btn-primary { background: var(--gg-ink) !important; color: var(--gg-paper) !important; border-radius: 999px !important; }
html.gg-preview .btn-primary:hover { filter: none; background: #2a2724 !important; }

html.gg-preview .calc-card { background: var(--gg-paper) !important; border-color: var(--gg-line) !important; border-radius: var(--gg-radius) !important; box-shadow: var(--gg-shadow) !important; }
html.gg-preview .calc-results { background: var(--gg-ink) !important; }
html.gg-preview .calc-results::before, html.gg-preview .calc-results::after { opacity: 0.25; }
html.gg-preview .result-big { font-family: var(--gg-head); }
html.gg-preview .result-payout { color: #9ee3be !important; }
html.gg-preview .source-link a, html.gg-preview .plus-msg a { color: var(--gg-paper) !important; }

html.gg-preview .region-pill { background: var(--gg-cream) !important; border-color: var(--gg-line) !important; color: var(--gg-ink) !important; }
html.gg-preview .region-pill:hover { background: var(--gg-cream-2) !important; }
html.gg-preview .region-pill.active { background: var(--gg-ink) !important; border-color: var(--gg-ink) !important; color: var(--gg-paper) !important; }

html.gg-preview .plan-card { border-color: var(--gg-line) !important; background: var(--gg-paper) !important; }
html.gg-preview .plan-card:hover { border-color: var(--gg-ink-60) !important; box-shadow: none !important; }
html.gg-preview .plan-card.active { border-color: var(--gg-ink) !important; background: var(--gg-cream) !important; }
html.gg-preview .plan-card .pname { color: var(--gg-ink) !important; }
html.gg-preview .plan-card .prate { color: var(--gg-terra-text) !important; }
html.gg-preview .plan-card .pprice { color: var(--gg-ink-60) !important; }

html.gg-preview .gateway-toggle { background: var(--gg-cream-2) !important; }
html.gg-preview .gateway-btn.active { background: var(--gg-paper) !important; color: var(--gg-ink) !important; }

html.gg-preview .amount-wrap { border-color: var(--gg-line) !important; }
html.gg-preview .amount-wrap:focus-within { border-color: var(--gg-ink) !important; }
html.gg-preview .amount-sym { background: var(--gg-cream) !important; color: var(--gg-ink) !important; border-right-color: var(--gg-line) !important; }
html.gg-preview .amount-input { background: var(--gg-paper) !important; color: var(--gg-ink) !important; }
html.gg-preview .input-label { color: var(--gg-ink-60) !important; }
html.gg-preview .input-divider { border-top-color: var(--gg-line) !important; }

html.gg-preview .rates-tbl th { background: var(--gg-ink) !important; color: var(--gg-paper) !important; }
html.gg-preview .rates-tbl td { border-bottom-color: var(--gg-line) !important; }
html.gg-preview .rates-tbl tbody tr:hover td { background: var(--gg-cream) !important; }
html.gg-preview .rates-tbl .rhead td { background: var(--gg-cream-2) !important; color: var(--gg-ink) !important; }
html.gg-preview .tbl-scroll { border-color: var(--gg-line) !important; }

html.gg-preview .rlink { background: var(--gg-paper) !important; border-color: var(--gg-line) !important; color: var(--gg-ink) !important; }
html.gg-preview .rlink:hover { border-color: var(--gg-ink) !important; background: var(--gg-cream) !important; color: var(--gg-ink) !important; }
html.gg-preview .tip-card { background: var(--gg-paper) !important; border-color: var(--gg-line) !important; }
html.gg-preview .tip-icon { background: var(--gg-cream-2) !important; color: var(--gg-ink) !important; }
html.gg-preview .faq-item { background: var(--gg-paper) !important; border-color: var(--gg-line) !important; }
html.gg-preview .faq-answer { color: var(--gg-ink-60) !important; }

/* ── Step 6: 404 ── */
html.gg-preview body.error404 { background: var(--gg-cream) !important; }
html.gg-preview body.error404 main.gg-404 {
  max-width: 560px !important; margin: 4rem auto !important; padding: 3rem 2.5rem !important;
  background: var(--gg-paper); border: 1px solid var(--gg-line); border-radius: var(--gg-radius); box-shadow: var(--gg-shadow);
  color: var(--gg-ink) !important; font-family: var(--gg-body) !important; text-align: center;
}
html.gg-preview body.error404 main.gg-404 > p:first-child { color: var(--gg-terra-text) !important; }
html.gg-preview body.error404 main.gg-404 h1 { font-family: var(--gg-head); letter-spacing: -0.03em; font-size: 2.25rem !important; }
html.gg-preview body.error404 main.gg-404 ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin-top: 1.5rem; }
html.gg-preview body.error404 main.gg-404 li a { display: inline-block; background: var(--gg-cream-2) !important; color: var(--gg-ink) !important; text-decoration: none; padding: 0.4rem 0.9rem; border-radius: 999px; font-weight: 600; line-height: 1.5; }
html.gg-preview body.error404 main.gg-404 li a:hover { background: var(--gg-ink) !important; color: var(--gg-paper) !important; }
html.gg-preview body.error404 main.gg-404 p { color: var(--gg-ink-60) !important; }
html.gg-preview body.error404 main.gg-404 > p:first-child { color: var(--gg-terra-text) !important; }

/* blog index cards: visible "Read the guide" affordance */
html.gg-preview body.blog .inside-article::after { content: "Read the guide \2192"; order: 5; padding: 0.875rem 1.5rem 0; color: var(--gg-terra-text); font-weight: 700; font-size: 0.9375rem; transition: transform 0.18s; }
html.gg-preview body.blog .inside-article:hover::after { transform: translateX(4px); }
html.gg-preview body.blog .inside-article:hover .entry-title a { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* studio (ggApps.) vs product (gg Variant Images, always with its icon) */
html.gg-preview .gg-dot { color: var(--gg-terra); }
html.gg-preview .gg-nav-app { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--gg-ink) !important; font-weight: 600; }
html.gg-preview .gg-nav-app img { width: 20px; height: 20px; border-radius: 5px; display: block; }
html.gg-preview .gg-variant-link { display: inline-flex !important; align-items: center; gap: 0.5rem; }
html.gg-preview .gg-variant-link img { width: 20px; height: 20px; border-radius: 5px; display: block; }