/* Page templates built from ui-kit.css primitives. Shared by every migrated page family.
   Family classes (e.g. .family-personal) set accents only; layout stays identical. */

/* Template chrome: breadcrumb and family navigation under the fixed header. */
.tpl .wf-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;padding-top:20px;font-size:12px;color:var(--site-color-muted)}
.tpl .wf-breadcrumb a{text-decoration:none}
.tpl .wf-breadcrumb a:hover{color:var(--site-color-ink)}
.tpl .wf-subnav{display:flex;gap:28px;margin-top:16px;border-bottom:1px solid var(--site-color-line);font-size:14px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.tpl .wf-subnav::-webkit-scrollbar{display:none}
.tpl .wf-subnav a{padding:12px 0;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--site-color-muted);text-decoration:none;transition:color var(--site-motion-fast),border-color var(--site-motion-fast)}
.tpl .wf-subnav a:hover{color:var(--site-color-ink)}
.tpl .wf-subnav a:is([aria-current=page],[aria-current=true]){color:var(--site-color-ink);border-bottom-color:var(--tpl-accent)}
.tpl{--tpl-accent:var(--site-palette-blue)}

/* Page hero: pill, then the homepage's split heading/supporting-copy introduction. */
.tpl .tpl-hero{border-top:0;padding-block:72px var(--site-section-space)}
.tpl .tpl-hero .ui-section-head{margin-bottom:0}
.tpl .tpl-title{font-size:clamp(34px,calc(26.6px + 1.9vw),48px);line-height:1.08;margin:0}
.tpl .tpl-lede{font-size:17px;line-height:1.6}
.tpl .tpl-hero .ui-actions{margin-top:24px}
.tpl .tpl-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--site-color-muted)}
.tpl .tpl-status-dot{width:8px;height:8px;border-radius:50%;background:var(--site-palette-mint)}
.tpl .tpl-hero:has(.tpl-filter){padding-bottom:var(--site-section-space)}

/* Search and filter chips. */
.tpl .tpl-filter{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:48px 0 0}
.tpl .tpl-search{display:flex;align-items:center;gap:10px;flex:1 1 320px;max-width:420px;height:var(--site-control-height);padding:0 16px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-button);background:var(--site-color-paper);color:var(--site-color-muted);transition:border-color var(--site-motion-fast)}
.tpl .tpl-search:focus-within{border-color:var(--tpl-accent)}
.tpl .tpl-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--site-color-ink)}
.tpl .tpl-chips{display:flex;flex-wrap:wrap;gap:8px}
.tpl .tpl-chip{height:36px;padding:0 14px;border:1px solid var(--site-color-line);border-radius:999px;background:transparent;font-size:13px;color:var(--site-color-ink);transition:background var(--site-motion-fast),border-color var(--site-motion-fast),color var(--site-motion-fast)}
.tpl .tpl-chip:hover{background:var(--site-color-band)}
.tpl .tpl-chip[aria-pressed=true]{background:var(--site-color-ink);border-color:var(--site-color-ink);color:var(--site-color-paper)}
.tpl .tpl-filter-status{margin:28px 0 16px;font-size:13px;color:var(--site-color-muted)}
.tpl .tpl-filter-status:empty{display:none}

/* Collection cards: whole card is the link, gentle lift on hover, no spring. */
.tpl .tpl-card-grid{gap:20px}
.tpl .tpl-cap-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:24px;text-decoration:none;color:inherit;transition:transform var(--site-motion-normal) ease,border-color var(--site-motion-fast),box-shadow var(--site-motion-normal) ease}
.tpl .tpl-cap-card:hover{transform:translateY(-2px);border-color:var(--ui-tone);box-shadow:0 8px 24px #1c19170f}
.tpl .tpl-cap-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--site-color-muted)}
.tpl .tpl-cap-dot{width:8px;height:8px;border-radius:50%;background:var(--ui-tone)}
.tpl .tpl-badge{margin-left:auto;padding:2px 10px;border-radius:999px;background:var(--site-palette-coral-soft);color:var(--site-palette-coral-ink);font-size:12px}
.tpl .tpl-card-title{margin:6px 0 0;font:600 19px/1.25 var(--site-font-heading);letter-spacing:-.02em}
.tpl .tpl-cap-card .ui-copy{font-size:14px;line-height:1.6}
.tpl .tpl-cap-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--site-color-line)}
.tpl .tpl-logos{display:flex;align-items:center;gap:8px}
.tpl .tpl-logos img{display:block;width:20px;height:20px;object-fit:contain}
.tpl .tpl-logo-text{padding:1px 7px;border:1px solid var(--site-color-line);border-radius:6px;font-size:11px;color:var(--site-color-muted)}
.tpl .tpl-mode{font-size:12px;color:var(--site-color-muted)}

/* Detail layout: 680px reading column with a sticky facts panel. */
.tpl .tpl-detail{display:grid;grid-template-columns:minmax(0,var(--site-width-prose)) minmax(0,1fr);gap:56px;align-items:start}
.tpl .tpl-aside{position:sticky;top:calc(var(--site-nav-height) + 24px)}
.tpl .tpl-facts{padding:24px}
.tpl .tpl-facts dl{margin:0}
.tpl .tpl-facts dl>div+div{margin-top:20px;padding-top:20px;border-top:1px solid var(--site-color-line)}
.tpl .tpl-facts dt{margin-bottom:8px;font:11px/1.4 var(--site-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--site-color-muted)}
.tpl .tpl-facts dd{margin:0;font-size:14px}
.tpl .tpl-facts dd p{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--site-color-muted)}
.tpl .tpl-facts .tpl-mode{font-size:14px;color:var(--site-color-ink)}
.tpl .tpl-connect{display:flex;flex-wrap:wrap;gap:8px}
.tpl .tpl-connect span{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--site-color-line);border-radius:999px;font-size:13px}
.tpl .tpl-connect img{width:16px;height:16px}

/* Editorial prose, shared by detail pages, articles and guides. */
.tpl .tpl-prose{font-size:16px;line-height:1.75}
.tpl .tpl-prose>:first-child{margin-top:0}
.tpl .tpl-prose :is(h2,h3){font-family:var(--site-font-heading);font-weight:600;letter-spacing:var(--site-heading-tracking);color:var(--site-color-ink)}
.tpl .tpl-prose h2{margin:48px 0 14px;font-size:26px;line-height:1.2}
.tpl .tpl-prose h3{margin:36px 0 10px;font-size:19px;line-height:1.3;letter-spacing:-.02em}
.tpl .tpl-prose p{margin:0 0 18px;color:color-mix(in srgb,var(--site-color-ink) 82%,var(--site-color-paper))}
.tpl .tpl-prose :is(ul,ol){margin:0 0 18px;padding-left:22px}
.tpl .tpl-prose li{margin-bottom:6px}
.tpl .tpl-prose strong{color:var(--site-color-ink)}
.tpl .tpl-prose a{text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}

/* Closing call to action on the shared gradient. */
.tpl .tpl-cta{border-top:0}
.tpl .tpl-cta .ui-heading{max-width:640px}
.tpl .tpl-cta .ui-copy{max-width:560px;margin-top:14px;font-size:17px}

/* Personal Agent family: coral primary actions and accents, blue everywhere else. */
.family-personal{--tpl-accent:var(--site-palette-coral)}
.family-personal .ui-button:not(.ui-button-white):not(.ui-button-outline){background:var(--site-personal-cta-gradient);box-shadow:var(--site-personal-cta-shadow)}
.family-personal :focus-visible{outline-color:var(--site-palette-coral)}

@media(max-width:1000px){.tpl .tpl-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
  .tpl .tpl-detail{grid-template-columns:1fr;gap:32px}
  .tpl .tpl-aside{position:static}
}
@media(max-width:600px){
  .tpl .tpl-hero{padding-top:48px}
  .tpl .tpl-card-grid{grid-template-columns:1fr}
  .tpl .tpl-filter{margin-top:32px}
  .tpl .tpl-search{max-width:none}
  .tpl .tpl-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--site-gutter));padding-inline:var(--site-gutter)}
  .tpl .tpl-chip{flex-shrink:0}
}
html.dark .tpl .tpl-cap-card:hover{box-shadow:none}

/* ───────────────────────────────────────────────────────────────────────────
   Editorial template: captured pages styled through their semantic HTML.
   Used by comparisons, alternatives, company, resources, guides and pricing.
   No content markup changes; headings, lists, tables, cards and FAQs map to the system. */
