/* Header logo — transistor-logo-clear.png (pre-rendered PNG, cross-browser safe).
   2.4 rem matches the Material header height; 0 vertical padding lets the
   icon fill the full available height of the nav bar.                        */
.md-header__button.md-logo {
    padding: 0 0.3rem 0 0.2rem;
}
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    height: 2.4rem;
    width:  2.4rem;
}

/* Home page hero panel */
.md-content article > svg {
    margin: 1.5rem 0 2rem;
    border-radius: 20px;
}

/* ── Landing page — constrained content column (ticker is full-bleed) ───────── */
.bgeo-landing-wrap {
    padding-inline: 10%;
}

/* ── Landing page — intro block (image + headline + tagline + CTA) ───────── */
.bgeo-landing-intro {
    text-align: center;
}
.bgeo-landing-intro .bgeo-hero-img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
    margin: 1.5rem auto 2rem;
}
.bgeo-landing-intro h1 {
    text-align: center;
}
.bgeo-landing-intro p {
    text-align: center;
}
.bgeo-landing-intro .bgeo-buy-now-btn {
    display: block;
    width: fit-content;
    margin: 1rem auto 0;
}

/* ── Landing page — platform selector cards ─────────────────────────────── */
.bgeo-platform-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    margin: 2rem 0 2.5rem;
}
.bgeo-platform-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none !important;
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 14px;
    padding: 1rem 0.75rem 1.1rem;
    transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
    background: var(--md-default-bg-color);
}
.bgeo-platform-card:hover {
    border-color: var(--md-accent-fg-color);
    box-shadow: 0 6px 24px rgba(0,0,0,0.28);
    transform: translateY(-2px);
}
.bgeo-platform-card img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 0.85rem;
}
.bgeo-platform-card__label {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--md-default-fg-color);
}
.bgeo-platform-card__sub {
    font-size: 0.78rem;
    color: var(--md-default-fg-color--light);
    text-align: center;
    margin-top: 0.3rem;
    line-height: 1.4;
}

/* ── Landing page — ticker marquee ──────────────────────────────────────── */
/* Stats strip */
.bgeo-stats {
    display: flex;
    justify-content: center;
    gap: 3.5rem;
    margin: 2rem 0 1rem;
    text-align: center;
}
.bgeo-stats__number {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: var(--md-default-fg-color);
}
.bgeo-stats__label {
    display: block;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--md-default-fg-color--light);
    margin-top: 0.3rem;
    opacity: 0.7;
}

/* Use case pills */
.bgeo-use-cases {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.4rem;
    margin: 0 0 1.75rem;
}
.bgeo-use-case__pill {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    background: var(--md-default-fg-color--lightest);
    color: var(--md-default-fg-color--light);
}

.bgeo-ticker__title {
    text-align: center;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--md-default-fg-color--light);
    margin: 1.5rem 0 0.4rem;
    opacity: 0.6;
}
.bgeo-ticker {
    overflow: hidden;
    white-space: nowrap;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 1.25rem 0;
    border-top: 1px solid var(--md-default-fg-color--lightest);
    border-bottom: 1px solid var(--md-default-fg-color--lightest);
    padding: 0.5rem 0;
}
.bgeo-ticker__track {
    display: inline-block;
    animation: bgeo-ticker-scroll 60s linear infinite;
}
.bgeo-ticker:hover .bgeo-ticker__track {
    animation-play-state: paused;
}
.bgeo-ticker__item {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--md-default-fg-color--light) !important;
    text-decoration: none !important;
    margin: 0 1.25rem;
    transition: color 0.15s;
}
.bgeo-ticker__item:hover {
    color: var(--md-accent-fg-color) !important;
}
.bgeo-ticker__item::before {
    content: "●";
    font-size: 0.4em;
    vertical-align: middle;
    margin-right: 1.25rem;
    opacity: 0.4;
}
@keyframes bgeo-ticker-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ── Landing page — feature grid ────────────────────────────────────────── */
.bgeo-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}
.bgeo-feature {
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 10px;
    padding: 1rem 1.1rem;
}
.bgeo-feature strong {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--md-default-fg-color);
}

