.blog.svelte-u4k2t{padding-bottom:96px}.container.svelte-u4k2t{width:min(100% - 32px,1180px);margin:0 auto}.blog-hero.svelte-u4k2t{color:#fff;background:#01273d;padding:56px 0 40px}.blog-hero.svelte-u4k2t h1:where(.svelte-u4k2t){color:inherit;margin:0 0 22px}.blog-search.svelte-u4k2t{border-radius:12px;max-width:620px;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000047}.blog-search.svelte-u4k2t input:where(.svelte-u4k2t){min-width:0;font:inherit;color:#333;background:#fff;border:0;flex:1;padding:14px 18px;font-size:16px}.blog-search.svelte-u4k2t input:where(.svelte-u4k2t)::placeholder{color:#7d919f}.blog-search.svelte-u4k2t input:where(.svelte-u4k2t):focus-visible{outline-offset:-2px;outline:2px solid #95ccf0}.blog-search.svelte-u4k2t button:where(.svelte-u4k2t){color:#01273d;font:inherit;cursor:pointer;background:#95ccf0;border:0;padding:0 22px;font-size:15px;font-weight:700}.blog-search.svelte-u4k2t button:where(.svelte-u4k2t):hover{background:#aad7f5}.blog-stats.svelte-u4k2t{letter-spacing:.07em;text-transform:uppercase;color:#9fc0d6;border-top:1px solid #ffffff29;flex-wrap:wrap;gap:10px 26px;margin-top:24px;padding-top:16px;font-size:12px;display:flex}.blog-stats.svelte-u4k2t b:where(.svelte-u4k2t){color:#95ccf0;font-weight:600}.blog-toolbar.svelte-u4k2t{border-bottom:1px solid #e5e5e5;padding:14px 0}.blog-results.svelte-u4k2t{margin-top:28px}.blog-toolbar__row.svelte-u4k2t{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.blog-seg.svelte-u4k2t{border:1px solid #ccc;border-radius:10px;display:inline-flex;overflow:hidden}.blog-seg.svelte-u4k2t button:where(.svelte-u4k2t){font:inherit;color:#757575;cursor:pointer;background:#fff;border:0;border-right:1px solid #ccc;padding:8px 14px;font-size:13.5px;font-weight:600}.blog-seg.svelte-u4k2t button:where(.svelte-u4k2t):last-child{border-right:0}.blog-seg.svelte-u4k2t button:where(.svelte-u4k2t):hover{color:#01273d}.blog-seg.svelte-u4k2t button.is-active:where(.svelte-u4k2t){color:#fff;background:#01273d}.blog-seg.svelte-u4k2t button.is-active:where(.svelte-u4k2t) .blog-seg__count:where(.svelte-u4k2t){color:#95ccf0}.blog-seg__count.svelte-u4k2t{color:#999;margin-left:3px;font-size:11px}.blog-badge.svelte-u4k2t{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.blog-badge--diy.svelte-u4k2t{color:#0b7212;background:#e8f6e9}.blog-badge--article.svelte-u4k2t{color:#01527f;background:#e8f1f8}.blog-badge--highlight.svelte-u4k2t{color:#9a5b00;background:#fdf1e4}.blog-meta.svelte-u4k2t{color:#757575;font-size:13.5px}.blog-grid.svelte-u4k2t{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}@media screen and (width<=1024px){.blog-grid.svelte-u4k2t{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=550px){.blog-grid.svelte-u4k2t{grid-template-columns:1fr}}.blog-card.svelte-u4k2t{background:#fff;border:1px solid #e5e5e5;border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.blog-card.svelte-u4k2t:hover{border-color:#01273d;transform:translateY(-3px);box-shadow:0 14px 34px #01273d24}.blog-card__media.svelte-u4k2t{aspect-ratio:16/9;background:#f4f9fd;position:relative}.blog-card__media.svelte-u4k2t img:where(.svelte-u4k2t){object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.blog-card__dur.svelte-u4k2t{color:#fff;background:#010c14d1;border-radius:5px;padding:2px 8px;font-size:11.5px;position:absolute;bottom:10px;right:10px}.blog-card__info.svelte-u4k2t{flex-direction:column;flex:1;gap:10px;padding:22px;display:flex}.blog-card__info.svelte-u4k2t h3:where(.svelte-u4k2t){color:#01273d;margin:0;font-size:19px;font-weight:700;line-height:1.25}.blog-card__info.svelte-u4k2t p:where(.svelte-u4k2t){color:#757575;flex:1;margin:0;font-size:14px;line-height:1.55}.blog-card__chips.svelte-u4k2t{color:#757575;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;font-weight:600;display:flex}.blog-dot.svelte-u4k2t{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.blog-dot--easy.svelte-u4k2t{background:#0b7212}.blog-dot--moderate.svelte-u4k2t{background:#c07b00}.blog-dot--advanced.svelte-u4k2t{background:#b3261e}.blog-empty.svelte-u4k2t{color:#757575;text-align:center;border:1.5px dashed #ccc;border-radius:16px;padding:48px}.blog-empty.svelte-u4k2t a:where(.svelte-u4k2t){color:#016fd0}
