.peekshot-blog-listing{font-family:var(--sans);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.peekshot-blog-listing *,.peekshot-blog-listing *:before,.peekshot-blog-listing *:after{box-sizing:border-box}.peekshot-blog-listing a{color:inherit;text-decoration:none}:root{--brand: hsl(263 69% 50%);--brand-hover: hsl(263 69% 44%);--brand-light: hsl(263 69% 97%);--brand-pale: hsl(263 60% 95%);--brand-mid: hsl(263 50% 88%);--brand-border: hsl(263 55% 82%);--brand-text: hsl(263 69% 42%);--bg: #ffffff;--bg-2: #f8f8fb;--bg-3: #f2f2f7;--border: hsl(240 10% 90%);--border-2: hsl(240 10% 84%);--text: hsl(240 15% 10%);--text-2: hsl(240 8% 38%);--text-3: hsl(240 6% 56%);--amber: hsl(38 92% 44%);--amber-dim: hsl(38 92% 96%);--amber-border: hsl(38 70% 80%);--amber-text: hsl(38 92% 32%);--green: hsl(158 64% 36%);--green-dim: hsl(158 64% 95%);--green-border: hsl(158 50% 76%);--navy: hsl(215 52% 24%);--navy-dim: hsl(215 52% 96%);--sky-dim: hsl(200 80% 96%);--sky-border: hsl(200 70% 80%);--sans: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--max: 1120px;--sh-xs: 0 1px 3px rgba(60, 50, 120, .06);--sh-sm: 0 2px 8px rgba(60, 50, 120, .08);--sh-md: 0 4px 20px rgba(60, 50, 120, .1);--sh-lg: 0 8px 40px rgba(60, 50, 120, .12);--sh-xl: 0 20px 60px rgba(60, 50, 120, .14)}.blog-page-header{max-width:720px;margin:0 auto;padding:92px 20px 24px;text-align:center}.blog-page-title{font-size:clamp(34px,4.4vw,56px);font-weight:800;letter-spacing:-.045em;line-height:1.05;color:var(--text)}.blog-page-subtitle{margin-top:12px;font-size:14px;color:var(--text-2);line-height:1.7}.blog-shell{max-width:var(--max);margin:2.5rem auto 0;padding:10px 36px 80px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px}.blog-shell-sidebar{display:flex;flex-direction:column;gap:24px}.blog-shell-search-input{width:100%;border-radius:999px;border:1px solid var(--border);background:var(--bg-2);padding:8px 14px;font-size:14px;color:var(--text)}.blog-shell-search-input::-moz-placeholder{color:var(--text-3)}.blog-shell-search-input::placeholder{color:var(--text-3)}.blog-shell-categories-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}.blog-cat-link{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:6px 10px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-2);cursor:pointer;margin-bottom:4px;transition:background .15s,border-color .15s,color .15s}.blog-cat-link.is-active{background:var(--bg-3);border-color:var(--border);color:var(--text)}.blog-cat-link:hover{background:var(--bg-3)}.blog-cat-select{display:none;width:100%;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;padding:10px 12px;margin-bottom:10px}.blog-shell-main{display:flex;flex-direction:column;gap:20px}.blog-shell-main-header{margin-bottom:4px}.blog-shell-main-heading{font-size:18px;font-weight:700;color:var(--text)}.blog-shell-main-subheading{font-size:13px;color:var(--text-2);margin-top:4px}.blog-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 20px}.post-category{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;margin-bottom:16px;letter-spacing:.06em;text-transform:uppercase}.cat-api{background:var(--navy-dim);color:var(--navy);border:1px solid var(--sky-border)}.cat-tutorial{background:var(--brand-pale);color:var(--brand-text);border:1px solid var(--brand-border)}.cat-usecase{background:var(--amber-dim);color:var(--amber-text);border:1px solid var(--amber-border)}.cat-nocode{background:var(--green-dim);color:var(--green);border:1px solid var(--green-border)}.blog-card{background:var(--bg);border-radius:18px;border:1px solid var(--border);box-shadow:var(--sh-xs);overflow:hidden;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.blog-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px);border-color:var(--brand-border)}.blog-card-link{display:flex;flex-direction:column;height:100%}.blog-card-thumb{height:150px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center}.blog-card-thumb-emoji{font-size:40px}.blog-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}.blog-card-kicker-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.blog-card-readtime{font-size:11px;color:var(--text-3)}.blog-card-title{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.03em}.blog-card-excerpt{font-size:13px;color:var(--text-2);line-height:1.6}.blog-card-meta{margin-top:6px;font-size:11px;color:var(--text-3);display:flex;gap:6px;flex-wrap:wrap}.blog-pagination{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.blog-pagination-btn{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);cursor:pointer}.blog-pagination-btn:disabled{opacity:.5;cursor:default}.blog-pagination-pages{display:flex;align-items:center;gap:6px;justify-content:center;flex:1}.blog-pagination-page{min-width:28px;height:28px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-2);font-size:12px;cursor:pointer}.blog-pagination-page.is-active{background:var(--bg-3);border-color:var(--border);color:var(--text)}@media(max-width:900px){.blog-page-header{padding-top:84px;padding-bottom:20px}.blog-shell{margin-top:2rem;padding:12px 20px 60px;grid-template-columns:minmax(0,1fr);gap:32px}.blog-cat-select{display:block}.blog-cat-link{display:none}.blog-card-grid{grid-template-columns:minmax(0,1fr)}}