/* ── Platform page — repo icon cards ───────────────────────────────────── */
.bgeo-repo-cards {
    display: flex;
    gap: 1.5rem;
    margin: 1.5rem 0 2rem;
    flex-wrap: wrap;
}
.bgeo-repo-card-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
}
.bgeo-repo-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
    text-decoration: none !important;
    transition: transform 0.18s, opacity 0.18s;
}
.bgeo-repo-card:hover {
    transform: translateY(-2px);
    opacity: 0.85;
}
.bgeo-repo-card__icon {
    position: relative;
    width: 77px;
    height: 77px;
}
.bgeo-repo-card__icon > img:first-child {
    width: 77px;
    height: 77px;
    border-radius: 17px;
    display: block;
}
.bgeo-repo-card__gh {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
}
.bgeo-repo-card span {
    font-size: 0.72rem;
    color: var(--md-default-fg-color--light);
    text-align: center;
    max-width: 96px;
    line-height: 1.3;
    word-break: break-all;
}


/* ── Platform page — Buy Now button ─────────────────────────────────────── */
.bgeo-buy-now-btn {
    display: inline-block;
    padding: 0.4rem 1.1rem;
    border-radius: 6px;
    background: var(--md-accent-fg-color);
    color: var(--md-accent-bg-color) !important;
    font-weight: 600;
    font-size: 0.8rem;
    text-decoration: none !important;
    transition: opacity 0.15s;
    white-space: nowrap;
}
.bgeo-buy-now-btn:hover { opacity: 0.85; }

/* ── Pricing / Purchase page ─────────────────────────────────────────────── */
.bgeo-pricing {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 0 0.5em;
    align-self: flex-start;
    font-size: 20px;        /* pin to 20px — prevents Material's viewport font scaling */
}
.bgeo-pricing__header {
    text-align: center;
    margin-bottom: 0.5em;
}
.bgeo-pricing__kicker {
    font-size: 0.75em;
    letter-spacing: 0.12em;
    color: var(--md-default-fg-color--light);
    text-transform: uppercase;
    margin-bottom: 0.25em;
}
.bgeo-pricing__header h1 {
    font-size: 1.65em;
    font-weight: 700;
    margin: 0.1em 0 0.5em;
}
.bgeo-pricing__sub {
    color: var(--md-default-fg-color--light);
    font-size: 0.8em;
    max-width: 680px;
    margin: 0 auto 1.75em;
}
.bgeo-pricing__cards {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}
.bgeo-pricing__card {
    flex: 1;
    min-width: 210px;
    max-width: 260px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 12px;
    padding: 1em 1.25em 1em;
    background: var(--md-default-bg-color);
}
.bgeo-pricing__card--featured {
    border-color: var(--md-accent-fg-color);
    box-shadow: 0 4px 20px rgba(0,0,0,0.18);
}
.bgeo-pricing__card h2 {
    font-size: 0.85em;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin: 0 0 0.5em;
    border: none;
    padding: 0;
}
.bgeo-pricing__apps {
    font-size: 0.75em;
    color: var(--md-default-fg-color--light);
    margin: 0 0 0.75em;
}
.bgeo-pricing__price {
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 0.65em;
    border-bottom: 1px solid var(--md-default-fg-color--lightest);
    padding-bottom: 0.65em;
}
.bgeo-pricing__price s {
    font-size: 0.625em;  /* 1/1.6 — restores original 1rem relative to root, not parent */
    font-weight: 400;
    color: var(--md-default-fg-color--light);
    margin-right: 0.3em;
}
.bgeo-pricing__features {
    list-style: none;
    padding: 0;
    margin: 0 0 1em;
    flex: 1;
    font-size: 0.78em;
}
.bgeo-pricing__features li {
    padding: 0.2em 0;
    border-bottom: 1px solid var(--md-default-fg-color--lightest);
}
.bgeo-pricing__premium {
    display: inline-block;
    padding: 0.1em 0.5em;
    border-radius: 4px;
    background: #4caf50;
    color: #fff;
    font-size: 0.75em;
    font-weight: 700;
    vertical-align: middle;
    margin-right: 0.2em;
}
.bgeo-pricing__btn {
    display: block;
    text-align: center;
    padding: 0.65em 1em;
    border-radius: 8px;
    background: var(--md-accent-fg-color);
    color: var(--md-accent-bg-color) !important;
    font-weight: 600;
    font-size: 0.95em;
    text-decoration: none !important;
    transition: opacity 0.15s;
    margin-top: auto;
}
.bgeo-pricing__btn:hover { opacity: 0.85; }
.bgeo-pricing__footnote {
    text-align: center;
    font-size: 0.82em;
    color: var(--md-default-fg-color--light);
    margin-top: 1em;
}
.bgeo-pricing__platform-tabs {
    display: flex;
    gap: 0.5em;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1em;
}
.bgeo-pricing__ptab {
    display: flex;
    align-items: center;
    gap: 0.4em;
    padding: 0.45em 1em;
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 6px;
    background: var(--md-default-bg-color);
    color: var(--md-default-fg-color--light);
    font-size: 0.88em;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
}
.bgeo-pricing__ptab:hover {
    border-color: var(--md-accent-fg-color);
    color: var(--md-default-fg-color);
}
.bgeo-pricing__ptab--active {
    border-color: var(--md-accent-fg-color);
    color: var(--md-default-fg-color);
    font-weight: 600;
}
.bgeo-pricing__ptab .bgeo-platform-heading-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.bgeo-pricing__btn--unavailable {
    display: block;
    text-align: center;
    padding: 0.65em 1em;
    border-radius: 8px;
    background: var(--md-default-fg-color--lightest);
    color: var(--md-default-fg-color--light) !important;
    font-size: 0.88em;
    margin-top: auto;
    cursor: default;
}

