.lg-blog .grid.grid-cols-1{gap:20px}.lg-blog .grid>.w-full.h-full{border:1px solid var(--lg-hairline);background:#fff;border-radius:20px;flex-direction:column;padding:12px 12px 22px;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex}.lg-blog .grid>.w-full.h-full:hover{box-shadow:var(--lg-shadow);border-color:#d4d4ce;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.lg-blog .grid>.w-full.h-full,.lg-blog .grid>.w-full.h-full:hover{transform:none}}.lg-blog .grid>.w-full.h-full>:not(a:has(img)){padding-inline:8px}.lg-blog .grid>.w-full.h-full>a:has(img)>div{background:var(--lg-panel);border-radius:14px;margin-bottom:18px;overflow:hidden}.lg-blog .grid>.w-full.h-full img{border-radius:14px}.lg-blog .grid>.w-full.h-full>div.text-sm{font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--lg-subtle);margin-bottom:8px;font-size:11px}.lg-blog .grid>.w-full.h-full h2{font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.02em;color:var(--lg-ink);text-underline-offset:3px;font-size:20px;font-weight:700;line-height:1.25}.lg-blog .grid>.w-full.h-full>p{color:var(--lg-muted);margin-top:8px;font-size:14.5px;line-height:1.6}.lg-blog .grid>.w-full.h-full>div.text-xs{color:var(--lg-subtle);margin-top:auto;padding-top:16px;font-size:13px}.lg-blog .grid>.w-full.h-full>div.text-xs a{color:var(--lg-ink)}.lg-blog .grid>.flex.justify-center{min-height:140px;color:var(--lg-ink);border:1px dashed #d4d4ce;border-radius:20px;padding:20px;font-weight:600}.lg-blog .grid>.flex.justify-center:hover{background:var(--lg-wash)}.lg-blog .space-y-4>.flex.flex-col.gap-2{margin-bottom:24px}.lg-blog .space-y-4>.flex.flex-col.gap-2>a{font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.03em;color:var(--lg-ink);font-size:clamp(26px,3.4vw,34px);font-weight:700;line-height:1.1}.lg-blog .space-y-4>.flex.flex-col.gap-2>p{color:var(--lg-muted);font-size:15px}.lg-blog .space-y-4>.grid{margin-bottom:56px}.lg-blog nav[aria-label=Pagination] a{border-color:var(--lg-hairline);color:var(--lg-ink);border-radius:999px;font-weight:600}.lg-blog nav[aria-label=Pagination] a.bg-black{background:var(--lg-ink);color:#fff}.lg-blog nav[aria-label=Pagination] a:not(.bg-black):hover{background:var(--lg-panel)}.lg-blog[data-view=post]>.max-w-7xl{padding-top:56px;padding-bottom:96px}.lg-blog[data-view=post] nav.text-sm{color:var(--lg-subtle);margin-bottom:20px;font-size:13px}.lg-blog[data-view=post] nav.text-sm ol{flex-wrap:wrap;row-gap:4px}.lg-blog[data-view=post] nav.text-sm .font-bold{color:var(--lg-muted);font-weight:500}.lg-blog[data-view=post] nav.text-sm a.font-bold:hover,.lg-blog[data-view=post] nav.text-sm span.font-bold:last-child{color:var(--lg-ink)}.lg-blog[data-view=post] h1{max-width:24ch;font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.035em;text-wrap:balance;color:var(--lg-ink);margin-bottom:18px;font-size:clamp(34px,5vw,58px);font-weight:700;line-height:1.02}.lg-blog[data-view=post] h1+div{font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--lg-subtle);font-size:11px;line-height:1.6}.lg-blog[data-view=post] h1+div a{color:var(--lg-ink)}.lg-blog[data-view=post] article .prose{font-size:17px}.lg-blog[data-view=post] article p{margin-bottom:20px}.lg-blog[data-view=post] article h2{margin-top:48px;margin-bottom:14px;font-size:28px;line-height:1.2}.lg-blog[data-view=post] article h3{margin-top:36px;margin-bottom:10px;font-size:21px;line-height:1.3}.lg-blog[data-view=post] article h4{margin-top:28px;margin-bottom:8px;font-size:18px}.lg-blog[data-view=post] article :is(h2,h3,h4):first-child{margin-top:0}.lg-blog[data-view=post] article a{color:var(--lg-accent);-webkit-text-decoration-color:var(--lg-accent-soft);text-decoration-color:var(--lg-accent-soft)}.lg-blog[data-view=post] article a:hover{-webkit-text-decoration-color:var(--lg-accent);text-decoration-color:var(--lg-accent)}.lg-blog[data-view=post] article strong{color:var(--lg-ink);font-weight:600}.lg-blog[data-view=post] article :is(ul,ol){margin-block:20px}.lg-blog[data-view=post] article li::marker{color:var(--lg-subtle)}.lg-blog[data-view=post] article img{border-radius:14px}.lg-blog[data-view=post] article .prose>.prose>div:has(>img){border:1px solid var(--lg-hairline);border-radius:14px}.lg-blog[data-view=post] article .prose>div:not([class])>h2{margin-top:56px;font-size:28px}.lg-blog[data-view=post] article .prose>div:not([class])>ul{gap:10px;padding:0;list-style:none;display:grid}.lg-blog[data-view=post] article .prose>div:not([class]) li{background:var(--lg-wash);border:1px solid var(--lg-hairline);border-radius:16px;padding:18px 20px}.lg-blog[data-view=post] article .prose>div:not([class]) li h3{margin:0 0 6px;font-size:17px}.lg-blog[data-view=post] article .prose>div:not([class]) li p{color:var(--lg-muted);margin:0;font-size:15px}.lg-blog[data-view=post] article+div{margin-bottom:36px}@media (min-width:768px){.lg-blog[data-view=post] article+div{margin-bottom:0;top:92px}}.lg-blog[data-view=post] article+div .border.p-4{border-color:var(--lg-hairline);background:var(--lg-wash);border-radius:16px}.lg-blog[data-view=post] article+div .border.p-4 a{font-family:var(--font-display),system-ui,sans-serif;color:var(--lg-ink)}.lg-blog[data-view=post] article+div .border.p-4 p,.lg-blog[data-view=post] article+div .border.p-4 span{color:var(--lg-muted);line-height:1.55}.lg-blog[data-view=post] article+div .w-8.h-8{border-color:var(--lg-hairline);width:36px;height:36px;color:var(--lg-ink);border-radius:999px;transition:background-color .15s}.lg-blog[data-view=post] article+div .w-8.h-8:hover{background:var(--lg-panel)}.lg-blog[data-view=post] article+div .w-8.h-8 svg{width:16px;height:16px}.lg-blog[data-view=post] article+div .border-l-4{border:1px solid var(--lg-hairline);border-radius:16px;padding:16px 18px}.lg-blog[data-view=post] article+div .border-l-4 h2{font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--lg-subtle);margin-bottom:10px;font-size:11px;font-weight:400}.lg-blog[data-view=post] article+div .border-l-4 li{line-height:1.45}.lg-blog[data-view=post] article+div .border-l-4 a{color:var(--lg-muted);font-size:14px;text-decoration:none}.lg-blog[data-view=post] article+div .border-l-4 a:hover{color:var(--lg-ink)}