.tpl-editorial #main{width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-inner-width);margin-inline:auto;padding:72px 0 var(--site-section-space)}
.tpl-editorial #main :is(h1,h2,h3,h4){font-family:var(--site-font-heading);font-weight:600;color:var(--site-color-ink);text-wrap:balance}
.tpl-editorial #main h1{max-width:820px;margin:0 0 20px;font-size:clamp(34px,calc(26.6px + 1.9vw),48px);line-height:1.08;letter-spacing:var(--site-heading-tracking)}
.tpl-editorial #main h2{max-width:640px;margin:0 0 16px;font-size:var(--site-heading-size);line-height:var(--site-heading-leading);letter-spacing:var(--site-heading-tracking)}
.tpl-editorial #main h3{margin:0 0 8px;font-size:19px;line-height:1.3;letter-spacing:-.02em}
.tpl-editorial #main h4{margin:0 0 6px;font-size:16px}
.tpl-editorial #main p{max-width:var(--site-width-prose);margin:0 0 16px;font-size:var(--site-body-size);line-height:var(--site-body-leading);color:var(--site-color-muted)}
.tpl-editorial #main :is(ul,ol){max-width:var(--site-width-prose);margin:0 0 16px;padding-left:20px;color:var(--site-color-muted)}
.tpl-editorial #main li{margin-bottom:6px;line-height:1.6}
.tpl-editorial #main li>span:empty{display:none}
.tpl-editorial #main strong{color:var(--site-color-ink)}
.tpl-editorial #main a:not(.wf-button){color:var(--site-color-ink);text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:4px}
.tpl-editorial #main a:not(.wf-button):hover{text-decoration-color:currentColor}
.tpl-editorial #main a:empty,.tpl-editorial #main span:empty{display:none}

/* Hero: an eyebrow line before the H1 becomes a pill; the paragraph after it becomes the lede. */
.tpl-editorial #main p:has(+h1){display:inline-flex;width:fit-content;margin:0 0 var(--site-pill-gap);padding:5px 14px;border:1px solid currentColor;border-radius:999px;font-size:var(--site-pill-size);line-height:1.4;color:var(--tpl-accent);background:color-mix(in srgb,currentColor 12%,transparent)}
.tpl-editorial #main h1+p{font-size:17px;line-height:1.6}

/* Sections: generous spacing and the homepage's hairline dividers. */
.tpl-editorial #main section{margin:0}
.tpl-editorial #main>:is(section,div,aside,article,p)+:is(section,div,aside,article){margin-top:72px;padding-top:72px;border-top:1px solid var(--site-color-line)}
.tpl-editorial #main :is(section,article)>section+section{margin-top:56px}
.tpl-editorial #main>aside,.tpl-editorial #main aside:not([class]){padding:20px 24px;border:1px solid var(--site-color-line);border-radius:12px;background:var(--site-color-band);font-size:14px;color:var(--site-color-muted)}
.tpl-editorial #main>aside{padding-top:20px}

/* In-page navigation becomes a row of chips. */
.tpl-editorial #main nav[aria-label="On this page"],.tpl-editorial #main section>nav{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0}
.tpl-editorial #main :is(nav[aria-label="On this page"],section>nav) a{padding:6px 14px;border:1px solid var(--site-color-line);border-radius:999px;font-size:13px;text-decoration:none;color:var(--site-color-ink);transition:background var(--site-motion-fast)}
.tpl-editorial #main :is(nav[aria-label="On this page"],section>nav) a:hover{background:var(--site-color-band)}