/* ── Purchase page — suppress Material wrapper whitespace ───────────────── */
.md-main__inner:has(.bgeo-pricing)          { margin-top: 0; }
.md-content__inner:has(.bgeo-pricing)       { padding-top: 0; margin-bottom: 0; }

/* ── Purchase confirm modal ──────────────────────────────────────────────── */
#bgeo-confirm-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
}
#bgeo-confirm-modal.bgeo-confirm--open {
    display: flex;
}
.bgeo-confirm__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(2px);
}
.bgeo-confirm__dialog {
    position: relative;
    background: var(--md-default-bg-color);
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 14px;
    padding: 2rem 2.25rem;
    max-width: 420px;
    width: calc(100% - 2rem);
    box-shadow: 0 24px 60px rgba(0,0,0,0.4);
    text-align: center;
}
.bgeo-confirm__eyebrow {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--md-default-fg-color--light);
    margin: 0 0 0.75rem;
}
.bgeo-confirm__icons {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 0.6rem;
}
.bgeo-confirm__icons .bgeo-platform-heading-icon {
    width: 52px;
    height: 52px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
}
.bgeo-confirm__title {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
    border: none;
    padding: 0;
    color: var(--md-default-fg-color);
}
.bgeo-confirm__price {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--md-accent-fg-color);
    margin: 0 0 0.75rem;
}
.bgeo-confirm__note {
    font-size: 0.8rem;
    color: var(--md-default-fg-color--light);
    margin: 0 0 1.5rem;
}
.bgeo-confirm__actions {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}
.bgeo-confirm__cancel {
    flex: 1;
    padding: 0.65rem 1rem;
    border-radius: 8px;
    border: 1px solid var(--md-default-fg-color--lightest);
    background: transparent;
    color: var(--md-default-fg-color--light);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
}
.bgeo-confirm__cancel:hover {
    border-color: var(--md-default-fg-color--light);
    color: var(--md-default-fg-color);
}
.bgeo-confirm__ok {
    flex: 1;
    display: block;
    padding: 0.65rem 1rem;
    border-radius: 8px;
    background: var(--md-accent-fg-color);
    color: var(--md-accent-bg-color) !important;
    font-size: 0.95rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    transition: opacity 0.15s;
}
.bgeo-confirm__ok:hover { opacity: 0.85; }

