.hn-list{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;list-style:none;margin:3rem 0 0;padding:0}.hn-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;overflow:hidden;border:1px solid rgb(var(--ink-400-rgb)/.55);border-radius:2px;background:var(--ink-800);padding:clamp(1.5rem,3.4vw,2.25rem);transition:background-color var(--dur-ui),border-color var(--dur-ui)}.hn-card:focus-within,.hn-card:hover{border-color:color-mix(in srgb,var(--topic) 55%,transparent);background:color-mix(in srgb,var(--topic) 5%,var(--ink-800))}.hn-edge{position:absolute;top:0;left:0;right:0;height:1px;background:var(--topic);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out-expo);pointer-events:none}.hn-card:focus-within .hn-edge,.hn-card:hover .hn-edge{transform:scaleX(1)}.hn-topic{display:inline-flex;align-items:center;gap:.5rem;border:1px solid color-mix(in srgb,var(--topic) 85%,transparent);border-radius:2px;background:color-mix(in srgb,var(--topic) 7%,transparent);padding:.4rem .7rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:var(--track-label-tight);text-transform:uppercase;color:var(--topic);transition:background-color var(--dur-ui)}.hn-card:focus-within .hn-topic,.hn-card:hover .hn-topic{background:color-mix(in srgb,var(--topic) 14%,transparent)}.hn-title{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.1;letter-spacing:-.02em}.hn-card[data-lead=true] .hn-title{font-size:clamp(1.75rem,4vw,3rem);letter-spacing:-.03em}.hn-link{color:inherit}.hn-link:after{content:"";position:absolute;inset:0}.hn-card:focus-within .hn-link,.hn-card:hover .hn-link{color:var(--topic)}.hn-dek{margin:0;max-width:62ch;font-size:1rem;line-height:1.6;color:var(--bone-dim);text-wrap:pretty}.hn-card[data-lead=true] .hn-dek{font-size:1.0625rem}.hn-foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;width:100%;margin-top:auto;padding-top:.35rem}.hn-meta{flex-wrap:wrap;align-items:baseline;color:var(--bone-faint)}.hn-go,.hn-meta{display:inline-flex;gap:.5rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:var(--track-label-tight);text-transform:uppercase}.hn-go{align-items:center;color:var(--bone-dim);transition:color var(--dur-fast)}.hn-card:focus-within .hn-go,.hn-card:hover .hn-go{color:var(--topic)}.hn-go .ar{transition:transform var(--dur-fast)}.hn-card:focus-within .hn-go .ar,.hn-card:hover .hn-go .ar{transform:translateX(3px)}.hn-more{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2.5rem}.hn-count{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:var(--track-label-tight);text-transform:uppercase;color:var(--bone-faint)}@media (min-width:820px){.hn-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.hn-card[data-lead=true]{grid-column:1/-1}}@media (min-width:1024px){.hn-card[data-lead=true]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22ch);grid-template-rows:auto auto auto;align-items:start;-moz-column-gap:3rem;column-gap:3rem;row-gap:.9rem}.hn-card[data-lead=true] .hn-topic{grid-column:1;grid-row:1;justify-self:start}.hn-card[data-lead=true] .hn-title{grid-column:1;grid-row:2}.hn-card[data-lead=true] .hn-dek{grid-column:1;grid-row:3}.hn-card[data-lead=true] .hn-foot{grid-column:2;grid-row:1/-1;flex-direction:column;align-items:flex-end;justify-content:flex-start;text-align:right;gap:.9rem;margin-top:0;padding-top:.45rem}.hn-card[data-lead=true] .hn-meta{flex-direction:column;align-items:flex-end;gap:.4rem}.hn-card[data-lead=true] .hn-sep{display:none}}@media (prefers-reduced-motion:reduce){.hn-card,.hn-go,.hn-topic{transition-property:color,background-color,border-color,opacity!important;transition-duration:.18s!important}}