/* Blog index, categories and topics. On top of site.css. */
.lst-crumb{margin-bottom:22px}
.lst-hero h1{max-width:16ch}
.lst-chips{margin-top:34px}
.lst-posts{padding-top:clamp(48px,6vw,80px)}
.lst-h{font-size:clamp(24px,2.4vw,32px);line-height:1.05;font-weight:800;letter-spacing:-.04em;margin-bottom:24px}
.lst-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lst-card{padding:10px 10px 22px;gap:12px}
.lst-card .card__img{margin:0;aspect-ratio:16/10;border-radius:16px}
.lst-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;padding:4px 10px 0;font:500 12px/1.4 var(--mono);letter-spacing:.02em;color:var(--ink-3)}
.lst-meta a{position:relative;z-index:1;color:var(--ink-2)}
.lst-meta a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.lst-meta time{flex-basis:100%;margin-bottom:2px}
.lst-meta a:not(:last-child)::after{content:"·";display:inline-block;margin:0 7px;color:var(--ink-3)}
.lst-card h3{padding:0 10px;font-size:19px;line-height:1.22;letter-spacing:-.025em}
.lst-card h3 a{color:var(--ink)}
.lst-empty{border-radius:24px;background:var(--card-2);padding:48px 24px;text-align:center;color:var(--ink-2);font-size:16px}

/* Japanese blog: try-Kipwise panels */
.lst-ctas{display:flex;flex-direction:column;gap:14px}
.lst-cta{--pad:clamp(28px,4.4vw,56px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:32px;border-radius:32px;overflow:hidden;background:var(--band-ink);color:#f2efe6;padding:var(--pad);
}
/* ink-panel colours for the copy only: a live scene beside it keeps the page's own theme */
.lst-cta__t{display:flex;flex-direction:column;gap:16px;align-items:flex-start;
  --ink:#f2efe6;--ink-2:#b9b8c0;--ink-3:#8a8991;--line:rgba(242,239,230,.12);--line-2:rgba(242,239,230,.28);--pill:#dff14a;--pill-ink:#0f0f12;--pill-2-ink:#f2efe6}
.lst-cta h2{font-size:clamp(28px,3.2vw,44px);line-height:1;font-weight:800;letter-spacing:-.045em}
.lst-cta .cta{align-items:center;gap:14px;margin-top:6px}
.lst-cta .more{color:#f2efe6}
.lst-alt{display:inline-flex;align-items:center;gap:14px}
.lst-or{font:500 12px/1 var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em}
/* the mockup is cropped on its right edge: let it bleed off the panel's corner */
.lst-cta__art{justify-self:end;align-self:end;margin:0 calc(-1*var(--pad)) calc(-1*var(--pad)) 0}
.lst-cta__art img{display:block;width:min(335px,100%);height:auto;margin-left:auto}

/* enterprise support strip, from the Webflow footer */

@media(max-width:980px){
  .lst-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lst-cta{grid-template-columns:1fr}
  .lst-cta__art{justify-self:end;margin-top:4px}
}
@media(max-width:640px){
  .lst-grid{grid-template-columns:1fr}
}
/* a live scene as the panel art: full column width, no corner bleed (that was for the cropped screenshot) */
.lst-cta__art:has(.mk){justify-self:stretch;align-self:center;margin:0}
.lst-cta__art .mk{width:100%}