/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer components{.blog-coda{padding-top:0}.blog-index{padding-top:40px;padding-bottom:48px}.blog-index .wrap{max-width:880px}.blog-index .preview-note{color:var(--color-sev-mid-t);background:#fff7e6;margin-bottom:22px;padding:10px 14px;font-size:13.5px;font-weight:600;display:block}@supports (color:color-mix(in lab, red, red)){.blog-index .preview-note{background:color-mix(in srgb, var(--color-orange) 12%, #fff)}}.blog-index .preview-note{border:1px solid #ffe8b8}@supports (color:color-mix(in lab, red, red)){.blog-index .preview-note{border:1px solid color-mix(in srgb, var(--color-orange) 34%, #fff)}}.blog-index .preview-note{border-radius:var(--radius-r)}.blog-index .panel{border-radius:var(--radius-lg);background:linear-gradient(var(--color-panel), var(--color-panel)) padding-box, linear-gradient(168deg, #eaeef4 0%, #dde4ec 55%, #d2dbe6 100%) border-box;border:1px solid #0000;padding:6px 30px}.blog-index .date{text-transform:uppercase;letter-spacing:.06em;color:var(--color-faint);font-size:11.5px;font-weight:600}.blog-index .meta{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.blog-index .draft{text-transform:uppercase;letter-spacing:.05em;color:var(--color-sev-mid-t);background:#fff5e0;font-size:10.5px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.blog-index .draft{background:color-mix(in srgb, var(--color-orange) 15%, #fff)}}.blog-index .draft{border:1px solid #ffe5af}@supports (color:color-mix(in lab, red, red)){.blog-index .draft{border:1px solid color-mix(in srgb, var(--color-orange) 38%, #fff)}}.blog-index .draft{border-radius:var(--radius-sm);white-space:nowrap;padding:1px 7px}.blog-index .ico{width:1em;height:1em;display:inline-flex}.blog-index .ico svg{width:100%;height:100%;display:block}.blog-index .more{color:var(--color-active);align-items:center;gap:7px;margin-top:20px;font-size:14.5px;font-weight:700;display:inline-flex}.blog-index .more .ico{transition:transform .18s}@media (prefers-reduced-motion:reduce){.blog-index .more .ico{transition:none}}.blog-index .lead:hover .more .ico{transform:translate(4px)}.blog-index .lead{color:inherit;border-bottom:1px solid var(--color-line);flex-direction:column;padding:26px 0 30px;text-decoration-line:none;display:flex}.blog-index .lead-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-ink);margin:14px 0 0;font-size:clamp(1.5rem,2.6vw,2.05rem);font-weight:700;line-height:1.16;transition:color .18s}@media (prefers-reduced-motion:reduce){.blog-index .lead-title{transition:none}}.blog-index .lead:hover .lead-title{color:var(--color-active)}.blog-index .lead-ex{color:var(--color-mut);margin:12px 0 0;font-size:15.5px;line-height:1.6}.blog-index .row{color:inherit;border-bottom:1px solid var(--color-line-2);border-radius:var(--radius-sm);grid-template-columns:84px 1fr auto;align-items:baseline;gap:18px;margin:0 -18px;padding:17px 18px;text-decoration-line:none;transition:background .15s;display:grid}@media (prefers-reduced-motion:reduce){.blog-index .row{transition:none}}.blog-index .row:last-child{border-bottom:0}.blog-index .row:hover{background:#71aef80e}.blog-index .row-date{font-variant-numeric:tabular-nums;color:var(--color-faint);white-space:nowrap;padding-top:3px;font-size:12.5px;font-weight:600}.blog-index .row-main{flex-direction:column;gap:3px;min-width:0;display:flex}.blog-index .row-title{font-family:var(--font-display);color:var(--color-ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:18px;font-weight:700;line-height:1.28;transition:color .18s;display:inline-flex}@media (prefers-reduced-motion:reduce){.blog-index .row-title{transition:none}}.blog-index .row:hover .row-title{color:var(--color-active)}.blog-index .row-ex{color:var(--color-mut);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-index .row-ico{width:17px;height:17px;color:var(--color-active);opacity:.55;align-self:center;transition:transform .18s,opacity .18s}@media (prefers-reduced-motion:reduce){.blog-index .row-ico{transition:none}}.blog-index .row:hover .row-ico{opacity:1;transform:translate(3px)}.blog-index .empty{color:var(--color-mut);font-size:16px}@media (width<=720px){.blog-index .panel{padding:4px 20px}.blog-index .row{grid-template-columns:1fr auto;gap:4px 12px;margin:0 -14px;padding:16px 14px}.blog-index .row-date{order:-1;grid-column:1/-1;padding-top:0}.blog-index .row-main{grid-column:1}.blog-index .row-ico{align-self:start;margin-top:4px}}}