/* ── Platform badge: [Android only] ─────────────────────────────────────── */
.platform-badge {
    display: inline-block;
    padding: 0.2em 0.65em;
    border-radius: 100px;
    font-size: 0.7em;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.5;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none !important;
    user-select: none;
    background-repeat: no-repeat;
    background-position: 0.45em center;
    background-size: 15px 15px;
    padding-left: calc(0.45em + 15px + 0.35em);
}
.platform-badge--android {
    background-color: #29a865;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-12 -12 24 24'%3E %3Cg transform='scale(0.03566) translate(-2183.82,-196.50)'%3E%3Cpath fill='%230a2e1a' d='m 2520.38,377.22997 c -0.22,-1.378 -0.43,-2.74 -0.66,-4.102 -1.39,-8.451 -3.12,-16.803 -5.13,-25.041 -3.53,-14.391 -7.97,-28.437 -13.27,-42.04 -4.48,-11.52 -9.58,-22.727 -15.24,-33.59 -7.28,-13.948 -15.49,-27.338 -24.56,-40.072 -11.12,-15.605 -23.54,-30.225 -37.1,-43.697 -5.69,-5.662 -11.58,-11.126 -17.66,-16.361 -13.17,-11.371 -27.24,-21.725 -42.06,-30.98 0.13,-0.214 0.24,-0.443 0.37,-0.657 6.79,-11.732 13.6,-23.449 20.39,-35.181 6.64,-11.453998 13.28,-22.907998 19.92,-34.360998 4.78,-8.221 9.55,-16.459 14.3,-24.68 1.13,-1.953 2.02,-3.971 2.69,-6.038 1.86,-5.76 1.94,-11.815 0.45,-17.444 -0.38,-1.394 -0.84,-2.756 -1.4,-4.085 -0.56,-1.33 -1.21,-2.626 -1.95,-3.873 -2.54,-4.266 -6.17,-7.9749997 -10.73,-10.6829997 -4.03,-2.395 -8.54,-3.823 -13.16,-4.233 -1.94,-0.164 -3.89,-0.148 -5.83,0.049 -1.6,0.164 -3.19,0.46 -4.77,0.87 -5.62,1.493 -10.84,4.578 -14.9,9.0409997 -1.46,1.608 -2.78,3.381 -3.91,5.333 -4.77,8.221 -9.54,16.459 -14.3,24.68 l -19.92,34.361 c -6.79,11.733 -13.6,23.449 -20.39,35.181998 -0.74,1.279 -1.49,2.559 -2.23,3.856 -1.03,-0.411 -2.05,-0.821 -3.08,-1.215 -37.44,-14.275998 -78.06,-22.085998 -120.52,-22.085998 -1.16,0 -2.31,0 -3.48,0.016 -37.75,0.377 -74.02,6.941 -107.86,18.722998 -3.91,1.362 -7.78,2.806 -11.62,4.316 -0.69,-1.198 -1.4,-2.396 -2.08,-3.594 -6.79,-11.732998 -13.6,-23.448998 -20.39,-35.181998 -6.64,-11.453 -13.28,-22.907 -19.92,-34.361 -4.78,-8.221 -9.55,-16.458 -14.3,-24.679 -1.14,-1.953 -2.45,-3.725 -3.91,-5.333 -4.06,-4.4639997 -9.28,-7.5489997 -14.9,-9.0419997 -1.58,-0.41 -3.17,-0.705 -4.78,-0.869 -1.93,-0.197 -3.88,-0.214 -5.82,-0.05 -4.62,0.394 -9.13,1.822 -13.17,4.234 -4.56,2.707 -8.16,6.4159997 -10.72,10.6819997 -0.74,1.247 -1.4,2.544 -1.95,3.873 -0.56,1.329 -1.04,2.691 -1.4,4.086 -1.49,5.628 -1.41,11.683 0.44,17.443 0.68,2.068 1.56,4.086 2.69,6.039 4.78,8.221 9.55,16.458 14.3,24.679 6.65,11.454 13.29,22.908 19.93,34.360998 6.79,11.733 13.59,23.449 20.38,35.182 0.05,0.098 0.12,0.197 0.17,0.295 -13.7,8.517 -26.73,17.952 -39.03,28.273 -7.37,6.187 -14.47,12.668 -21.27,19.445 -13.55,13.472 -25.96,28.093 -37.1,43.698 -9.08,12.734 -17.3,26.107 -24.56,40.072 -5.66,10.863 -10.76,22.07 -15.24,33.59 -5.3,13.603 -9.74,27.649 -13.27,42.04 -2.01,8.238 -3.72,16.574 -5.13,25.041 -0.23,1.362 -0.44,2.74 -0.65,4.102 -0.76,4.907 -1.4,9.846 -1.94,14.818 h 673.11 c -0.54,-4.972 -1.18,-9.911 -1.93,-14.818 z'/%3E%3Cpath fill='%2366bb88' d='m 2360.79,298.98697 c 13.47,-8.966 15.43,-29.71 4.37,-46.331 -11.05,-16.622 -30.93,-22.827 -44.39,-13.861 -13.47,8.967 -15.43,29.71 -4.37,46.331 11.05,16.622 30.93,22.828 44.39,13.861 z'/%3E%3Cpath fill='%2366bb88' d='m 2055.6,285.18397 c 11.06,-16.622 9.1,-37.365 -4.37,-46.331 -13.47,-8.967 -33.34,-2.761 -44.4,13.86 -11.05,16.622 -9.09,37.365 4.37,46.331 13.47,8.967 33.35,2.761 44.4,-13.86 z'/%3E%3C/g%3E %3C/svg%3E");
    color: #0a2e1a;
    box-shadow: 0 1px 3px rgba(41, 168, 101, 0.4), inset 0 1px 0 rgba(255,255,255,0.25);
}

