@layer components{.blog-grid{gap:24px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-grid>li{display:flex}.post-card{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;width:100%;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.post-card:hover{border-color:var(--navy);transform:translateY(-3px);box-shadow:0 14px 30px -14px #0b25454d}.post-card:focus-within{border-color:var(--navy)}.post-card-media{aspect-ratio:1200/630;background:var(--navy);position:relative;overflow:hidden}.post-card-img{object-fit:cover}.post-card-fallback{color:var(--sun-soft);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:radial-gradient(circle at 92% -10%,var(--sun) 0,var(--sun) 52px,transparent 53px),linear-gradient(0deg,var(--lake) 0,var(--lake) 10px,transparent 10px),var(--navy);align-items:flex-end;padding:20px 22px;font-size:13px;display:flex;position:absolute;inset:0}.post-card-body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.post-card-title{letter-spacing:-.02em;text-wrap:balance;font-size:22px;font-weight:700;line-height:1.15}.post-card-title a{text-decoration:none}.post-card-title a:hover{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun);text-decoration-thickness:2px}.post-card-title a:after{content:"";z-index:0;border-radius:22px;position:absolute;inset:0}.post-card-title a:focus-visible{outline:none}.post-card-title a:focus-visible:after{outline:3px solid var(--navy);outline-offset:3px}.post-card-desc{color:var(--ink-2);margin:10px 0 0;font-size:15.5px;line-height:1.55}.post-card .post-meta-clip{z-index:1;margin-top:auto;position:relative}.post-card .post-card-desc+.post-meta-clip{margin-top:auto;padding-top:16px}@media (prefers-reduced-motion:reduce){.post-card{transition:none}.post-card:hover{transform:none}}.blog-controls{flex-direction:column;gap:20px;padding-top:44px;display:flex}.blog-main{padding-top:36px;padding-bottom:88px}.cat-nav ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cat-link{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:999px;align-items:center;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.cat-link:hover{border-color:var(--navy)}.cat-link.is-current{background:var(--navy);border-color:var(--navy);color:#fff}.blog-search-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blog-search-field{border:2px solid var(--line);max-width:560px;min-height:52px;color:var(--ink-2);background:#fff;border-radius:999px;align-items:center;gap:12px;padding:0 18px;transition:border-color .2s;display:flex}.blog-search-field:focus-within{border-color:var(--navy)}.blog-search-field input{min-width:0;height:48px;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.blog-search-field input::placeholder{color:var(--ink-2);opacity:1}.blog-search-status{min-height:1.6em;color:var(--ink-2);margin:10px 0 18px 6px;font-size:14.5px}.search-results{gap:16px;max-width:760px;margin:0;padding:0;list-style:none;display:grid}.search-result{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px 26px}.search-result-cat{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12.5px}.search-result h2{margin-top:8px;font-size:24px;font-weight:700;line-height:1.15}.search-result h2 a{text-decoration:none}.search-result h2 a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun);text-underline-offset:4px;text-decoration-thickness:2px}.search-result p:last-child{color:var(--ink-2);margin:8px 0 0;font-size:15.5px}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin-top:56px;display:flex}.page-nums{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.page-link{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-flex}a.page-link:hover{border-color:var(--navy)}.page-link.is-current{background:var(--navy);border-color:var(--navy);color:#fff}.page-link.is-disabled{color:var(--ink-2);background:0 0;border-style:dashed}.page-gap{color:var(--ink-2);padding:0 4px}.blog-empty{max-width:640px;padding:96px 0 120px}.blog-empty h2{font-size:clamp(32px,4vw,44px);font-weight:800}.blog-empty p{color:var(--ink-2);margin:18px 0 0;font-size:19px}.blog-empty a{color:var(--ink);-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun);text-underline-offset:4px;font-weight:600;text-decoration-thickness:2px}}