:root{--blog-tint-product:48%;--blog-tint-guides:60%;--blog-tint-behind:28%;--blog-tint-comparisons:74%}.dark{--blog-tint-product:26%;--blog-tint-guides:36%;--blog-tint-behind:68%;--blog-tint-comparisons:30%}:root{--blog-strip-product:48%;--blog-strip-guides:35%;--blog-strip-behind:0%;--blog-strip-comparisons:27%}.dark{--blog-strip-product:27%;--blog-strip-guides:21%;--blog-strip-behind:0%;--blog-strip-comparisons:17%}.blog-chips{flex-wrap:nowrap;gap:8px;margin-bottom:32px;padding-bottom:4px;display:flex;overflow-x:auto}.blog-chip{border:1px solid var(--color-border);height:36px;color:var(--color-text-placeholder);font-family:var(--font-dm-sans), sans-serif;white-space:nowrap;cursor:pointer;background:0 0;border-radius:10px;flex:none;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.blog-chip:hover{border-color:var(--color-text-placeholder)}.blog-chip-active{background:var(--color-mauve-shadow);border-color:var(--color-mauve-shadow);color:#fff}.blog-chip-dot{border-radius:50%;flex:none;width:8px;height:8px}.blog-featured{grid-template-columns:1fr;margin-bottom:24px;text-decoration:none;display:grid}.blog-featured-tint{align-items:center;min-height:120px;padding:0 24px;display:flex;position:relative}.blog-featured-body{padding:24px}.blog-featured-title{font-family:var(--font-varela-round), sans-serif;color:var(--color-text-primary);margin:0 0 10px;font-size:28px;line-height:1.3}.blog-featured-desc{font-family:var(--font-dm-sans), sans-serif;color:var(--color-text-placeholder);margin:0 0 14px;font-size:15px;line-height:1.6}.blog-grid{grid-template-columns:1fr;gap:24px;display:grid}.blog-card{flex-direction:column;text-decoration:none;display:flex}.blog-card-band{align-items:flex-start;min-height:180px;padding:16px 20px;display:flex;position:relative}.blog-slot-mockup{padding:0;display:block;position:relative;overflow:hidden}.blog-card-band.blog-slot-mockup{height:180px}.blog-mockup-clip{padding:16px 20px 0;position:absolute;top:0;left:0;right:0}.blog-mockup-scale{transform-origin:top}.blog-slot-image{padding:0;display:block;position:relative;overflow:hidden}.blog-card-band.blog-slot-image{height:180px}.blog-featured-mockup .blog-mockup-clip{padding:20px 24px 0}.blog-cat-strip{background:var(--color-mauve-shadow);color:#fff;height:30px;font-family:var(--font-dm-sans), sans-serif;letter-spacing:1.5px;text-transform:uppercase;align-items:center;padding:0 20px;font-size:13px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:0;left:0;right:0}.blog-card-body{flex-direction:column;flex:auto;padding:20px;display:flex}.blog-card-title{font-family:var(--font-varela-round), sans-serif;color:var(--color-text-primary);margin:0 0 8px;font-size:18px;line-height:1.35}.blog-card-desc{font-family:var(--font-dm-sans), sans-serif;color:var(--color-text-placeholder);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-meta{font-family:var(--font-dm-sans), sans-serif;color:var(--color-text-placeholder);margin:auto 0 0;font-size:13px}.blog-about-media{flex:none;height:180px;position:relative;overflow:hidden}.blog-about-meta{color:var(--color-seagrass)}.blog-empty{font-family:var(--font-dm-sans), sans-serif;color:var(--color-text-placeholder);margin:0;font-size:15px}.blog-chip:focus-visible,.blog-featured:focus-visible,.blog-card:focus-visible{outline:2px solid var(--color-seagrass);outline-offset:2px}@media (min-width:768px){.blog-featured{grid-template-columns:minmax(240px,40%) 1fr}.blog-featured-tint{min-height:200px}.blog-featured-body{padding:32px}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}