.io-integrated .io-blog-index{max-width:1320px;margin:0 auto;padding:32px 16px 64px;color:var(--io-ink)}.io-integrated .io-blog-heading{margin:0 0 28px}.io-integrated .io-blog-heading h1{font:600 clamp(32px,4vw,52px)/1.12 var(--font);letter-spacing:-.035em;margin:0 0 24px;overflow-wrap:break-word}.io-integrated .io-blog-heading>p,.io-integrated .io-blog-description{max-width:65ch;margin:0;color:var(--io-text-2);font-size:16px;line-height:1.7}.io-integrated .io-blog-description p:last-child{margin-bottom:0}.io-integrated .io-blog-toolbar{margin-bottom:36px;min-width:0}.io-integrated .io-blog-toolbar form{display:flex;align-items:stretch;gap:10px;max-width:580px}.io-integrated .io-blog-toolbar input[type=search]{box-sizing:border-box;min-width:0;width:100%;min-height:50px;margin:0;padding:12px 14px;background:#fff;border:1px solid #bdccbf;border-radius:6px;color:var(--io-ink);font:400 16px/1.5 var(--font);caret-color:var(--io-brand)}.io-integrated .io-blog-toolbar input::placeholder{color:var(--io-text-2);opacity:1}.io-integrated .io-blog-toolbar button{flex:none;min-height:50px;margin:0;padding:12px 20px;border:1px solid var(--io-brand);border-radius:6px;background:var(--io-brand);color:#fff;font:600 15px/1.5 var(--font);cursor:pointer}.io-integrated .io-blog-toolbar button:hover{background:var(--io-strong);border-color:var(--io-strong)}.io-integrated .io-blog-toolbar nav{display:flex;gap:10px;margin-top:18px;padding:0 0 8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8ea898 var(--io-canvas)}.io-integrated .io-blog-toolbar nav a{display:flex;align-items:center;flex:none;min-height:44px;padding:8px 14px;border:1px solid var(--io-line);border-radius:6px;text-decoration:none;color:var(--io-brand);font:400 15px/1.5 var(--font);white-space:nowrap}.io-integrated .io-blog-toolbar nav a:hover{background:#e4efe8;border-color:#8ea898}.io-integrated .io-blog-toolbar nav a[aria-current=page]{background:#e4efe8;border-color:var(--io-brand);font-weight:600}.io-integrated .io-blog-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px 32px}body.io-integrated .io-blog-index .io-blog-story{min-width:0;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.io-integrated .io-blog-story-link{display:block;color:var(--io-ink);text-decoration:none}.io-integrated .io-blog-story img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;border-radius:10px;margin:0 0 20px;background:#fff}.io-integrated .io-blog-story h2{font:600 25px/1.2 var(--font);letter-spacing:-.025em;color:var(--io-ink);margin:0 0 16px;overflow-wrap:break-word}.io-integrated .io-blog-story-link:hover h2{color:var(--io-brand);text-decoration:underline;text-underline-offset:4px}.io-integrated .io-blog-story>p{font-size:15px;line-height:1.7;color:var(--io-text-2);margin:0 0 8px}.io-integrated .io-blog-read{display:inline-flex;gap:10px;align-items:center;min-height:44px;color:var(--io-ink);font:600 15px/1.5 var(--font);text-decoration:none}.io-integrated .io-blog-read svg{width:20px;height:20px;flex:none}.io-integrated .io-blog-read:hover{text-decoration:underline;text-underline-offset:4px}.io-integrated .io-blog-index .pagination{margin:40px 0 0;padding:0;border:0}.io-integrated .io-blog-index .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.io-integrated .io-blog-index .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #bdccbf;border-radius:6px;background:transparent;color:var(--io-brand);font-size:15px;text-decoration:none;font-variant-numeric:tabular-nums}.io-integrated .io-blog-index .page-numbers.current{background:var(--io-brand);border-color:var(--io-brand);color:#fff}.io-integrated .io-blog-empty{padding:24px 0;border-top:1px solid var(--io-line)}.io-integrated .io-blog-empty a{display:inline-flex;align-items:center;min-height:44px;color:var(--io-brand);text-underline-offset:4px}@media(min-width:600px){.io-integrated .io-blog-index{padding-inline:24px}.io-integrated .io-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.io-integrated .io-blog-index{padding-block:40px 80px}.io-integrated .io-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}