@layer components{.post-list{padding-top:8px}.post-cards{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:48rem){.post-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (min-width:64rem){.post-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.post-related .post-cards{margin-top:32px}.post-card{flex-direction:column;display:flex;position:relative}.post-card-link{color:inherit}.post-card-link:after{content:"";border-radius:12px;position:absolute;inset:0}.post-card-link:focus-visible{outline:none}.post-card:has(.post-card-link:focus-visible){outline:2px solid var(--color-live);outline-offset:3px}.post-card-kind{font-family:var(--font-mono);letter-spacing:.04em;color:#37c6ee;align-items:center;gap:10px;font-size:12px;line-height:16px;display:flex}.post-card-title{letter-spacing:-.01em;color:#f4f5f7;text-wrap:balance;margin-top:12px;font-size:20px;font-weight:500;line-height:1.3}.post-card-summary{color:#9ba3af;margin-top:8px;font-size:15px;line-height:1.55}.post-card .post-byline{margin-top:auto;padding-top:20px}.post-byline{font-family:var(--font-mono);color:#6a7280;font-size:12px;line-height:1.5}.post-sample-tag{font-family:var(--font-mono);letter-spacing:.04em;color:#c9a227;vertical-align:middle;border:1px solid #c9a2278c;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:400;line-height:16px}.post-rows{max-width:880px}.post-row{border-top:1px solid #313742;grid-template-columns:1fr;gap:6px;padding-block:24px;display:grid;position:relative}.post-row:last-child{border-bottom:1px solid #313742}@media (min-width:48rem){.post-row{grid-template-columns:180px 1fr;gap:24px}}.post-row-date{font-family:var(--font-mono);color:#9ba3af;padding-top:4px;font-size:12px;line-height:1.5}.post-row-title{color:#f4f5f7;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:19px;font-weight:500;line-height:1.35;display:flex}.post-row .post-card-link:after{border-radius:0}@media (hover:hover){.post-row:hover .post-row-title{color:#fff}}.post-empty{color:#9ba3af;font-size:16px;line-height:1.55}.post-feed{font-family:var(--font-mono);color:#9ba3af;text-underline-offset:3px;margin-top:20px;font-size:12px;line-height:1.5;-webkit-text-decoration:underline #37c6ee;text-decoration:underline #37c6ee;text-decoration-thickness:2px;display:inline-flex}.post-feed:focus-visible{outline:2px solid var(--color-live);outline-offset:2px}.post-wrap{width:100%;max-width:calc(720px + 3rem);margin-inline:auto;padding-inline:1.5rem}.post-head{padding-top:calc(var(--section-pad) * .6)}.post-crumbs{font-family:var(--font-mono);letter-spacing:.04em;color:#9ba3af;font-size:12px;line-height:16px}.post-crumbs a{color:#37c6ee}.post-crumbs a:focus-visible{outline:2px solid var(--color-live);outline-offset:2px}.post-sample{color:#e8eaee;border:1px solid #c9a22773;border-radius:8px;margin-top:20px;padding:12px 16px;font-size:14px;line-height:1.5}.post-sample-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#c9a227;margin-right:6px;font-size:11px}.post-title{letter-spacing:-.025em;color:#f4f5f7;text-wrap:balance;margin-top:20px;font-size:34px;font-weight:500;line-height:1.1}@media (min-width:56.3125rem){.post-title{font-size:46px;line-height:1.06}}.post-summary{color:#c9cfd8;margin-top:18px;font-size:19px;line-height:1.55}.post-head .post-byline{margin-top:20px}.post-cover-wrap{margin-inline:auto;width:100%;max-width:calc(880px + 3rem);margin-top:40px;padding-inline:1.5rem}.post-cover{aspect-ratio:1200/630;border:1px solid #313742;border-radius:12px;position:relative;overflow:hidden}.post-cover img{object-fit:cover}.post-caption{color:#9ba3af;margin-top:10px;font-size:14px;line-height:1.5}.post-cover-wrap .post-caption{margin-top:12px}.post-figure-img{border:1px solid #313742;border-radius:12px;width:100%;height:auto;display:block}.post-caption .post-credit{white-space:nowrap}.post-body .post-figure,.post-body .post-figures{margin-top:2em;margin-bottom:2em}.post-figures{gap:24px;display:grid}.post-figures .post-figure{margin:0}@media (min-width:640px){.post-figures{grid-template-columns:1fr 1fr;gap:16px}}.post-body{color:#c9cfd8;padding-top:40px;padding-bottom:24px;font-size:17px;line-height:1.7}.post-body>*+*{margin-top:1.1em}.post-body h2{letter-spacing:-.015em;color:#f4f5f7;text-wrap:balance;margin-top:2em;scroll-margin-top:88px;font-size:26px;font-weight:500;line-height:1.2}.post-body h3{color:#f4f5f7;margin-top:1.6em;scroll-margin-top:88px;font-size:20px;font-weight:500;line-height:1.3}.post-body h2+*,.post-body h3+*{margin-top:.6em}.post-body strong{color:#e8eaee;font-weight:500}.post-body a{color:#e8eaee;text-underline-offset:3px;-webkit-text-decoration:underline #37c6ee;text-decoration:underline #37c6ee;text-decoration-thickness:2px}.post-body a:hover{color:#fff}.post-body a:focus-visible{outline:2px solid var(--color-live);outline-offset:2px;border-radius:2px}.post-body ul,.post-body ol{padding-left:1.4em}.post-body ul{list-style:outside}.post-body ol{list-style:decimal}.post-body li+li{margin-top:.4em}.post-body li::marker{color:#6a7280}.post-body blockquote{color:#e8eaee;border-left:2px solid #313742;padding:4px 0 4px 20px}.post-body .post-quote-by{color:#9ba3af;margin-top:10px;font-size:15px}.post-body code{font-family:var(--font-mono);background:#1d2129;border:1px solid #313742;border-radius:6px;padding:1px 6px;font-size:.85em}.post-body pre{background:#1d2129;border:1px solid #313742;border-radius:12px;padding:16px 18px;font-size:14px;line-height:1.6;overflow-x:auto}.post-body pre code{font-size:inherit;background:0 0;border:0;padding:0}.post-body hr{border:0;border-top:1px solid #313742;margin-block:2.4em}.post-body img{border:1px solid #313742;border-radius:12px;width:100%;height:auto}.post-table{overflow-x:auto}.post-body table:has(th:nth-child(4)){min-width:36rem}.post-body table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.post-body th,.post-body td{text-align:left;vertical-align:top;border-bottom:1px solid #313742;padding:10px 12px}.post-body th{color:#f4f5f7;font-weight:500}.post-foot{padding-bottom:calc(var(--section-pad) * .5)}.post-tags{border-top:1px solid #313742;flex-wrap:wrap;gap:8px;padding-top:24px;display:flex}.post-tag{font-family:var(--font-mono);color:#9ba3af;border:1px solid #313742;border-radius:8px;padding:4px 10px;font-size:12px;line-height:1.5}.post-author{flex-direction:column;gap:2px;margin-top:28px;display:flex}.post-author-name{color:#f4f5f7;text-underline-offset:3px;align-self:flex-start;font-size:16px;font-weight:500;-webkit-text-decoration:underline #37c6ee;text-decoration:underline #37c6ee;text-decoration-thickness:2px}.post-author-name:focus-visible,.post-byline-author:focus-visible{outline:2px solid var(--color-live);outline-offset:2px;border-radius:2px}.post-byline-author{color:#9ba3af;text-underline-offset:3px;-webkit-text-decoration:underline #37c6eeb3;text-decoration:underline #37c6eeb3}.post-byline-author:hover,.post-author-name:hover{color:#fff}.post-author-title{color:#9ba3af;font-size:14px}}