/* Buttons: blue primary, coral inside Personal Agent. */
.tpl-editorial :is(.wf-button,#main button[type=submit]){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--site-control-height);margin:8px 0;padding:12px 24px;border:1px solid transparent;border-radius:var(--site-radius-button);background:var(--site-header-cta-gradient);box-shadow:var(--site-header-cta-shadow);font:600 14px/1.4 var(--site-font-body);color:#fff;text-decoration:none;cursor:pointer;transition:filter var(--site-motion-fast)}
.tpl-editorial :is(.wf-button,#main button[type=submit]):hover{filter:brightness(1.04)}
.family-personal :is(.wf-button,#main button[type=submit]){background:var(--site-personal-cta-gradient);box-shadow:var(--site-personal-cta-shadow)}

/* Cards: grids of articles and linked cards use the homepage card. */
.tpl-editorial #main .wf-grid{display:grid;gap:20px;margin:28px 0}
.tpl-editorial #main .wf-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tpl-editorial #main .wf-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tpl-editorial #main :is(.wf-card,.wf-grid>a,.wf-grid>div:has(>h3),.wf-grid>li){min-width:0;padding:24px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-card);background:var(--site-color-paper);list-style:none}
.tpl-editorial #main .wf-grid>a{display:block;text-decoration:none;color:inherit;transition:transform var(--site-motion-normal) ease,border-color var(--site-motion-fast),box-shadow var(--site-motion-normal) ease}
.tpl-editorial #main .wf-grid>a:hover{transform:translateY(-2px);border-color:var(--tpl-accent);box-shadow:0 8px 24px #1c19170f}
.tpl-editorial #main :is(.wf-card,.wf-grid>a) :is(p,ul,li){font-size:14px}
.tpl-editorial #main :is(.wf-card,.wf-grid>a)>:last-child{margin-bottom:0}
.tpl-editorial #main blockquote.wf-card{margin:0;font-size:15px;line-height:1.6;color:var(--site-color-ink)}
.tpl-editorial #main ol.wf-grid{padding:0}

/* Section intro blocks (a div of h2 + p followed by content) read as the split intro on wide screens. */
.tpl-editorial #main section>div:has(>h2+p:last-child),.tpl-editorial #main section>div:has(>h2+p+p:last-child){display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--site-section-gap);align-items:start}
.tpl-editorial #main section>div:has(>h2+p:last-child)>h2,.tpl-editorial #main section>div:has(>h2+p+p:last-child)>h2{grid-row:span 2}

/* Tables: rounded, horizontally scrollable, banded header. */
.tpl-editorial #main table{display:block;width:100%;max-width:100%;margin:24px 0;overflow-x:auto;border:1px solid var(--site-color-line);border-radius:var(--site-radius-card);border-collapse:separate;border-spacing:0;font-size:14px}
.tpl-editorial #main :is(th,td){min-width:140px;padding:14px 16px;border-bottom:1px solid var(--site-color-line);text-align:left;vertical-align:top;line-height:1.5}
.tpl-editorial #main tr:last-child>:is(th,td){border-bottom:0}
.tpl-editorial #main thead th{background:var(--site-color-band);font-weight:600;color:var(--site-color-ink)}
.tpl-editorial #main tbody th{font-weight:600;color:var(--site-color-ink)}
.tpl-editorial #main caption{padding:12px 16px;text-align:left;font-size:12px;color:var(--site-color-muted);caption-side:top}

/* FAQ and disclosures: the Slack/homepage row with an easing + marker. */
.tpl-editorial #main details{max-width:var(--site-width-standard);border-top:1px solid var(--site-color-line)}
.tpl-editorial #main details:last-of-type{border-bottom:1px solid var(--site-color-line)}
.tpl-editorial #main details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font-weight:600;font-size:15px;color:var(--site-color-ink);list-style:none;cursor:pointer}
.tpl-editorial #main details>summary::-webkit-details-marker{display:none}
.tpl-editorial #main details>summary::after{content:'+';font-size:20px;font-weight:400;line-height:1;color:var(--site-color-muted);transition:transform var(--site-motion-normal) ease}
.tpl-editorial #main details[open]>summary::after{transform:rotate(45deg)}
.tpl-editorial #main details>:not(summary){margin-bottom:20px}

/* Imagery: restored production images sit in rounded frames; missing ones show a quiet pastel block. */
.tpl-editorial #main img.live-image:not(.live-icon){display:block;max-width:100%;height:auto;margin:24px 0;border-radius:var(--site-radius-card)}
.tpl-editorial #main img.live-icon{display:inline-block;width:40px;height:40px;margin:0 10px 0 0;border-radius:50%;object-fit:cover;vertical-align:middle}
.tpl-editorial #main .wf-image{display:flex;align-items:center;justify-content:center;min-height:180px;margin:24px 0;padding:24px;border-radius:var(--site-radius-card);background:linear-gradient(135deg,var(--site-palette-blue-soft),var(--site-palette-lavender-soft));font-size:0;color:transparent}
.tpl-editorial #main .wf-image.wf-icon{display:inline-block;width:40px;height:40px;min-height:0;margin:0 10px 0 0;padding:0;border-radius:50%;vertical-align:middle}
.tpl-editorial .tpl-initials{display:inline-grid;place-items:center;width:40px;height:40px;margin-right:10px;border-radius:50%;background:var(--site-palette-lavender-soft);font:600 13px/1 var(--site-font-body);color:var(--site-palette-lavender);vertical-align:middle;flex-shrink:0}
.tpl-editorial #main .live-visual{padding:24px;border-radius:var(--site-radius-card);background:var(--site-palette-blue-soft)}

/* Code and forms. */
.tpl-editorial #main pre{max-width:100%;margin:20px 0;padding:20px 24px;overflow-x:auto;border-radius:12px;background:#1c1917;color:#f5f3ef;font:13px/1.6 var(--site-font-mono)}
.tpl-editorial #main :not(pre)>code{padding:2px 6px;border-radius:6px;background:var(--site-color-band);font:.9em var(--site-font-mono);color:var(--site-color-ink)}
.tpl-editorial #main form{display:grid;gap:18px;max-width:560px;margin-top:28px}
.tpl-editorial #main label{display:grid;gap:8px;font-size:14px;font-weight:600;color:var(--site-color-ink)}
.tpl-editorial #main :is(input:not([type=checkbox]):not([type=radio]),textarea,select){width:100%;min-height:var(--site-control-height);padding:12px 14px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-button);background:var(--site-color-paper);font:400 15px/1.5 var(--site-font-body);color:var(--site-color-ink);transition:border-color var(--site-motion-fast)}
.tpl-editorial #main textarea{min-height:140px;resize:vertical}
.tpl-editorial #main :is(input,textarea,select):focus{outline:0;border-color:var(--tpl-accent)}
.tpl-editorial #main form button[type=submit]{justify-self:start}

/* Generic buttons from captured interactive UI (filters, tabs) become chips. */
.tpl-editorial #main button:not([type=submit]):not(.ui-button):not(.tpl-chip):not(.tpl-blog-chip){padding:8px 14px;margin:0 6px 6px 0;border:1px solid var(--site-color-line);border-radius:999px;background:transparent;font-size:13px;color:var(--site-color-ink);cursor:pointer;transition:background var(--site-motion-fast)}
.tpl-editorial #main button:not([type=submit]):not(.ui-button):not(.tpl-chip):not(.tpl-blog-chip):hover{background:var(--site-color-band)}

/* ───────────────────────────────────────────────────────────────────────────
   Article template: blog posts, role descriptions and legal pages. 680px reading column. */
.tpl-article #main{max-width:var(--site-width-prose)}
.tpl-article #main h1{font-size:clamp(34px,4vw,48px);line-height:1.08}
.tpl-article #main h2{margin-top:48px;font-size:26px;line-height:1.2}
.tpl-article #main h3{margin-top:32px}
.tpl-article #main :is(p,li){font-size:16px;line-height:1.75;color:color-mix(in srgb,var(--site-color-ink) 82%,var(--site-color-paper))}
.tpl-article #main>:is(section,div,aside,article,p)+:is(section,div,aside,article){margin-top:40px;padding-top:0;border-top:0}
.tpl-article #main :is(section,article)>section+section{margin-top:0}
.tpl-article #main header{margin-bottom:8px}
.tpl-article #main header>div:first-child,.tpl-article #main h1+p+div{font-size:13px;color:var(--site-color-muted)}
.tpl-article #main img.live-image:not(.live-icon){width:100%;margin:32px 0}
.tpl-article #main .wf-prose>:first-child{margin-top:0}
.tpl-article #main blockquote:not(.wf-card){margin:28px 0;padding:4px 0 4px 20px;border-left:3px solid var(--tpl-accent);font-size:18px;line-height:1.6;color:var(--site-color-ink)}
.tpl-article #main hr{margin:48px 0;border:0;border-top:1px solid var(--site-color-line)}

@media(max-width:800px){
  .tpl-editorial #main :is(.wf-cols-2,.wf-cols-3){grid-template-columns:1fr}
  .tpl-editorial #main section>div:has(>h2+p:last-child),.tpl-editorial #main section>div:has(>h2+p+p:last-child){display:block}
  .tpl-editorial #main>:is(section,div,aside,article,p)+:is(section,div,aside,article){margin-top:48px;padding-top:48px}
}
@media(max-width:600px){.tpl-editorial #main{padding-top:48px}}

/* Captured summaries carry their own "+" glyph; the template draws the marker. */
.tpl-editorial #main details>summary>span:last-child{display:none}

/* Linked list cards (comparisons and alternatives indexes): number, title, summary, action in one row. */
.tpl-editorial #main a:has(>article.wf-card){display:block;margin-bottom:12px;text-decoration:none;color:inherit}
.tpl-editorial #main a>article.wf-card{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1.2fr) auto;gap:28px;align-items:center;margin:0;padding:24px 28px;transition:transform var(--site-motion-normal) ease,border-color var(--site-motion-fast),box-shadow var(--site-motion-normal) ease}
.tpl-editorial #main a:hover>article.wf-card{transform:translateY(-2px);border-color:var(--tpl-accent);box-shadow:0 8px 24px #1c19170f}
.tpl-editorial #main a>article.wf-card>span:first-child{font:13px/1 var(--site-font-mono);color:var(--site-color-muted)}
.tpl-editorial #main a>article.wf-card>div>p{margin:0 0 4px;font-size:12px;color:var(--site-color-muted)}
.tpl-editorial #main a>article.wf-card h2,.tpl-editorial #main a>article.wf-card h3{margin:0;font-size:22px;line-height:1.2}
.tpl-editorial #main a>article.wf-card>p{margin:0;font-size:14px}
.tpl-editorial #main a>article.wf-card>span:last-child{font-size:13px;font-weight:600;white-space:nowrap;color:var(--tpl-accent)}

/* Pricing: three plan cards with aligned art, name, price and features. */
.tpl-pricing #main .wf-grid.wf-cols-3{gap:20px;align-items:stretch}
.tpl-pricing #main .wf-grid.wf-cols-3>div{display:flex;flex-direction:column;padding:28px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-card);background:var(--site-color-paper)}
.tpl-pricing #main .wf-grid.wf-cols-3>div:nth-child(2){border-color:var(--tpl-accent);box-shadow:0 0 0 1px var(--tpl-accent)}
.tpl-pricing #main .wf-grid.wf-cols-3>div img.live-image{width:auto;height:150px;margin:0 0 20px;object-fit:contain;border-radius:0}
.tpl-pricing #main .wf-grid.wf-cols-3>div>div:first-child>div>div:nth-child(2){font:600 22px/1.2 var(--site-font-heading);letter-spacing:-.02em;color:var(--site-color-ink)}
.tpl-pricing #main .wf-grid.wf-cols-3>div>div:first-child>div>div:nth-child(3){margin-top:4px;font-size:14px;color:var(--site-color-muted)}
.tpl-pricing #main .wf-grid.wf-cols-3>div>div:nth-child(2){display:flex;align-items:baseline;gap:6px;margin:20px 0;padding-bottom:20px;border-bottom:1px solid var(--site-color-line);font-size:14px;color:var(--site-color-muted)}
.tpl-pricing #main .wf-grid.wf-cols-3>div>div:nth-child(2)>span:nth-child(2){font:600 40px/1 var(--site-font-heading);letter-spacing:-.03em;color:var(--site-color-ink)}
.tpl-pricing #main .wf-grid.wf-cols-3 ul{flex:1;margin:0 0 24px;padding:0;list-style:none}
.tpl-pricing #main .wf-grid.wf-cols-3 li{position:relative;padding-left:24px;font-size:14px}
.tpl-pricing #main .wf-grid.wf-cols-3 li::before{content:'';position:absolute;left:2px;top:7px;width:10px;height:6px;border-left:2px solid var(--tpl-accent);border-bottom:2px solid var(--tpl-accent);transform:rotate(-45deg)}
.tpl-pricing #main .wf-grid.wf-cols-3 .wf-button{align-self:flex-start;margin:0}
@media(max-width:800px){
  .tpl-editorial #main a>article.wf-card{grid-template-columns:1fr;gap:10px}
}

/* Hub pages (Company, Resources, page index): homepage intro and linked cards. */
.tpl-editorial #main .wf-index-header{padding:0 0 40px}
.tpl-editorial #main .eyebrow{display:inline-flex;width:fit-content;margin:0 0 var(--site-pill-gap);padding:5px 14px;border:1px solid currentColor;border-radius:999px;font-size:var(--site-pill-size);color:var(--tpl-accent);background:color-mix(in srgb,currentColor 12%,transparent)}
.tpl-editorial #main :is(.wf-choice-grid,.wf-index-list){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.tpl-editorial #main .wf-choice{display:flex;flex-direction:column;padding:28px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-card);background:var(--site-color-paper)}
.tpl-editorial #main .wf-choice h2{font-size:22px;margin-bottom:8px}
.tpl-editorial #main .wf-choice a{margin-top:auto;font-weight:600;text-decoration:none;color:var(--tpl-accent)}
.tpl-editorial #main .wf-index-list li{margin:0}
.tpl-editorial #main .wf-index-list a{display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 22px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-card);background:var(--site-color-paper);font-weight:600;text-decoration:none;transition:transform var(--site-motion-normal) ease,border-color var(--site-motion-fast)}
.tpl-editorial #main .wf-index-list a:hover{transform:translateY(-2px);border-color:var(--tpl-accent)}
.tpl-editorial #main .wf-index-list small{font-size:12px;font-weight:400;line-height:1.5;color:var(--site-color-muted)}
.tpl-editorial #main .wf-index-group{margin-top:56px}
.tpl-editorial #main .wf-index-group h2{font-size:22px}
.tpl-editorial #main>section:has(>.wf-index-list){margin-top:56px;padding-top:56px;border-top:1px solid var(--site-color-line)}

/* Long guides: sticky table of contents beside a single reading column. */
.tpl-guide #main{max-width:var(--site-content-width)}
.tpl-guide #main>:is(div,article):has(>nav:first-child){display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:56px;align-items:start}
.tpl-guide #main>:is(div,article):has(>nav:first-child)>*{grid-column:2;min-width:0}
.tpl-guide #main>:is(div,article)>nav:first-child{grid-column:1;grid-row:1/span 200;position:sticky;top:calc(var(--site-nav-height) + 32px);display:block;margin:0;padding-left:16px;border-left:1px solid var(--site-color-line)}
.tpl-guide #main>:is(div,article)>nav:first-child a{display:block;width:fit-content;margin:0 0 10px;padding:0;border:0;border-radius:0;font-size:13px;line-height:1.4;color:var(--site-color-muted);text-decoration:none;transition:color var(--site-motion-fast)}
.tpl-guide #main>:is(div,article)>nav:first-child a:hover,.tpl-guide #main>:is(div,article)>nav:first-child a[aria-current]{color:var(--site-color-ink)}
.tpl-guide #main>:is(div,article)>nav:first-child a[aria-current]{font-weight:600}
.tpl-guide #main>:is(div,article)>nav:first-child :not(a){font-size:12px;color:var(--site-color-muted)}
.tpl-guide #main section+section,.tpl-guide #main section+div,.tpl-guide #main div+section{margin-top:72px;padding-top:72px;border-top:1px solid var(--site-color-line)}
.tpl-guide #main section{scroll-margin-top:calc(var(--site-nav-height) + 24px)}
@media(max-width:900px){
  .tpl-guide #main>:is(div,article):has(>nav:first-child){display:block}
  .tpl-guide #main>:is(div,article)>nav:first-child{position:static;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px;padding:0;border:0}
  .tpl-guide #main>:is(div,article)>nav:first-child a{margin:0;padding:6px 12px;border:1px solid var(--site-color-line);border-radius:999px}
  .tpl-editorial #main :is(.wf-choice-grid,.wf-index-list){grid-template-columns:1fr}
}

/* ───────────────────────────────────────────────────────────────────────────
   Industry pages: homepage-style sections over the captured industry markup. */
.tpl-industry #main{padding-bottom:0}
.tpl-industry #main>div>:is(section,nav)+:is(section,nav){margin-top:0}
.tpl-industry #main .wf-image.wf-image{display:none}
.tpl-industry #main :is(p,span):has(+h1,+h2),.tpl-industry #main section>div:nth-child(3)>div:first-child>span{display:inline-flex;width:fit-content;margin:0 0 var(--site-pill-gap);padding:5px 14px;border:1px solid currentColor;border-radius:999px;font-size:var(--site-pill-size);line-height:1.4;text-transform:none;color:var(--site-palette-blue);background:color-mix(in srgb,currentColor 12%,transparent)}
.tpl-industry #main section{padding-block:var(--site-section-space) 0}
.tpl-industry #main>div>section:first-child{padding-top:0}
.tpl-industry #main>div>section:first-child>div:nth-child(3)>div:has(>a){display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:28px 0 12px}
.tpl-industry #main>div>section:first-child>div:nth-child(3)>div:has(>a) a:not(.wf-button){font-weight:600;text-decoration:none}
.tpl-industry #main>div>section:first-child>div:nth-child(3)>p:last-of-type{font-size:13px}

/* Hero workspace mock on a pastel stage. */
.tpl-industry #main figure{margin:0}
.tpl-industry #main>div>section:first-child figure{margin-top:56px;padding:28px;border-radius:var(--site-radius-card);background:var(--site-palette-lavender-soft)}
.tpl-industry #main>div>section:first-child figcaption{display:flex;justify-content:space-between;margin-bottom:20px;font-size:12px;color:var(--site-color-muted)}
.tpl-industry #main>div>section:first-child figcaption span:first-child{font-weight:600;color:var(--site-color-ink)}
.tpl-industry #main>div>section:first-child figure>.wf-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin:0}
.tpl-industry #main>div>section:first-child figure>.wf-grid>div{padding:22px;border-radius:12px;background:#fff;box-shadow:0 12px 32px -18px #3c285a40;color:#1c1917}
.tpl-industry #main>div>section:first-child figure p{margin:0;color:#57534e}
.tpl-industry #main>div>section:first-child figure>.wf-grid>div:first-child>p{font-weight:600;color:#1c1917;margin-bottom:12px}
.tpl-industry #main>div>section:first-child figure>.wf-grid>div:first-child>div>p{padding:9px 0;border-top:1px solid #ece9e4;font-size:13px}
.tpl-industry #main>div>section:first-child figure>.wf-grid>div:first-child>div:last-child{margin-top:12px;font-size:12px;color:#78716c}
.tpl-industry #main>div>section:first-child figure>.wf-grid>div:last-child>div:first-child{display:flex;justify-content:space-between;margin-bottom:14px;font-size:12px;color:#78716c}
.tpl-industry #main>div>section:first-child figure>.wf-grid>div:last-child>div:first-child p{font-weight:600;color:#1c1917}
.tpl-industry #main>div>section:first-child figure .wf-cols-3{gap:10px;margin:0 0 16px}
.tpl-industry #main>div>section:first-child figure .wf-cols-3>a{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid #ece9e4;border-radius:10px;background:#fcfbf8;font-size:12px;color:#78716c;text-decoration:none;box-shadow:none}
.tpl-industry #main>div>section:first-child figure .wf-cols-3>a:hover{border-color:var(--site-palette-blue);transform:none}
.tpl-industry #main>div>section:first-child figure .wf-cols-3>a>span:nth-child(1){font:11px var(--site-font-mono)}
.tpl-industry #main>div>section:first-child figure .wf-cols-3>a>span:nth-child(2){font-size:14px;font-weight:600;color:#1c1917}
.tpl-industry #main>div>section:first-child figure>.wf-grid>div:last-child>div:last-child{padding:14px 16px;border-radius:10px;background:var(--site-palette-blue-soft);font-size:13px}
.tpl-industry #main>div>section:first-child figure>.wf-grid>div:last-child>div:last-child p:first-child{display:flex;gap:6px;margin-bottom:6px;font-weight:600;color:#1c1917}
.tpl-industry #main>div>section:first-child figure>.wf-grid>div:last-child>div:last-child p:first-child span+span{font-weight:400;color:#78716c}

/* Platform: split intro beside four numbered cards. */
.tpl-industry #main>div>nav{margin-top:48px}
.tpl-industry #main :is(#platform,#partnership)>.wf-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;margin:0}
.tpl-industry #main #platform>.wf-grid>.wf-grid,.tpl-industry #main #partnership ol.wf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.tpl-industry #main #platform>.wf-grid>.wf-grid>div,.tpl-industry #main #partnership ol>li{padding:22px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-card);background:var(--site-color-paper)}
.tpl-industry #main #platform>.wf-grid>.wf-grid>div>p:first-child,.tpl-industry #main #partnership ol>li>span:first-child{display:inline-grid;place-items:center;width:32px;height:32px;margin:0 0 14px;border-radius:50%;background:var(--site-palette-blue);font:700 12px/1 var(--site-font-mono);color:#fff}
.tpl-industry #main #platform>.wf-grid>.wf-grid>div:nth-child(2)>p:first-child,.tpl-industry #main #partnership ol>li:nth-child(2)>span:first-child{background:var(--site-palette-mint)}
.tpl-industry #main #platform>.wf-grid>.wf-grid>div:nth-child(3)>p:first-child,.tpl-industry #main #partnership ol>li:nth-child(3)>span:first-child{background:var(--site-palette-orange)}
.tpl-industry #main #platform>.wf-grid>.wf-grid>div:nth-child(4)>p:first-child,.tpl-industry #main #partnership ol>li:nth-child(4)>span:first-child{background:var(--site-palette-lavender)}
.tpl-industry #main #platform>.wf-grid>.wf-grid p,.tpl-industry #main #partnership ol p{font-size:14px}

/* Workflows: each example is a card with copy beside an app preview. */
.tpl-industry #main #workflows>div:first-child{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--site-section-gap);margin-bottom:var(--site-section-gap)}
.tpl-industry #main #workflows>div:first-child>p:first-child{grid-column:1/-1}
.tpl-industry #main #workflows>div:first-child>p:last-child{grid-column:2;grid-row:2}
.tpl-industry #main #workflows article{margin-bottom:24px;padding:0;overflow:hidden}
.tpl-industry #main #workflows article>.wf-grid>div{border:0;border-radius:0;min-width:0}
.tpl-industry #main #partnership ol.wf-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}
.tpl-industry #main #workflows article>.wf-grid:first-child{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;margin:0}
.tpl-industry #main #workflows article>.wf-grid:first-child>div:first-child{padding:36px}
.tpl-industry #main #workflows article>.wf-grid:first-child>div:first-child>span{display:block;margin-bottom:12px;font:11px/1.4 var(--site-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--site-color-muted)}
.tpl-industry #main #workflows article h3{font-size:22px;margin-bottom:12px}
.tpl-industry #main #workflows article>.wf-grid:first-child>div:last-child{padding:32px;background:var(--site-palette-blue-soft);border-left:1px solid var(--site-color-line)}
.tpl-industry #main #workflows article:nth-of-type(2)>.wf-grid:first-child>div:last-child{background:var(--site-palette-orange-soft)}
.tpl-industry #main #workflows article:nth-of-type(3)>.wf-grid:first-child>div:last-child{background:var(--site-palette-mint-soft)}
.tpl-industry #main #workflows figure>figcaption{margin-bottom:14px}
.tpl-industry #main #workflows figure>figcaption div{font:11px var(--site-font-mono);letter-spacing:.06em;color:var(--site-color-muted)}
.tpl-industry #main #workflows figure>figcaption p{margin:0;color:#57534e}
.tpl-industry #main #workflows figure>figcaption p:first-of-type{font-weight:600;color:#1c1917}
.tpl-industry #main #workflows figure>div:first-of-type{padding:18px;border-radius:12px;background:#fff;box-shadow:0 12px 32px -18px #3c285a40;color:#1c1917}
.tpl-industry #main #workflows figure table{display:table;margin:0 0 14px;font-size:13px;background:#fff}
.tpl-industry #main #workflows figure th{background:#f7f5f2;color:#1c1917}
.tpl-industry #main #workflows figure td{color:#57534e}
.tpl-industry #main #workflows figure :is(th,td){min-width:0;padding:10px 12px;border-color:#ece9e4}
.tpl-industry #main #workflows figure>div:first-of-type>div{padding:12px 14px;border-radius:10px;background:#f7f5f2;font-size:13px}
.tpl-industry #main #workflows figure>div:first-of-type>div p{margin:0;color:#1c1917;font-size:13px}
.tpl-industry #main #workflows figure>div:first-of-type>div p:first-child{display:flex;gap:6px;margin-bottom:4px;font-weight:600}
.tpl-industry #main #workflows figure>div:first-of-type>div p:first-child span+span{font-weight:400;color:#78716c}
.tpl-industry #main #workflows figure>div:first-of-type>p{margin:12px 0 0;font-size:12px;color:#57534e}
.tpl-industry #main #workflows figure>div:last-child{margin-top:12px;font-size:12px;color:var(--site-color-muted)}
.tpl-industry #main #workflows article>.wf-grid:last-child{gap:0;margin:0;border-top:1px solid var(--site-color-line)}
.tpl-industry #main #workflows article>.wf-grid:last-child>div{padding:22px 36px}
.tpl-industry #main #workflows article>.wf-grid:last-child>div+div{border-left:1px solid var(--site-color-line)}
.tpl-industry #main #workflows article>.wf-grid:last-child p{margin:0;font-size:14px}
.tpl-industry #main #workflows article>.wf-grid:last-child p:first-child{margin-bottom:4px;font-weight:600;color:var(--site-color-ink)}
.tpl-industry #main #partnership>p{margin-top:28px;font-size:14px}

/* Closing call to action on the shared gradient. */
.tpl-industry #main>div>section:last-of-type{position:relative;isolation:isolate;margin-top:var(--site-section-space);padding:var(--site-section-space) 0;color:#fff}
.tpl-industry #main>div>section:last-of-type::before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:var(--site-hero-background)}
.tpl-industry #main>div>section:last-of-type :is(h2,p){color:#fff}
.tpl-industry #main>div>section:last-of-type p:has(+h2){color:#fff;border-color:#ffffffa0;background:#ffffff26}
.tpl-industry #main>div>section:last-of-type .wf-button{background:#fff;color:#1c1917;box-shadow:none}
.tpl-industry #main>div>section:last-of-type>p:last-child{font-size:13px;opacity:.9}
.tpl-industry #main>div>p:last-child{margin:0;padding:32px 0;font-size:14px}
.tpl-industry .wf-source-note{margin-top:0}
@media(max-width:800px){
  .tpl-industry #main :is(#platform,#partnership)>.wf-grid,.tpl-industry #main>div>section:first-child figure>.wf-grid,.tpl-industry #main #workflows article>.wf-grid,.tpl-industry #main #workflows>div:first-child{grid-template-columns:1fr}
  .tpl-industry #main #workflows>div:first-child>p:last-child{grid-column:1;grid-row:auto}
  .tpl-industry #main #workflows article>.wf-grid:first-child>div:last-child{border-left:0;border-top:1px solid var(--site-color-line)}
  .tpl-industry #main #workflows article>.wf-grid:last-child>div+div{border-left:0;border-top:1px solid var(--site-color-line)}
}
@media(max-width:900px){.tpl-industry #main #partnership ol.wf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tpl-industry #main #platform>.wf-grid>.wf-grid,.tpl-industry #main #partnership ol.wf-grid,.tpl-industry #main>div>section:first-child figure .wf-cols-3{grid-template-columns:1fr}}

/* ───────────────────────────────────────────────────────────────────────────
   Blog index: featured post, filter row, and a three-column card grid. */
.tpl-blog #main{max-width:var(--site-content-width)}
.tpl-blog #main h1{margin-bottom:40px}
.tpl-blog #main a:is(:has(>.wf-grid),.wf-grid>a){text-decoration:none;color:inherit}
.tpl-blog #main>div:first-of-type>a{display:block;border:1px solid var(--site-color-line);border-radius:var(--site-radius-card);background:var(--site-color-paper);overflow:hidden;text-decoration:none;transition:border-color var(--site-motion-fast),box-shadow var(--site-motion-normal) ease}
.tpl-blog #main>div:first-of-type>a:hover{border-color:var(--tpl-accent);box-shadow:0 8px 24px #1c19170f}
.tpl-blog #main>div:first-of-type .wf-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;align-items:center;margin:0}
.tpl-blog #main>div:first-of-type .wf-grid>div{padding:0;border:0;border-radius:0}
.tpl-blog #main>div:first-of-type .wf-grid>div:last-child{padding:36px}
.tpl-blog #main>div:first-of-type img.live-image{width:100%;height:100%;aspect-ratio:16/10;margin:0;border-radius:0;object-fit:cover}
.tpl-blog #main>div:first-of-type h2{font-size:30px}
.tpl-blog #main>div+div{margin-top:40px;padding-top:0;border-top:0}
.tpl-blog #main>div:nth-of-type(2){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.tpl-blog #main>div:nth-of-type(2) form{display:flex;gap:8px;margin:0;max-width:none}
.tpl-blog #main>div:nth-of-type(2) input{width:240px;min-height:40px;padding:8px 12px;font-size:14px}
.tpl-blog #main>div:nth-of-type(2) button[type=submit]{min-height:40px;margin:0;padding:8px 16px}
.tpl-blog #main>.wf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tpl-blog.tpl-blog #main>.wf-grid>a{display:flex;flex-direction:column;padding:0;overflow:hidden}
.tpl-blog.tpl-blog #main>.wf-grid>a>div:first-child{border-bottom:1px solid var(--site-color-line)}
.tpl-blog.tpl-blog #main>.wf-grid>a img.live-image:not(.live-icon){width:100%;aspect-ratio:16/10;margin:0;border-radius:0;object-fit:cover}
.tpl-blog.tpl-blog #main>.wf-grid>a .wf-image:not(.wf-icon){margin:0;border-radius:0;aspect-ratio:16/10;min-height:0}
.tpl-blog.tpl-blog #main>.wf-grid>a>div:last-child{display:flex;flex:1;flex-direction:column;padding:22px}
.tpl-blog.tpl-blog #main>.wf-grid>a h3{font-size:18px;line-height:1.3}
.tpl-blog.tpl-blog #main>.wf-grid>a p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tpl-blog #main :is(.wf-grid>a>div:last-child,.wf-grid>div:last-child)>div:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:auto;padding-top:12px;font-size:12px;color:var(--site-color-muted)}
.tpl-blog #main :is(.wf-grid>a>div:last-child,.wf-grid>div:last-child)>div:last-child>div{display:flex;align-items:center;gap:8px;color:var(--site-color-ink)}
.tpl-blog #main :is(.wf-grid>a>div:last-child,.wf-grid>div:last-child)>div:last-child :is(img.live-icon,.tpl-initials){width:24px;height:24px;margin:0;font-size:10px}
.tpl-blog #main :is(.wf-grid>a>div:last-child,.wf-grid>div:last-child)>div:last-child>div>div{display:flex}
.tpl-blog #main>div:last-child:empty{display:none}

/* Article header: author row with small avatars. */
.tpl-article #main header img.live-icon,.tpl-article #main header .tpl-initials{width:32px;height:32px}
@media(max-width:700px){
  .tpl-blog #main>.wf-grid,.tpl-blog #main>div:first-of-type .wf-grid{grid-template-columns:1fr}
  .tpl-blog #main>div:nth-of-type(2) form{width:100%}
  .tpl-blog #main>div:nth-of-type(2) input{flex:1;width:auto}
}

/* Long prompts and code wrap rather than widening their column. */
.tpl-editorial #main pre{white-space:pre-wrap;overflow-wrap:anywhere}
.tpl-editorial #main :is(.wf-grid,[class*=wf-cols])>*{min-width:0}

/* Company: investor logo rows. Logos are white artwork, inverted on light surfaces as in production. */
.tpl-company #main div:has(>img.live-image+img.live-image){display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px 48px;margin:32px 0}
.tpl-company #main div:has(>img.live-image+img.live-image)>img.live-image{width:auto;height:clamp(48px,7vw,104px);margin:0;border-radius:0;filter:invert(1);opacity:.85}
html.dark .tpl-company #main div:has(>img.live-image+img.live-image)>img.live-image{filter:none}
.tpl-company #main div:has(>span:only-of-type)>span{display:block;text-align:center;font-size:13px;color:var(--site-color-muted)}
.tpl-company #main div:has(>img.live-image+img.live-image)+div:has(>span)+div:has(>img.live-image+img.live-image)>img.live-image{height:clamp(40px,5vw,72px)}

/* Nested captures: grids inside a card stay flat so cards never stack three deep. */
.tpl-editorial #main .wf-card :is(.wf-card,.wf-grid>div,.wf-grid>li,.wf-grid>a){padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.tpl-editorial #main .wf-card .wf-grid{gap:8px 20px;margin:12px 0}
/* Captured label spans that lead a paragraph ("Best for") read as small labels. */
.tpl-editorial #main .wf-card p>span:first-child{display:block;margin-bottom:2px;font:11px/1.4 var(--site-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--site-color-muted)}

/* Empty captured wrappers (decorative dividers, icon slots) take no space. */
.tpl-editorial #main :is(div,span):empty{display:none}
/* Tables fill the column on wide screens and scroll inside their frame on small ones. */
.tpl-editorial #main table{display:table;width:100%}
@media(max-width:700px){.tpl-editorial #main table{display:block}}
/* Buttons laid out as a grid (guide demo profiles) are cards, not chips. */
.tpl-editorial #main .wf-grid>button{width:100%;margin:0;padding:18px;border-radius:var(--site-radius-card);text-align:left;line-height:1.5}

/* Blog filters: borderless chips, the selected one on a grey pill (production behaviour). */
.tpl-blog.tpl-blog #main .tpl-blog-chip{height:auto;margin:0;padding:6px 12px;border:0;border-radius:999px;background:transparent;font-size:14px;font-weight:500;color:var(--site-color-muted);transition:background var(--site-motion-fast),color var(--site-motion-fast)}
.tpl-blog.tpl-blog #main .tpl-blog-chip:hover{color:var(--site-color-ink)}
.tpl-blog.tpl-blog #main .tpl-blog-chip[aria-pressed=true]{background:color-mix(in srgb,var(--site-color-ink) 8%,transparent);color:var(--site-color-ink)}
.tpl-blog #main>div:nth-of-type(2)>div:first-child{display:flex;flex-wrap:wrap;gap:4px}
.tpl-blog #main .wf-grid>a[hidden]{display:none}

/* Product changelog: a dated timeline of full product posts. */
.tpl-blog #main .tpl-changelog{position:relative;margin-top:16px}
.tpl-blog #main .tpl-changelog::before{content:'';position:absolute;top:8px;bottom:8px;left:3px;width:1px;background:var(--site-color-line)}
.tpl-blog #main .tpl-changelog ol{margin:0;padding:0;list-style:none;display:grid;gap:64px}
.tpl-blog #main .tpl-changelog li{position:relative;display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;padding-left:36px}
.tpl-blog #main .tpl-changelog li::before{content:'';position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--site-palette-blue);box-shadow:0 0 0 4px var(--site-color-paper)}
.tpl-blog #main .tpl-changelog time{font-size:15px;font-weight:600;color:var(--site-color-ink)}
.tpl-blog #main .tpl-changelog h2{margin:0 0 24px;font-size:clamp(25px,3vw,34px);line-height:1.08}
.tpl-blog #main .tpl-changelog h2 a{text-decoration:none;color:inherit;transition:color var(--site-motion-fast)}
.tpl-blog #main .tpl-changelog h2 a:hover{color:var(--site-palette-blue)}
.tpl-blog #main .tpl-changelog-hero{display:block;margin-bottom:32px;border-radius:18px;overflow:hidden}
.tpl-blog #main .tpl-changelog-hero img{display:block;width:100%;height:auto;margin:0;border-radius:0}
.tpl-blog #main .tpl-changelog-body :is(p,li){max-width:none;font-size:16px;line-height:1.7;color:color-mix(in srgb,var(--site-color-ink) 82%,var(--site-color-paper))}
.tpl-blog #main .tpl-changelog-body h2{font-size:24px;margin:40px 0 12px}
.tpl-blog #main .tpl-changelog-body img.live-image{width:100%;border-radius:12px}
.tpl-blog #main .tpl-blog-empty{padding:64px 0;text-align:center}
.tpl-blog #main .tpl-blog-empty p{max-width:none;margin:0 0 6px}
.tpl-blog #main .tpl-blog-empty p:first-child{font-size:18px;color:var(--site-color-ink)}
@media(max-width:900px){.tpl-blog #main .tpl-changelog li{grid-template-columns:1fr;gap:12px}}

/* ───────────────────────────────────────────────────────────────────────────
   Blog post: the live toyo.ai post header and hero, set in the new type.
   680px text column; hero breaks out to the 976px content width. */
.tpl-post #main{max-width:var(--site-inner-width);padding-top:56px}
.tpl-post #main>:not(div:nth-child(2)){max-width:var(--site-width-prose);margin-inline:auto}
.tpl-post #main>div+div{margin-top:0;padding-top:0;border-top:0}
.tpl-post #main>div:first-child>a:first-child{display:inline-flex;align-items:center;gap:8px;margin-bottom:32px;font-size:14px;color:var(--site-color-muted);text-decoration:none;transition:color var(--site-motion-fast)}
.tpl-post #main>div:first-child>a:first-child::before{content:'←'}
.tpl-post #main>div:first-child>a:first-child:hover{color:var(--site-color-ink)}
.tpl-post #main header{margin:0}
.tpl-post #main header>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;color:var(--site-color-muted)}
.tpl-post #main header>div:first-child>span:first-child{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--site-palette-blue-ink)}
.tpl-post #main header h1{margin:0 0 12px;text-wrap:pretty;font-size:clamp(34px,4vw,48px);line-height:1.15;letter-spacing:-.02em}
.tpl-post #main header h1+p{margin:0 0 32px;font-size:20px;line-height:1.6;color:var(--site-color-muted)}
.tpl-post #main header>div:last-child{display:flex;flex-wrap:wrap;gap:16px 28px}
.tpl-post #main header>div:last-child>div{display:flex;align-items:center;gap:12px}
.tpl-post #main header>div:last-child>div>div:first-child{display:flex}
.tpl-post #main header :is(img.live-icon,.tpl-initials){width:48px;height:48px;margin:0}
.tpl-post #main header>div:last-child p{margin:0;font-size:14px;font-weight:600;color:var(--site-color-ink)}
.tpl-post #main header>div:last-child a{font-size:13px;color:var(--site-color-muted);text-decoration:none}
.tpl-post #main>div:nth-child(2){max-width:var(--site-inner-width);margin:48px auto 56px}
.tpl-post #main>div:nth-child(2)>div{display:contents}
.tpl-post #main>div:nth-child(2) :is(img.live-image,video){display:block;width:100%;height:auto;margin:0;border-radius:12px;background:#000}
@media(max-width:700px){.tpl-post #main>div:nth-child(2) :is(img.live-image,video){border-radius:0}.tpl-post #main header h1+p{font-size:18px}}

/* ───────────────────────────────────────────────────────────────────────────
   Lead forms (discovery call, Slack waitlist): intro and steps beside a form card. */
.tpl-form .tpl-form-page{border-top:0;padding-block:72px var(--site-section-space)}
.tpl-form .tpl-form-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:start}
.tpl-form .tpl-form-intro .tpl-title{margin-bottom:16px}
.tpl-form .tpl-form-steps{display:grid;gap:18px;margin:40px 0 0;padding:0;list-style:none;counter-reset:fs}
.tpl-form .tpl-form-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;row-gap:2px}
.tpl-form .tpl-form-steps li::before{counter-increment:fs;content:counter(fs);grid-row:span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--site-palette-blue-soft);font:700 13px/1 var(--site-font-mono);color:var(--site-palette-blue-ink)}
.tpl-form .tpl-form-steps strong{font-size:15px;color:var(--site-color-ink)}
.tpl-form .tpl-form-steps span{font-size:14px;line-height:1.55;color:var(--site-color-muted)}
.tpl-form .tpl-form-card{padding:32px;box-shadow:0 18px 40px -28px #1c191740}
.tpl-form .tpl-flow [data-step]{display:grid;gap:18px}
.tpl-form .tpl-flow [data-step][hidden]{display:none}
.tpl-form .tpl-form-title{margin:0;font:600 22px/1.25 var(--site-font-heading);letter-spacing:-.02em}
.tpl-form .tpl-flow label{display:grid;gap:8px;font-size:14px;font-weight:600;color:var(--site-color-ink)}
.tpl-form .tpl-flow :is(input,select,textarea){width:100%;min-height:var(--site-control-height);padding:12px 14px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-button);background:var(--site-color-paper);font:400 15px/1.5 var(--site-font-body);color:var(--site-color-ink);transition:border-color var(--site-motion-fast),box-shadow var(--site-motion-fast)}
.tpl-form .tpl-flow textarea{min-height:120px;resize:vertical}
.tpl-form .tpl-flow :is(input,select,textarea):focus{outline:0;border-color:var(--site-palette-blue);box-shadow:0 0 0 3px var(--site-palette-blue-soft)}
.tpl-form .tpl-flow [aria-invalid=true]{border-color:#c8372d}
.tpl-form .tpl-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tpl-form .tpl-flow .ui-button{justify-self:start}
.tpl-form .tpl-form-error{margin:0;font-size:14px;color:#c8372d}
.tpl-form .tpl-form-note{margin:20px 0 0;font-size:12px;color:var(--site-color-muted)}
.tpl-form .tpl-scheduler{display:grid;gap:4px;place-items:center;min-height:240px;padding:24px;border:1px dashed var(--site-color-line);border-radius:var(--site-radius-card);background:var(--site-color-band);text-align:center}
.tpl-form .tpl-scheduler p{margin:0;font-size:14px;color:var(--site-color-muted)}
.tpl-form .tpl-scheduler strong{color:var(--site-color-ink)}
@media(max-width:860px){.tpl-form .tpl-form-layout{grid-template-columns:1fr;gap:40px}.tpl-form .tpl-form-steps{margin-top:28px}}
@media(max-width:520px){.tpl-form .tpl-form-row{grid-template-columns:1fr}.tpl-form .tpl-form-card{padding:22px}}

/* ───────────────────────────────────────────────────────────────────────────
   Comparisons and alternatives: the live toyo.ai layout in the new tokens.
   Centred hero, full-bleed sections alternating paper and band, Toyo highlighted in
   coral, and a coral closing band. Content column 820px. */
.tpl-compare{--cmp-col:820px;--cmp-pad:max(var(--site-gutter),calc((100% - var(--cmp-col)) / 2))}
.tpl-compare #main{max-width:none;width:100%;padding:0}
.tpl-compare #main>:is(section,aside,p){margin:0;padding:var(--site-section-space) var(--cmp-pad);border:0}
.tpl-compare #main>:is(section,div,aside,article,p)+:is(section,div,aside,article){margin-top:0;border-top:0}
.tpl-compare #main h2{max-width:none;font-size:clamp(26px,calc(22.06px + 1.01vw),var(--site-heading-size))}
.tpl-compare #main section p{max-width:var(--cmp-col)}

/* Hero: centred, mono eyebrow, "Pick X if" bullets, mono anchor links. */
.tpl-compare #main>section:first-of-type{padding-top:72px;padding-bottom:40px;text-align:center}
.tpl-compare #main>section:first-of-type>p:first-child{display:block;width:auto;margin:0 0 14px;padding:0;border:0;background:none;font:500 12px/1.4 var(--site-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--site-color-muted)}
.tpl-compare #main>section:first-of-type h1{margin:0 auto 14px;max-width:760px;font-size:clamp(34px,calc(26.6px + 1.9vw),48px)}
.tpl-compare #main>section:first-of-type p{margin-inline:auto}
.tpl-compare.tpl-compare-detail #main>section:first-of-type h1+p,.tpl-compare.tpl-alt-detail #main>section:first-of-type h1+p+p{font:12px/1.5 var(--site-font-mono);color:var(--site-color-muted)}
.tpl-compare.tpl-compare-index #main>section:first-of-type h1+p{max-width:600px;font-size:17px}
.tpl-compare.tpl-alt-detail #main>section:first-of-type h1+p{font:400 17px/1.6 var(--site-font-body);max-width:640px}
.tpl-compare #main>section:first-of-type h1+p+p{max-width:640px;font-size:17px}
.tpl-compare #main>section:first-of-type>div:has(p>span){display:grid;gap:6px;width:fit-content;max-width:640px;margin:20px auto 0;text-align:left}
.tpl-compare #main>section:first-of-type>div:has(p>span) p{display:flex;gap:10px;align-items:baseline;margin:0;font-size:14px}
.tpl-compare #main>section:first-of-type>div:has(p>span) p>span:first-child{flex:none;width:6px;height:6px;border-radius:50%;background:var(--tpl-accent);transform:translateY(-2px)}
.tpl-compare #main>section:first-of-type>div:has(.wf-button){margin-top:24px}
.tpl-compare #main>section:first-of-type nav{justify-content:center;gap:6px 22px;margin-top:24px}
.tpl-compare #main>section:first-of-type nav a{padding:0;border:0;border-radius:0;background:none;font:12px/1.6 var(--site-font-mono);color:var(--site-color-muted)}
.tpl-compare #main>section:first-of-type nav a:hover{background:none;color:var(--site-color-ink)}
/* Disclosure line under the hero: a centred 520px measure. */
.tpl-compare #main>section:first-of-type+:is(aside,p){max-width:none;padding:0 max(var(--site-gutter),calc((100% - 520px) / 2)) 72px;border:0;border-radius:0;background:none;text-align:center;font-size:13px;line-height:1.6;color:var(--site-color-muted)}

/* Alternating bands, as on live. */
.tpl-compare.tpl-compare-detail #main>section:nth-of-type(odd):not(:first-of-type):not(:last-of-type),
.tpl-compare.tpl-alt-detail #main>section:nth-of-type(even):not(:last-of-type),
.tpl-compare.tpl-compare-index #main>section:nth-of-type(2){background:var(--site-color-band)}

/* Cards and the Toyo highlight. */
.tpl-compare #main .wf-card{background:var(--site-color-paper)}
.tpl-compare #main [data-toyo].wf-card,.tpl-compare #main #choose [data-toyo]{border-color:var(--site-palette-coral);box-shadow:0 0 0 1px var(--site-palette-coral)}
.tpl-compare #main .wf-card ul{padding:0;list-style:none;display:grid;gap:10px}
.tpl-compare #main .wf-card li{display:flex;gap:10px;margin:0}
.tpl-compare #main .wf-card li>span:first-child{flex:none;display:block;width:16px;height:16px;margin-top:3px;border-radius:50%;background:var(--site-color-line) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.tpl-compare #main [data-toyo] li>span:first-child{background-color:var(--site-palette-coral)}
.tpl-compare #main th[data-toyo],.tpl-compare #main tr[data-toyo]>td:first-child{color:var(--site-palette-coral-ink);font-weight:600}
.tpl-compare #main .wf-grid>div>div:first-child:empty{display:block;width:32px;height:2px;margin-bottom:18px;background:var(--site-color-line)}
.tpl-compare #main [data-toyo]>div:first-child:empty{background:var(--site-palette-coral)}
.tpl-compare #main #what-they-are .wf-grid{gap:48px}
.tpl-compare #main #what-they-are h2{font-size:22px}
.tpl-compare #main #choose .wf-grid>div{padding:24px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-card);background:var(--site-color-paper)}
.tpl-compare #main #choose .wf-grid>div ul{padding-left:18px}
.tpl-compare #main #reasons .wf-grid>div{padding:20px 22px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-card);background:var(--site-color-paper)}
.tpl-compare #main #reasons .wf-grid>div>span:first-child{display:block;margin-bottom:6px;font:600 12px var(--site-font-mono);color:var(--site-palette-coral-ink)}
.tpl-compare #main #reasons .wf-grid>div>p{margin:0;font-size:15px;color:var(--site-color-ink)}
.tpl-compare #main table{background:var(--site-color-paper)}

/* Index list: coral numbers. */
.tpl-compare #main a>article.wf-card>span:first-child{color:var(--site-palette-coral-ink)}

/* Closing band: full-bleed coral, centred, white action. */
.tpl-compare #main>section:last-of-type{padding-block:var(--site-section-space);background:var(--site-hero-background);text-align:center;color:#fff}
.tpl-compare #main>section:last-of-type :is(h2,p){margin-inline:auto;color:#fff}
.tpl-compare #main>section:last-of-type h2{font-size:clamp(26px,calc(22.06px + 1.01vw),var(--site-heading-size));max-width:760px}
.tpl-compare #main>section:last-of-type p{max-width:560px;opacity:.92}
.tpl-compare #main>section:last-of-type .wf-button{margin-top:16px;background:#fff;color:#1c1917;box-shadow:none}
.tpl-compare .wf-source-note{display:none}
@media(max-width:700px){.tpl-compare #main>:is(section,aside,p){padding-block:var(--site-section-space)}.tpl-compare #main>section:first-of-type{padding-top:48px}}

/* Capability cards: live icon tile, mono uppercase category, solid badges, dashed footer. */
.tpl .tpl-cap-card .tpl-cap-meta{gap:10px}
.tpl .tpl-cap-card .tpl-cap-label{font:600 10px/1.4 var(--site-font-mono);letter-spacing:.14em;text-transform:uppercase}
.tpl .tpl-cap-card .tpl-badge{padding:2px 8px;border-radius:6px;font:600 10px/1.5 var(--site-font-mono);letter-spacing:.06em;text-transform:uppercase}
.tpl .tpl-cap-card .tpl-cap-foot{border-top-style:dashed}
.tpl .tpl-cap-card .tpl-logos{gap:4px}
.tpl .tpl-cap-card .tpl-logos img{width:22px;height:22px}
.tpl .tpl-cap-card .tpl-mode{font:11.5px/1.4 var(--site-font-mono);color:var(--site-color-muted);letter-spacing:.06em;text-transform:lowercase}
.tpl .tpl-chip svg{flex:none;margin-right:6px;vertical-align:-2px}
.tpl .tpl-chips .tpl-chip{display:inline-flex;align-items:center;border:0;color:var(--site-color-muted)}
.tpl .tpl-chips .tpl-chip[aria-pressed=true]{background:color-mix(in srgb,var(--site-color-ink) 8%,transparent);border:0;color:var(--site-color-ink)}

/* Capability detail: the live layout. Stacked hero with a mono back link, plain sidebar with
   pills, and a centred "Try X with Toyo" card above related skills. */
.tpl-capabilities #main{display:flex;flex-direction:column}
.tpl-capabilities #main>.tpl-cta{order:99}
.tpl-capabilities #main>section[aria-labelledby=related-title]{order:4}
.tpl-capabilities .tpl-hero:has(.tpl-status) .ui-section-head{display:block;max-width:var(--site-width-prose)}
.tpl-capabilities .tpl-hero:has(.tpl-status) .tpl-lede{margin-top:16px;font-size:18px}
.tpl-capabilities .tpl-hero:has(.tpl-status) .ui-actions,.tpl-capabilities .tpl-hero:has(.tpl-status)>.ui-container>.ui-pill{display:none}
.tpl-capabilities .tpl-hero:has(.tpl-status){padding-bottom:56px}
.tpl-capabilities section.ui-band:has(.tpl-detail){background:var(--site-color-paper);padding-top:56px}
.tpl-capabilities .tpl-facts{padding:0;border:0;background:none;box-shadow:none}
.tpl-capabilities .tpl-facts dl>div+div{border-top:0;padding-top:0}
.tpl-capabilities .tpl-cat-pill{display:inline-flex;align-items:center;gap:6px;margin-bottom:22px;padding:4px 10px;border-radius:999px;font:600 10px/1.4 var(--site-font-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.tpl-capabilities .tpl-facts .tpl-mode,.tpl-capabilities .tpl-facts dl>div:last-child dd{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--site-color-band);font:600 10px/1.4 var(--site-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--site-color-muted)}
.tpl-capabilities .tpl-facts dd p{margin-top:10px}
/* Closing band: the Personal Agent family ends on one full-bleed coral band (as on comparisons). */
.tpl-capabilities #main>.tpl-cta{width:100%;max-width:none;margin:var(--site-section-space) 0 0;padding:var(--site-section-space) var(--site-gutter);border:0;border-radius:0;background:var(--site-hero-background);color:#fff;text-align:center}
.tpl-capabilities #main>.tpl-cta>.hero-shader{display:none}
.tpl-capabilities #main>.tpl-cta .ui-container{width:auto}
.tpl-capabilities #main>.tpl-cta :is(.ui-heading,.ui-copy){max-width:none;margin-inline:auto;color:inherit}
.tpl-capabilities #main>.tpl-cta .ui-copy{color:#fff;opacity:.92}
.tpl-capabilities #main>.tpl-cta .ui-actions{justify-content:center}
.tpl-capabilities #main>.tpl-cta .ui-button-white{background:#fff;border-color:#fff;box-shadow:none;color:#1c1917}
.tpl-capabilities #main>section[aria-labelledby=related-title]{border-top:0}

/* Contact: the live centred card form. */
.tpl-contact #main{max-width:560px;text-align:center}
.tpl-contact #main h1+p{margin-inline:auto}
.tpl-contact #main form{margin:32px auto 0;padding:28px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-card);background:var(--site-color-paper);box-shadow:0 18px 40px -28px #1c191740;text-align:left}
.tpl-contact #main form button[type=submit]{justify-self:stretch}
.tpl-form .tpl-form-aside{margin-top:24px;font-size:15px;color:var(--site-color-muted)}.tpl-form .tpl-form-aside a{color:var(--site-color-ink);text-underline-offset:3px}
.tpl-editorial #main .wf-index-list .wf-index-type{font:500 11px/1.4 var(--site-font-mono);letter-spacing:.08em;text-transform:uppercase}
.tpl-blog #main h1:has(+.tpl-blog-lede){margin-bottom:12px}.tpl-blog #main .tpl-blog-lede+div{margin-top:0;padding-top:0;border-top:0}.tpl-blog #main .tpl-blog-lede{margin:0 0 40px;font-size:17px;line-height:1.6;color:var(--site-color-muted)}
/* Mobile: horizontal scrollers fade at the right edge so cut-off items read as "more". */
@media(max-width:767px){
  .tpl :is(.wf-subnav,.tpl-chips){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
}
/* Phones: comparison tables stack into one card per row. Each value carries its column name (data-label, added by build.mjs). */
@media(max-width:600px){
  .tpl-compare #main table{display:block;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
  .tpl-compare #main table caption{display:block;margin:0 0 12px;text-align:left}
  .tpl-compare #main table thead{display:none}
  .tpl-compare #main table tbody{display:grid;gap:12px}
  .tpl-compare #main table tr{display:block;padding:16px 18px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-card);background:var(--site-color-surface)}
  .tpl-compare #main table tr[data-toyo]{border-color:var(--site-palette-coral)}
  .tpl-compare #main table :is(td,th){display:block;width:auto;padding:0;border:0;background:none;text-align:left;white-space:normal}
  .tpl-compare #main table tr>:first-child{margin:0 0 6px;font:600 16px/1.3 var(--site-font-heading);color:var(--site-color-ink)}
  .tpl-compare #main table tr>:not(:first-child){padding:10px 0 0;margin-top:10px;border-top:1px solid var(--site-color-line);font-size:14px;line-height:1.5}
  .tpl-compare #main table tr>:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:2px;font:500 11px/1.4 var(--site-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--site-color-muted)}
}

/* Section rhythm: marketing pages (homepage, Slack) use --site-section-space (126px, 79px on phones).
   Denser families (capabilities, comparisons, editorial, forms) use the tight value: 72px, 56px on phones. */
.tpl:is(.tpl-capabilities,.tpl-compare,.tpl-editorial,.tpl-form){--site-section-space:var(--site-section-space-tight)}
@media(max-width:767px){.tpl:is(.tpl-capabilities,.tpl-compare,.tpl-editorial,.tpl-form){--site-section-space:56px}}

.tpl-form .tpl-scheduler{display:grid;gap:20px;padding:24px;border:1px solid var(--site-color-line);border-radius:var(--site-radius-card);background:var(--site-color-band)}
.tpl-form [data-booking]{display:grid;gap:20px}
.tpl-form .tpl-scheduler p{margin:0;font-size:14px;color:var(--site-color-muted)}
.tpl-form .tpl-scheduler strong{color:var(--site-color-ink)}

/* Captured guide exports must stay inside the tablet reading column. */
@media (min-width: 768px) and (max-width: 1279px) {
  main .md\:-mx-16, main .lg\:-mx-24 { margin-inline: 0 !important; }
}
@media (max-width: 767px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea { font-size: 16px !important; }
}