.platform-badge--ios {
    background-color: #0071e3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-12 -12 24 24'%3E %3Cg transform='scale(0.16000) translate(-99.0,-97.0)' fill-rule='evenodd'%3E%3Cpath d='m32.882 137.54h-4.5633v-60.979h4.5633v60.979zm-2.3466-75.927c-1.9244 0-3.5158-1.5265-3.5158-3.4509 0-1.9812 1.5833-3.5158 3.5158-3.5158 1.9812 0 3.5564 1.5265 3.5564 3.5158 0 1.9244-1.5752 3.4509-3.5564 3.4509z' fill='%2366bb88'/%3E%3Cpath d='m77.205 138.73c-22.313 0-36.409-16.248-36.409-42.076 0-25.699 14.161-42.011 36.409-42.011s36.401 16.313 36.401 42.011 c0 25.829-14.096 42.076-36.401 42.076zm0-79.89c-19.422 0-31.821 14.664-31.821 37.813 0 23.166 12.456 37.887 31.821 37.887 19.422 0 31.821-14.721 31.821-37.887 0-23.157-12.399-37.813-31.821-37.813z' fill='%2366bb88'/%3E%3Cpath d='m146.1 138.73c-16.751 0-28.76-9.4595-29.442-22.987h4.474 c0.68206 11.092 11.1 18.854 25.309 18.854 13.868 0 23.547-7.8761 23.547-18.513 0-8.5582-5.7731-13.479-19.471-16.93l-9.6787-2.3791 c-15.111-3.8569-21.972-9.971-21.972-20.21 0-12.74 11.895-21.915 26.787-21.915 15.395 0 26.892 9.0616 27.404 21.063h-4.474 c-0.62522-9.7924-10.19-16.93-23.044-16.93 -12.293 0-22.086 7.3646-22.086 17.668 0 8.1603 6.0005 12.854 19.13 16.134l9.1184 2.3222 c15.793 3.9056 22.873 9.971 22.873 20.835 0 13.527-11.376 22.987-28.476 22.987z' fill='%2366bb88'/%3E%3C/g%3E %3C/svg%3E");
    color: white;
    box-shadow: 0 1px 3px rgba(0, 113, 227, 0.4), inset 0 1px 0 rgba(255,255,255,0.2);
}
h1 .platform-badge { font-size: 0.5rem; }


/* ── Setup page h2 — subtle section divider ─────────────────────────────── */
.md-content article h2 {
    border-bottom: 1px solid var(--md-default-fg-color--lightest);
    padding-bottom: 0.3em;
}

