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

/* --- 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}
}

/* v1.7 — section separators (SEO/GEO page; reusable) */
.band-rule{border-top:1px solid var(--wp--preset--color--rule);border-bottom:1px solid var(--wp--preset--color--rule)}
.section-rule>.alignwide{border-top:1px solid var(--wp--preset--color--rule);padding-top:40px}
.wp-block-columns.fit-card{background:var(--wp--preset--color--white);border:1px solid var(--wp--preset--color--ink);border-radius:4px;padding:30px 34px;gap:0!important}
.fit-card>.wp-block-column:first-child{padding-right:34px}
.fit-card>.wp-block-column+.wp-block-column{border-left:1px solid var(--wp--preset--color--rule);padding-left:34px}
@media (max-width:781px){
  .wp-block-columns.fit-card{padding:24px}
  .fit-card>.wp-block-column:first-child{padding-right:0}
  .fit-card>.wp-block-column+.wp-block-column{border-left:0;border-top:1px solid var(--wp--preset--color--rule);padding-left:0;padding-top:20px;margin-top:20px}
}

/* v1.8 — ledger column labels on phones (the column header row is hidden when rows stack) */
.col-label{display:none;margin:0 0 3px;font-size:12px;line-height:1.3;color:var(--wp--preset--color--slate)}
.ledger-on-ink .col-label{color:var(--wp--preset--color--mist)}
.ledger-on-ink .ledger-head{display:flex;flex-wrap:wrap;gap:4px 12px}
.ledger-on-ink .ledger-head p:first-child{color:var(--wp--preset--color--paper)}
@media (max-width:781px){.col-label{display:block}}

/* v1.9 — program pages: chooser card, step columns */
.chooser{border-top:1px solid var(--wp--preset--color--ink)}
.ch-row{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--wp--preset--color--rule);text-decoration:none;color:inherit;font-size:13px;line-height:1.4}
.ch-row:hover .ch-name{color:var(--wp--preset--color--accent)}
.ch-name{font-family:var(--wp--preset--font-family--display);font-weight:600;font-size:16px;color:var(--wp--preset--color--ink)}
.ch-for{color:var(--wp--preset--color--slate)}
.ch-price{font-weight:600;white-space:nowrap;color:var(--wp--preset--color--ink)}
.ch-row.is-current{position:relative;padding-left:14px}
.ch-row.is-current::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--wp--preset--color--accent)}
.ch-row.is-current .ch-name::after{content:"this page";display:block;margin-top:2px;font-family:var(--wp--preset--font-family--body);font-weight:500;font-size:11px;letter-spacing:.02em;color:var(--wp--preset--color--accent)}
.chooser-card p{margin:0}
.steps{margin:0}
.steps .step{border-top:2px solid var(--wp--preset--color--ink);padding-top:14px}
.steps>.wp-block-column:last-child .step{border-top-color:var(--wp--preset--color--accent)}
.steps .step p{margin:0}
@media (min-width:782px){.steps-4{flex-wrap:wrap!important;row-gap:24px}.steps-4>.wp-block-column{flex-basis:calc(50% - 14px)!important}}
@media (max-width:781px){.ch-row{grid-template-columns:1fr auto;grid-template-rows:auto auto}.ch-for{grid-column:1/-1;grid-row:2}.steps{gap:20px}}

/* v1.10 — hub: "Every program includes" card */
.includes-card p{margin:0}
.includes-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--wp--preset--color--ink)}
.includes-list li{position:relative;padding:10px 0 10px 22px;border-bottom:1px solid var(--wp--preset--color--rule);font-size:14px;line-height:1.45;color:var(--wp--preset--color--body)}
.includes-list li:last-child{border-bottom:0;padding-bottom:0}
.includes-list li::before{content:"";position:absolute;left:2px;top:15px;width:9px;height:5px;border-left:2px solid var(--wp--preset--color--ink);border-bottom:2px solid var(--wp--preset--color--ink);transform:rotate(-45deg)}
.includes-list strong{color:var(--wp--preset--color--ink);font-weight:600}
