.hn-archive{--hn-text:#243747;--hn-paper:#faf6ef;--hn-line:#dbd2c5;padding-top:clamp(3.2rem,6vw,7rem);padding-bottom:clamp(4rem,7vw,8rem);color:var(--hn-text)}
.hn-archive a{color:inherit}.hn-archive a:focus-visible{outline:2px solid #243747;outline-offset:4px}
.hn-archive__head{background:var(--hn-paper);border-radius:1.2rem;padding:clamp(2rem,5vw,5rem);margin-bottom:3rem}
.hn-archive__back{font-size:1.35rem;text-decoration:underline;text-underline-offset:.25em}
.hn-archive__head h1{font-size:clamp(2.7rem,5vw,4.5rem);margin:.5em 0;line-height:1.3;color:inherit}
.hn-archive__intro{max-width:60rem;line-height:1.8}
.hn-archive__nav{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}
.hn-archive__nav a{border:1px solid #243747;border-radius:10rem;min-height:4.4rem;padding:.75rem 1.6rem;display:inline-flex;align-items:center;text-decoration:none}
.hn-archive__nav [aria-current]{color:white;background:#243747}
.hn-archive__grid{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,27rem),1fr))}
.hn-archive__grid li{min-width:0}.hn-archive__grid article{height:100%}
.hn-archive__grid article a{display:block;height:100%;border:1px solid var(--hn-line);border-radius:1rem;overflow:hidden;text-decoration:none}
.hn-archive__grid article a:hover h2{text-decoration:underline;text-underline-offset:.25em}
.hn-archive__grid img{width:100%;aspect-ratio:4/3;object-fit:cover;height:auto;display:block}
.hn-archive__body{padding:1.8rem}.hn-archive__body h2{font-size:1.75rem;line-height:1.55;margin:.4em 0;color:inherit;overflow-wrap:anywhere}.hn-archive__body time{font-size:1.3rem}.hn-archive__body p{line-height:1.65;margin:0;overflow-wrap:anywhere}