/* ── Setup page headings — platform SVG icons ───────────────────────────── */
.bgeo-platform-heading-icon {
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0.35em;
    vertical-align: middle;
    position: relative;
    top: -0.06em;
}
.bgeo-platform-heading-icon[data-platform="ios"]          { background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/ios.svg'); }
.bgeo-platform-heading-icon[data-platform="android"]      { background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/android.svg'); }
.bgeo-platform-heading-icon[data-platform="react-native"] { background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/react-native.svg'); }
.bgeo-platform-heading-icon[data-platform="expo"]         { background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/expo.svg'); }
.bgeo-platform-heading-icon[data-platform="capacitor"]    { background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/capacitor.svg'); }
.bgeo-platform-heading-icon[data-platform="flutter"]      { background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/flutter.svg'); }
.bgeo-platform-heading-icon[data-platform="cordova"]      { background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/cordova.svg'); }
.bgeo-platform-heading-icon[data-platform="swift"]        { background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/swift.svg'); }
.bgeo-platform-heading-icon[data-platform="kotlin"]       { background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/kotlin.svg'); }

/* ── Table first-column code — prevent wrapping of long identifier names ──── */
.md-content table td:first-child code {
    white-space: nowrap;
}

/* ── TOC top-level section headers (H2 entries: Events, Methods, etc.) ─────── */
/* Only items that received an icon are category headers — not individual members */
.md-nav--secondary > .md-nav__list > .md-nav__item > .md-nav__link:has(.bgeo-toc-icon) {
    border-bottom: 2px solid var(--md-default-fg-color--lightest) !important;
    padding-bottom: 0.2em;
    margin-bottom: 0.15em;
}

/* ── Primary nav icons (Home / Setup / Examples) — pure CSS via ::before ──
   Positional selectors within .md-nav[data-md-level="1"] work for both
   active (href="./") and non-active states. Child order is fixed by
   _static_nav_entries: 1=Home  2=Setup  3=Examples                         */

.md-sidebar--primary .md-nav[data-md-level="1"] > ul > li:nth-child(1) > a.md-nav__link::before,
.md-sidebar--primary .md-nav[data-md-level="1"] > ul > li:nth-child(2) > a.md-nav__link::before,
.md-sidebar--primary .md-nav[data-md-level="1"] > ul > li:nth-child(3) > a.md-nav__link::before {
    content: "";
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    margin-right: 0.4em;
    vertical-align: middle;
    flex-shrink: 0;
    opacity: 0.6;
    background-color: var(--md-default-fg-color);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* Home — house icon */
.md-sidebar--primary .md-nav[data-md-level="1"] > ul > li:nth-child(1) > a.md-nav__link::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}

/* Setup — wrench icon */
.md-sidebar--primary .md-nav[data-md-level="1"] > ul > li:nth-child(2) > a.md-nav__link::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z'/%3E%3C/svg%3E");
}

/* Examples — code-2 icon */
.md-sidebar--primary .md-nav[data-md-level="1"] > ul > li:nth-child(3) > a.md-nav__link::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 16 4-4-4-4'/%3E%3Cpath d='m6 8-4 4 4 4'/%3E%3Cpath d='m14.5 4-5 16'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 16 4-4-4-4'/%3E%3Cpath d='m6 8-4 4 4 4'/%3E%3Cpath d='m14.5 4-5 16'/%3E%3C/svg%3E");
}

/* ── TOC Lucide icons ────────────────────────────────────────────────────── */
.md-nav--secondary .bgeo-toc-icon {
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    margin-right: 0.4em;
    vertical-align: middle;
    flex-shrink: 0;
    opacity: 0.85;
    stroke: var(--md-accent-fg-color);
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ── Page heading Lucide icons (h3.bgeo-method-group) ───────────────────── */
.bgeo-heading-icon {
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    margin-right: 0.35em;
    vertical-align: middle;
    position: relative;
    top: -0.06em;
    opacity: 0.75;
    stroke: var(--md-accent-fg-color);
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ── Method sub-group TOC expand / collapse ─────────────────────────────── */

/* Hide nested method list when collapsed */
.md-nav--secondary .bgeo-group--collapsed > .md-nav {
    display: none;
}

/* Arrow indicator injected by method-groups.js */
.bgeo-group-indicator {
    display: inline-block;
    font-size: 0.7em;
    opacity: 0.55;
    margin-left: 0.3em;
    vertical-align: middle;
    transition: transform 0.15s ease;
}

/* Rotate arrow when expanded */
.md-nav--secondary li:not(.bgeo-group--collapsed) .bgeo-group-indicator {
    transform: rotate(90deg);
    opacity: 0.8;
}

/* Cursor hint that the sub-group header is clickable */
.md-nav--secondary li.bgeo-group--collapsed > a.md-nav__link,
.md-nav--secondary li:not(.bgeo-group--collapsed) > a.md-nav__link:has(.bgeo-group-indicator) {
    cursor: pointer;
}

/* Search scope toggle banner */
.bgeo-search-scope-toggle {
    padding: 0.4em 0.75em;
    font-size: 0.75em;
    background: var(--md-code-bg-color);
    border-bottom: 1px solid var(--md-default-fg-color--lightest);
    color: var(--md-default-fg-color--light);
}

.bgeo-search-scope-toggle strong {
    color: var(--md-accent-fg-color);
}

.bgeo-search-scope-toggle .bgeo-scope-link {
    color: var(--md-accent-fg-color);
    text-decoration: underline;
    cursor: pointer;
}

/* Active underline on main nav tabs — matches pymdownx.tabbed style */
.md-tabs__link {
    position: relative;
    padding-bottom: 6px;
}
.md-tabs__item--active .md-tabs__link::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--md-accent-fg-color);
}

/* Platform icons in top nav tabs — pure CSS via ::before pseudo-elements.
   Tab order is fixed by docs.yml platforms: 1=React Native  2=Capacitor  3=Cordova  4=Flutter  5=Swift  6=Kotlin */

/* Shared base for all six platform tabs */
.md-tabs__list > .md-tabs__item:nth-child(1) > a.md-tabs__link::before,
.md-tabs__list > .md-tabs__item:nth-child(2) > a.md-tabs__link::before,
.md-tabs__list > .md-tabs__item:nth-child(3) > a.md-tabs__link::before,
.md-tabs__list > .md-tabs__item:nth-child(4) > a.md-tabs__link::before,
.md-tabs__list > .md-tabs__item:nth-child(5) > a.md-tabs__link::before,
.md-tabs__list > .md-tabs__item:nth-child(6) > a.md-tabs__link::before {
    content: "";
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 2px;
    opacity: 0.75;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

/* React Native — react-native + expo */
.md-tabs__list > .md-tabs__item:nth-child(1) > a.md-tabs__link::before {
    width: 35px; /* 2 × 16px + 1 × 3px gap */
    background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/react-native.svg'),
                      url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/expo.svg');
    background-position: 0 center, 19px center;
}

/* Capacitor */
.md-tabs__list > .md-tabs__item:nth-child(2) > a.md-tabs__link::before {
    width: 16px;
    background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/capacitor.svg');
    background-position: center;
}

/* Cordova */
.md-tabs__list > .md-tabs__item:nth-child(3) > a.md-tabs__link::before {
    width: 16px;
    background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/cordova.svg');
    background-position: center;
}

/* Flutter */
.md-tabs__list > .md-tabs__item:nth-child(4) > a.md-tabs__link::before {
    width: 16px;
    background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/flutter.svg');
    background-position: center;
}

/* Swift */
.md-tabs__list > .md-tabs__item:nth-child(5) > a.md-tabs__link::before {
    width: 16px;
    background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/swift.svg');
    background-position: center;
}

/* Kotlin */
.md-tabs__list > .md-tabs__item:nth-child(6) > a.md-tabs__link::before {
    width: 16px;
    background-image: url('/proxy/123456/docs.transistorsoft.com/assets/images/platforms/kotlin.svg');
    background-position: center;
}

/* Right-align the Help + About + Contact tabs; hide Purchase from tab bar */
.md-tabs__list > .md-tabs__item:nth-last-child(4) {
    margin-left: auto;
}
.md-tabs__list > .md-tabs__item:nth-last-child(1) {
    display: none;
}

/* Icons for Help / About / Contact tabs (Purchase is nth-last-child(1), hidden) */
.md-tabs__list > .md-tabs__item:nth-last-child(4) > a.md-tabs__link::before,
.md-tabs__list > .md-tabs__item:nth-last-child(3) > a.md-tabs__link::before,
.md-tabs__list > .md-tabs__item:nth-last-child(2) > a.md-tabs__link::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 2px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

/* Help — circle-help, amber */
.md-tabs__list > .md-tabs__item:nth-last-child(4) > a.md-tabs__link::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}

/* About — info circle, blue */
.md-tabs__list > .md-tabs__item:nth-last-child(3) > a.md-tabs__link::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
}

/* Contact — mail, green */
.md-tabs__list > .md-tabs__item:nth-last-child(2) > a.md-tabs__link::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
}

/* ── FAQ inline search ──────────────────────────────────────────────────── */

.bgeo-faq-search {
  margin: 1.2rem 0 1.8rem;
}

.bgeo-faq-search__input {
  width: 100%;
  padding: 0.55rem 1rem;
  font-size: 1rem;
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 0.25rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.bgeo-faq-search__input:focus {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--md-accent-fg-color) 25%, transparent);
}

.bgeo-faq-search__input::placeholder {
  color: var(--md-default-fg-color--light);
}