.blog{padding-top:8px;padding-bottom:56px}.blog-cover{--hue:oklch(55% .17 295);width:100%;height:100%;color:var(--hue);background:color-mix(in oklab, var(--hue) 12%, var(--surface));place-items:center;display:grid}.blog-cover[data-category=Store\ policies]{--hue:oklch(56% .14 250)}.blog-cover[data-category=Seasonal]{--hue:oklch(63% .15 65)}.blog-cover[data-category="How we work"]{--hue:oklch(56% .14 155)}.blog-art{max-width:46rem;padding-top:8px;padding-bottom:56px}.blog-crumb{min-height:44px;color:var(--text-secondary);align-items:center;gap:6px;font-size:14px;display:flex}.blog-crumb a{color:var(--text-secondary);text-decoration:none}.blog-crumb a:hover{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.blog-head{flex-direction:column;gap:12px;padding:8px 0;display:flex}.blog-head h1{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:40px;font-weight:500;line-height:1.1}.blog-head .lead{color:var(--text-secondary);font-size:18px;line-height:1.5}.blog-by{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}@media (width<=700px){.blog-head h1{font-size:30px}.blog-head .lead{font-size:17px}}.blog-body{font-size:17px;line-height:1.65}.blog-body h2{letter-spacing:-.015em;scroll-margin-top:calc(var(--header-height) + 16px);margin-top:36px;margin-bottom:8px;font-size:24px;font-weight:500;line-height:1.3}.blog-body>:first-child{margin-top:20px}.blog-body p+p,.blog-body p+ul,.blog-body p+ol,.blog-body ul+p,.blog-body ol+p{margin-top:14px}.blog-body ul,.blog-body ol{margin:10px 0 0;padding-left:1.3em}.blog-body ul{list-style:outside}.blog-body ol{list-style:decimal}.blog-body li+li{margin-top:8px}.blog-body li::marker{color:var(--text-secondary)}.blog-body a{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.blog-body a:hover{color:var(--accent-text,var(--accent))}.blog-note{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-muted);grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:20px;padding:16px 18px;font-size:16px;line-height:1.55;display:grid}.blog-note svg{color:var(--text-secondary);margin-top:3px}.blog-go{margin-top:16px}.blog-body .blog-go a,.blog-go a{align-items:center;gap:6px;min-height:44px;font-weight:500;text-decoration:none;display:inline-flex}.blog-body .blog-go a:hover{text-decoration:underline}.blog-mail{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);align-items:center;gap:10px;min-height:52px;margin-top:20px;padding:0 18px;font-size:17px;font-weight:500;display:inline-flex}.blog-body .blog-mail{text-decoration:none}.blog-body .blog-mail:hover{background:var(--surface-muted);color:var(--foreground)}.blog-mail+p{margin-top:14px}.blog-body .blog-social{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.blog-body .blog-social li+li{margin-top:0}.blog-social a{border:1px solid var(--border);border-radius:var(--radius-pill,999px);align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:15px;display:inline-flex}.blog-body .blog-social a{text-decoration:none}.blog-body .blog-social a:hover{background:var(--surface-muted);color:var(--foreground)}.blog-src{border-top:1px solid var(--border);color:var(--text-secondary);margin-top:40px;padding-top:24px;font-size:15px;line-height:1.55}.blog-src h2{color:var(--foreground);margin-bottom:6px;font-size:18px;font-weight:500}.blog-src ul{margin:10px 0 0;padding:0;list-style:none}.blog-src li+li{margin-top:2px}.blog-src a{min-height:36px;color:var(--foreground);text-underline-offset:3px;overflow-wrap:anywhere;align-items:center;gap:6px;text-decoration:underline;display:inline-flex}.blog-src a svg{color:var(--text-secondary);flex:none}.blog-more{margin-top:40px}.blog-more h2{margin-bottom:12px;font-size:22px;font-weight:500}.blog-more ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.blog-more a{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);height:100%;color:var(--foreground);grid-template-rows:auto 1fr auto;gap:8px;padding:12px;text-decoration:none;display:grid}.blog-more .blog-cover{border-radius:calc(var(--radius-panel) - 8px);height:72px}.blog-more .t{font-weight:500;line-height:1.35}.blog-more .m{color:var(--text-secondary);font-size:13px}@media (hover:hover) and (pointer:fine){.blog-more a:hover{background:var(--surface-muted)}}@media (width<=700px){.blog-more ul{grid-template-columns:minmax(0,1fr)}.blog-more a{grid-template-rows:auto auto;grid-template-columns:56px minmax(0,1fr);column-gap:12px}.blog-more .blog-cover{grid-row:1/3;width:56px;height:56px}}.blog-lay{grid-template-columns:minmax(0,46rem);justify-content:center;gap:56px;display:grid}.blog-lay>.blog-art{max-width:none}.blog-toc{display:none}@media (width>=1100px){.blog-lay{grid-template-columns:minmax(0,46rem) 15rem}.blog-toc{top:calc(var(--header-height) + 24px);max-height:calc(100vh - var(--header-height) - 48px);align-self:start;padding-top:52px;display:block;position:sticky;overflow-y:auto}}.blog-toc-h{margin-bottom:4px;font-size:14px;font-weight:500}.blog-toc ul{margin:0;padding:0;list-style:none}.blog-toc a{min-height:44px;color:var(--text-secondary);align-items:center;font-size:14px;line-height:1.35;text-decoration:none;display:flex}.blog-toc a:hover{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.blog-art.solo{margin-inline:auto}.blog-hero{margin:16px 0 0}.blog-hero img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-panel);background:var(--surface-muted);width:100%;display:block}.blog-hero figcaption{color:var(--text-secondary);margin-top:8px;font-size:13px}.blog-hero figcaption a{color:var(--text-secondary);text-underline-offset:3px;text-decoration:underline}
