/* Same icon frame for glyphs and native app artwork. Source marks stay unmodified. */
.technology-page .technology-badge{border-radius:26%;border-color:rgba(27,46,42,.09);box-shadow:0 1px 2px rgba(27,46,42,.045),0 7px 18px rgba(27,46,42,.045)}
.technology-page .app-logo{--app-logo-size:68%;--app-logo-background:#fff;--app-logo-y:0%;background:var(--app-logo-background);color-scheme:light;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.technology-page .app-logo img{display:block;width:var(--app-logo-size);height:var(--app-logo-size);object-fit:contain;max-width:none;max-height:none;flex:none;transform:translateY(var(--app-logo-y));color-scheme:light}
/* Filled artwork shares the outside silhouette instead of sitting in a second white tile. */
.technology-page .app-logo[data-app="flora"]{--app-logo-background:#000;--app-logo-size:100%}
.technology-page .app-logo[data-app="tailscale"]{--app-logo-background:#1f1e1e;--app-logo-size:100%}
.technology-page .app-logo[data-app="screen-studio"]{--app-logo-background:#38246c;--app-logo-size:120%}
.technology-page .app-logo[data-app="todoist"]{--app-logo-background:#fff;--app-logo-size:100%}
.technology-page .app-logo[data-app="raycast"]{--app-logo-background:#151515;--app-logo-size:100%}
.technology-page .app-logo[data-app="perplexity"]{--app-logo-background:#000;--app-logo-size:100%}
.technology-page .app-logo[data-app="mountain-duck"]{--app-logo-background:#a8d4ff;--app-logo-size:100%}
.technology-page .app-logo[data-app="obsidian"]{--app-logo-background:#151515;--app-logo-size:100%}
.technology-page .app-logo[data-app="clawhub"]{--app-logo-background:#000;--app-logo-size:100%}
.technology-page .app-logo[data-app="cloudflare"]{--app-logo-background:#ff500a;--app-logo-size:100%}
.technology-page .app-logo[data-app="rcur"]{--app-logo-background:#36404a;--app-logo-size:94%}
.technology-page .app-logo[data-app="mollie"]{--app-logo-background:#111;--app-logo-size:100%}
.technology-page .app-logo[data-app="stripe"]{--app-logo-background:#635bff;--app-logo-size:100%}
.technology-page .app-logo[data-app="notebooklm"]{--app-logo-background:#000;--app-logo-size:100%}
.technology-page .app-logo[data-app="openrouter"]{--app-logo-background:#03080a;--app-logo-size:92%}
.technology-page .app-logo[data-app="glide"]{--app-logo-background:#202124;--app-logo-size:100%}
.technology-page .app-logo[data-app="mailchimp"]{--app-logo-background:#ffe01b;--app-logo-size:100%}
.technology-page .app-logo[data-app="zapier"]{--app-logo-background:#ff4f01;--app-logo-size:100%}
.technology-page .app-logo[data-app="fathom"]{--app-logo-background:#000;--app-logo-size:100%}
.technology-page .app-logo[data-app="meetgeek"]{--app-logo-background:#4d2f89;--app-logo-size:100%}
.technology-page .app-logo[data-app="posthog"]{--app-logo-background:#000;--app-logo-size:100%}
.technology-page .app-logo[data-app="hotjar"]{--app-logo-background:#7c0033;--app-logo-size:100%}
.technology-page .app-logo[data-app="zoom"]{--app-logo-background:#0b5cff;--app-logo-size:79%}
/* Optical corrections account for the whitespace already present in each supplier asset. */
.technology-page .app-logo[data-app="hermes"]{--app-logo-size:75%;--app-logo-y:-5%}
.technology-page .app-logo[data-app="buzz"]{--app-logo-size:74%}
.technology-page .app-logo[data-app="make"]{--app-logo-size:92%}
.technology-page .app-logo[data-app="n8n"]{--app-logo-size:102%}
.technology-page .app-logo[data-app="penpot"]{--app-logo-size:78%}
.technology-page .app-logo[data-app="google-ai-studio"]{--app-logo-size:80%}
.technology-page .app-logo[data-app="slack"]{--app-logo-size:65%}
.technology-page .app-catalogue-intro{grid-column:1/-1;margin-top:35px;color:var(--muted);font-size:14px;line-height:1.8;max-width:720px;margin-bottom:30px}
.technology-page .app-catalogue-intro h3{font-size:clamp(24px,2.4vw,34px);line-height:1.3;margin-bottom:14px;color:var(--ink)}
.technology-page .technology-grid>li[id^="app-"]{scroll-margin-top:120px}
.technology-page .app-backlinks{margin-top:36px}
.technology-page .app-related-list{list-style:none;margin:0;padding:0}
.technology-page .app-related-list a{overflow-wrap:anywhere}
.technology-page .app-reference-note{font-size:13px;line-height:1.8;color:var(--muted)}
.technology-page .app-article ul{padding-left:1.2em;font-size:16px;line-height:1.9;color:var(--muted)}
.technology-page .app-article li+li{margin-top:12px}
.technology-page .app-article-section:target{scroll-margin-top:120px}
@media(max-width:760px){.technology-page .technology-tile-kind{min-height:3.2em}}

/* Official artwork for the five additional app profiles. */
.technology-page .app-logo[data-app="vercel"]{--app-logo-background:#000;--app-logo-size:100%}
.technology-page .app-logo[data-app="supabase"]{--app-logo-background:#1c1c1c;--app-logo-size:100%}
.technology-page .app-logo[data-app="lovable"]{--app-logo-size:90%}
.technology-page .app-logo[data-app="firecrawl"]{--app-logo-size:70%}
.technology-page .app-logo[data-app="playwright-mcp"]{--app-logo-size:78%}

/* Official artwork for the AI, MCP, development and communication additions. */
.technology-page .app-logo[data-app="context7"]{--app-logo-background:#000;--app-logo-size:100%}
.technology-page .app-logo[data-app="docker-hub"]{--app-logo-size:78%}
.technology-page .app-logo[data-app="github"]{--app-logo-size:73%}
.technology-page .app-logo[data-app="typesafe-jev"]{--app-logo-background:#e551ba;--app-logo-size:100%}
.technology-page .app-logo[data-app="mcp-use"]{--app-logo-size:72%}
.technology-page .app-logo[data-app="gumloop"]{--app-logo-size:78%}
.technology-page .app-logo[data-app="paperclip"]{--app-logo-background:#0a0a0a;--app-logo-size:100%}
.technology-page .app-logo[data-app="elevenlabs"]{--app-logo-size:130%}
.technology-page .app-logo[data-app="higgsfield"]{--app-logo-background:#d1fe17;--app-logo-size:100%}
.technology-page .app-logo[data-app="weavy"]{--app-logo-size:100%}
.technology-page .app-logo[data-app="twilio"]{--app-logo-background:#f22f46;--app-logo-size:100%}
.technology-page .app-logo[data-app="bland"]{--app-logo-background:#ca071a;--app-logo-size:100%}
.technology-page .app-logo[data-app="snowflake-mcp"]{--app-logo-size:95%}
.technology-page .app-logo[data-app="merge"]{--app-logo-background:#f5f4f0;--app-logo-size:132%}