.blog-page{--blog-ink: hsl(var(--secondary))}.blog-article-width{width:100%;max-width:1400px;margin-inline:auto;padding-inline:clamp(1.5rem,3.4vw,3rem)}.blog-results{container-type:inline-size}.blog-view-toggle{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid hsl(var(--secondary) / .12);border-radius:999px;background:#eeeae6}.blog-view-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1rem;border-radius:999px;font-size:.875rem;font-weight:700;color:var(--blog-ink)}.blog-view-toggle button[aria-pressed=true]{background:var(--blog-ink);color:#fff}.blog-view-toggle button:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:2px}.blog-posts--grid{grid-template-columns:minmax(0,1fr)}@container (min-width: 42rem){.blog-posts--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 64rem){.blog-posts--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 84rem){.blog-posts--grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.blog-posts--grid .blog-row{display:flex;flex-direction:column;align-items:stretch;height:100%;gap:1.25rem;padding:1rem}.blog-posts--grid .blog-thumb{width:100%;aspect-ratio:16 / 10;flex:none}.blog-posts--grid .blog-row-title{font-size:1.25rem}.blog-posts--grid .blog-row-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:.65rem;color:hsl(var(--secondary) / .72);line-height:1.6;font-size:.95rem}.blog-posts--grid .blog-row-arrow{display:grid;place-items:center;align-self:flex-end;margin-top:auto;width:2.75rem;height:2.75rem;border-radius:999px;background:#eeeae6;color:var(--blog-ink)}.blog-toolbar{display:grid;gap:.75rem;grid-template-columns:1fr;margin-top:2.5rem}@media(min-width:768px){.blog-toolbar{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr))}}.blog-search{display:flex;align-items:center;gap:.65rem;min-height:3.25rem;padding:0 1.1rem;border-radius:999px;background:#fff;border:1px solid hsl(var(--secondary) / .15);color:hsl(var(--secondary) / .6)}.blog-search:focus-within{border-color:hsl(var(--secondary));box-shadow:0 0 0 3px hsl(var(--primary) / .5)}.blog-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--blog-ink);font-weight:500}.blog-select{min-height:3.25rem!important;border-radius:999px!important;background:#fff!important;border:1px solid hsl(var(--secondary) / .15)!important;padding:0 1.1rem!important;font-weight:600;color:var(--blog-ink)!important}.blog-select:focus{box-shadow:0 0 0 3px hsl(var(--primary) / .5)!important}.blog-select-content{border-radius:1.25rem!important;border:1px solid hsl(var(--secondary) / .12)!important;background:#fff!important;padding:.35rem;box-shadow:0 20px 50px #18252b2e!important;max-height:20rem}.blog-select-item{border-radius:.8rem!important;padding-top:.6rem!important;padding-bottom:.6rem!important;font-weight:500;color:var(--blog-ink)}.blog-select-item[data-highlighted]{background:#eeeae6!important}.blog-row{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;align-items:center;padding:1rem;border-radius:1.5rem;background:#fff;border:1px solid hsl(var(--secondary) / .08);transition:transform .25s ease,box-shadow .25s ease}.blog-row:hover{transform:translateY(-2px);box-shadow:0 16px 36px #18252b1a}.blog-row:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:3px}.blog-thumb{aspect-ratio:4 / 3;border-radius:1rem;overflow:hidden;background:#eeeae6;display:grid;place-items:center}.blog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-row:hover .blog-thumb img{transform:scale(1.04)}.blog-row-title{font-size:1.05rem;font-weight:700;line-height:1.3;color:var(--blog-ink)}.blog-row-excerpt,.blog-row-arrow{display:none}@media(max-width:639px){.blog-row{grid-template-columns:1fr;padding:.75rem}.blog-thumb{aspect-ratio:16 / 9}}@media(min-width:768px){.blog-row{grid-template-columns:11rem minmax(0,1fr) auto;gap:1.75rem;padding:1.1rem 1.75rem 1.1rem 1.1rem}.blog-row-title{font-size:1.3rem}.blog-row-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.4rem;color:hsl(var(--secondary) / .72);line-height:1.6;font-size:.95rem}.blog-row-arrow{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;background:#eeeae6;color:var(--blog-ink);transition:background .2s}.blog-row:hover .blog-row-arrow{background:hsl(var(--primary))}}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;font-size:.75rem;font-weight:600;color:hsl(var(--secondary) / .6);margin-bottom:.35rem}.blog-chip{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;background:hsl(var(--primary) / .35);color:var(--blog-ink);font-size:.72rem;font-weight:700}.blog-page-btn{min-width:2.75rem;height:2.75rem;padding:0 .9rem;border-radius:999px;font-weight:700;color:var(--blog-ink);background:#fff;border:1px solid hsl(var(--secondary) / .12);display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.blog-page-btn[aria-current=page]{background:var(--blog-ink);color:#fff}.blog-page-btn:disabled{opacity:.4;cursor:not-allowed}.blog-skeleton{background:linear-gradient(90deg,#eeeae6 25%,#f6f4f1,#eeeae6 75%);background-size:200% 100%;animation:blog-shimmer 1.4s infinite;border-radius:1rem}@keyframes blog-shimmer{to{background-position:-200% 0}}.blog-prose{color:hsl(var(--secondary) / .9);font-size:1.075rem;line-height:1.8;overflow-wrap:anywhere}.blog-prose>*+*{margin-top:1.25rem}.blog-prose h2{font-size:1.75rem;font-weight:700;line-height:1.25;color:var(--blog-ink);margin-top:2.5rem}.blog-prose h3{font-size:1.35rem;font-weight:700;color:var(--blog-ink);margin-top:2rem}.blog-prose h4{font-size:1.1rem;font-weight:700;color:var(--blog-ink);margin-top:1.75rem}.blog-prose a{color:var(--blog-ink);font-weight:600;text-decoration:underline;text-decoration-color:hsl(var(--primary));text-decoration-thickness:3px;text-underline-offset:3px}.blog-prose ul{list-style:disc;padding-left:1.4rem}.blog-prose ol{list-style:decimal;padding-left:1.4rem}.blog-prose li+li{margin-top:.5rem}.blog-prose img{border-radius:1.25rem;max-width:100%;height:auto}.blog-prose figure figcaption{font-size:.85rem;color:hsl(var(--secondary) / .6);margin-top:.5rem}.blog-prose blockquote{border-left:4px solid hsl(var(--primary));padding:.5rem 0 .5rem 1.25rem;font-style:italic}.blog-prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-size:.95rem}.blog-prose th,.blog-prose td{border:1px solid hsl(var(--secondary) / .15);padding:.6rem .8rem;text-align:left}.blog-prose th{background:#eeeae6}.blog-prose iframe{max-width:100%;border-radius:1rem}.blog-prose strong{color:var(--blog-ink)}
