/* Artisan Site Abilities — page-level styles that travel with the content bundle.
   Loaded after the theme stylesheet. v1.6.1 */

/* --- Homepage layout (canvas, 2026-10-18) --- */
.cta-center{text-align:center;max-width:720px;margin-left:auto;margin-right:auto}
.cta-center .wp-block-buttons{justify-content:center}
.badge-row{justify-content:center;gap:32px}
.fit-stack .is-style-eyebrow{margin-top:8px}

/* --- Platform cards (hub + "other platforms") --- */
.platform-cards .wp-block-heading a,.is-style-card .wp-block-heading a{text-decoration:none;color:inherit}
.platform-cards .wp-block-heading a:hover,.is-style-card .wp-block-heading a:hover{color:var(--wp--preset--color--accent)}

/* --- Figures (platform pages) --- */
.fig{margin:0;padding:24px;background:#fff;border:1px solid rgba(22,32,46,.14);border-radius:4px;font-size:.9rem;color:var(--wp--preset--color--body)}
.fig figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid rgba(22,32,46,.14)}
.fig figcaption strong{font-family:var(--wp--preset--font-family--heading,inherit);font-weight:600;color:var(--wp--preset--color--ink);font-size:1rem}
.fig figcaption span{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--wp--preset--color--slate)}
.fig p{margin:10px 0 0;font-size:.85rem;line-height:1.5}
.fig .is-style-note{color:var(--wp--preset--color--accent)}

/* tiers (Google) */
.fig-tiers .tier{margin-bottom:16px}
.fig-tiers .tier:last-child{margin-bottom:0}
.fig-tiers .tier-head{display:flex;justify-content:space-between;font-size:.8rem;letter-spacing:.02em;color:var(--wp--preset--color--ink);margin-bottom:6px}
.fig-tiers .tier-head span:last-child{font-variant-numeric:tabular-nums;color:var(--wp--preset--color--slate)}
.fig-tiers .tier-bar{height:10px;background:rgba(22,32,46,.08);border-radius:2px;overflow:hidden}
.fig-tiers .tier-bar i{display:block;height:100%;background:var(--wp--preset--color--ink)}
.fig-tiers .tier-cut .tier-bar i{background:repeating-linear-gradient(135deg,var(--wp--preset--color--accent) 0 4px,transparent 4px 8px)}
.fig-tiers .tier-cut .tier-head span:first-child{text-decoration:line-through;color:var(--wp--preset--color--slate)}

/* split bars (Microsoft) */
.fig-split .split-row{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;margin-bottom:14px}
.fig-split .split-label{font-size:.8rem;color:var(--wp--preset--color--ink)}
.fig-split .split-bar{display:flex;height:34px;border-radius:2px;overflow:hidden;background:rgba(22,32,46,.06)}
.fig-split .seg{display:flex;align-items:center;justify-content:center;padding:0 6px;overflow:hidden;white-space:nowrap;font-size:.72rem;letter-spacing:.02em;font-style:normal}
.fig-split .seg b{font-weight:500}
.fig-split .seg-a{background:var(--wp--preset--color--ink);color:#fff}
.fig-split .seg-b{background:rgba(22,32,46,.22);color:var(--wp--preset--color--ink)}
.fig-split .seg-c{background:repeating-linear-gradient(135deg,var(--wp--preset--color--accent) 0 4px,#fff 4px 8px);color:var(--wp--preset--color--ink)}
.fig-split .split-legend{margin:-6px 0 14px;font-size:.75rem;color:var(--wp--preset--color--slate)}

/* scale (LinkedIn) */
.fig-scale .scale-track{position:relative;display:flex;height:40px;border-radius:2px;overflow:visible;margin:28px 0 6px}
.fig-scale .zone{display:flex;align-items:center;justify-content:center;font-size:.78rem;letter-spacing:.02em}
.fig-scale .zone-a{background:rgba(22,32,46,.08);color:var(--wp--preset--color--slate);border-radius:2px 0 0 2px}
.fig-scale .zone-b{background:var(--wp--preset--color--ink);color:#fff;border-radius:0 2px 2px 0}
.fig-scale .scale-mark{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--wp--preset--color--accent)}
.fig-scale .scale-mark em{position:absolute;left:50%;transform:translateX(-50%);top:-24px;white-space:nowrap;font-family:var(--wp--preset--font-family--heading,inherit);font-style:italic;font-size:.9rem;color:var(--wp--preset--color--accent)}
.fig-scale .scale-ticks{position:relative;height:18px;font-size:.72rem;color:var(--wp--preset--color--slate);font-variant-numeric:tabular-nums}
/* v1.6.1: nowrap — a tick at left:100% has zero width to its right, so its text wrapped one character per line ("$100k+" stacked vertically) */
.fig-scale .scale-ticks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.fig-scale .scale-ticks span:first-child{transform:none}
.fig-scale .scale-ticks span:last-child{transform:translateX(-100%)}

/* conversation (ChatGPT) */
.fig-chat .chat{display:flex;flex-direction:column;gap:14px}
.fig-chat .chat-user{align-self:flex-end;max-width:85%;background:var(--wp--preset--color--paper);border-radius:14px 14px 2px 14px;padding:10px 14px;font-size:.85rem;color:var(--wp--preset--color--ink)}
.fig-chat .chat-answer{display:flex;flex-direction:column;gap:8px;padding:4px 0}
.fig-chat .chat-answer span{display:block;height:9px;border-radius:5px;background:rgba(22,32,46,.12)}
.fig-chat .chat-answer span.short{width:55%}
.fig-chat .chat-ad{border:1px solid rgba(22,32,46,.18);border-left:3px solid var(--wp--preset--color--accent);border-radius:3px;padding:12px 14px}
.fig-chat .chat-ad-tag{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--slate);margin-bottom:4px}
.fig-chat .chat-ad strong{display:block;color:var(--wp--preset--color--ink);font-weight:600}
.fig-chat .chat-ad p{margin:4px 0 6px}
.fig-chat .chat-ad-url{font-size:.75rem;color:var(--wp--preset--color--slate)}

/* --- Mobile --- */
@media (max-width:899px){
  .cta-center .wp-block-buttons{flex-direction:column}
  .cta-center .wp-block-button,.cta-center .wp-block-button__link{width:100%}
  .fig{padding:18px}
  .fig-split .split-row{grid-template-columns:1fr;gap:6px}
  .fig-split .seg{padding:0 6px}
  /* How an engagement runs: vertical timeline */
  .phase{position:relative;padding-left:28px}
  .phase::before{content:"";position:absolute;left:0;top:6px;width:12px;height:12px;border:2px solid var(--wp--preset--color--ink);border-radius:50%;background:var(--wp--preset--color--paper);box-sizing:border-box}
  .phase::after{content:"";position:absolute;left:5px;top:20px;bottom:-28px;width:2px;background:rgba(22,32,46,.25)}
  .wp-block-column:last-child .phase::before{background:var(--wp--preset--color--accent);border-color:var(--wp--preset--color--accent)}
  .wp-block-column:last-child .phase::after{display:none}
}