.blog-page{max-width:1120px;min-height:65vh;margin:auto;padding:clamp(1.5rem,5vw,4rem) 1.25rem}.blog-heading{max-width:750px;margin-bottom:2rem}.blog-heading h1{font:650 clamp(2.3rem,5vw,4rem)/1.08 var(--heading-font);letter-spacing:-.045em}.blog-heading>p:last-child{color:var(--muted);line-height:1.6}.blog-search{gap:.6rem;max-width:520px;margin:2rem 0;display:flex}.blog-search input{flex:1;min-width:0}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.blog-card{background:var(--mint);border-radius:1.5rem;flex-direction:column;align-items:flex-start;min-width:0;padding:1.75rem;transition:transform .2s;display:flex}.blog-card[data-tone="1"]{background:var(--sky)}.blog-card[data-tone="2"]{background:var(--lilac)}.blog-card:hover{transform:translateY(-3px)}.blog-card h2{overflow-wrap:anywhere;margin:1.5rem 0 .75rem;font-size:1.5rem;line-height:1.2}.blog-card h2 a{color:inherit;text-decoration:none}.blog-card p{font-size:.9375rem;line-height:1.65}.blog-card>.product-text-link{margin-top:auto;padding-top:1.5rem}.blog-card time,.blog-article time{color:var(--muted);font-size:.8rem}.blog-article{max-width:760px;margin:2.5rem auto}.blog-article>h2{font:650 clamp(2rem,4vw,3rem)/1.15 var(--heading-font);letter-spacing:-.035em}.blog-body{overflow-wrap:anywhere;line-height:1.8}.blog-body p{white-space:pre-wrap}.blog-body h2,.blog-body h3{margin-top:2rem}.blog-body blockquote{background:var(--mint);border-radius:1rem;margin:1.5rem 0;padding:1rem 1.5rem}.blog-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}@media (width<=900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.blog-grid{grid-template-columns:1fr}.blog-card{padding:1.5rem}.blog-search button{padding:.7rem}.blog-heading h1{font-size:2.3rem}}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}.blog-page{max-width:80rem;padding-inline:2rem}.blog-heading{margin-bottom:2rem}.blog-search{border:1px solid var(--line);background:#fff;border-radius:1.25rem;align-items:center;gap:.75rem;max-width:none;margin:0 0 2.5rem;padding:.5rem .5rem .5rem 1.25rem}.blog-search svg{color:var(--muted);flex-shrink:0}.blog-search input{padding:.75rem 0;box-shadow:none!important;background:0 0!important;border:0!important}.blog-search:focus-within{border-color:var(--pine);box-shadow:0 0 0 3px #bff3db70}.blog-search button{background:var(--pine);color:var(--paper);border-radius:.875rem;min-height:44px;padding:.75rem 1.25rem}.blog-search button:hover{background:var(--mint);color:var(--pine)}.blog-card{min-height:280px}.blog-card h2{margin-top:1.25rem}@media (width<=620px){.blog-page{padding-inline:1.25rem}.blog-search{gap:.5rem;padding-left:.875rem}.blog-search button{padding:.7rem .875rem}.blog-card{min-height:0}}.blog-search>label{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}