.hn-landing{padding-block:24px 70px}.hn-crumb{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-bottom:24px}.hn-title{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:0 0 26px;border-bottom:3px solid var(--ink)}.hn-kicker{display:block;font:700 10px/1.5 Arial,sans-serif;letter-spacing:1.6px;color:var(--cyan);margin-bottom:13px}.hn-title h1{font-size:clamp(38px,5.8vw,76px);line-height:1.06;letter-spacing:-1.8px;margin:0;overflow-wrap:anywhere}.hn-title>p{font:16px/1.6 Arial,sans-serif;color:var(--muted);max-width:340px;margin:0}.hn-topics{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding:18px 0 24px}.hn-topics>span{font:11px Arial,sans-serif;color:var(--muted);margin-right:8px}.hn-topics a{display:inline-flex;gap:12px;align-items:center;min-height:44px;font:700 13px Arial,sans-serif;border-bottom:1px solid var(--line)}.hn-topics a span{color:var(--cyan)}.hn-opening{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:30px;margin-top:24px}.hn-topics+.hn-opening{margin-top:0}.hn-lead{background:#f0f5f5;min-width:0}.hn-lead-image{display:block;overflow:hidden}.hn-lead-image img{width:100%;aspect-ratio:1.7;object-fit:cover}.hn-lead-copy{padding:26px 30px 30px}.hn-lead h2{font-size:clamp(28px,3vw,43px);line-height:1.14;letter-spacing:-.7px}.hn-summary{font:15px/1.65 Arial,sans-serif;color:var(--muted)}.hn-landing time{display:block;font:11px/1.6 Arial,sans-serif;color:var(--muted);margin:12px 0}.hn-side{border-left:1px solid var(--line);padding-left:30px}.hn-side-label{display:flex;justify-content:space-between;align-items:center;font:700 10px/1.5 Arial,sans-serif;letter-spacing:1.3px;border-bottom:1px solid var(--ink);padding-bottom:13px;margin-bottom:20px}.hn-side-label span{font-size:23px;color:var(--cyan)}.hn-side-image img{width:100%;aspect-ratio:2.25;object-fit:cover}.hn-side-story h2{font-size:25px;line-height:1.17;letter-spacing:-.4px;margin-bottom:0}.hn-side-story+.hn-side-story{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.hn-feed{margin-top:48px}.hn-feed>header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:3px solid var(--ink);padding-top:22px;margin-bottom:26px}.hn-feed>header h2{font-size:30px;margin:0}.hn-feed>header span{font-size:12px;color:var(--muted)}.hn-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}.hn-feed-story{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--line);padding-bottom:26px;min-width:0}.hn-feed-story:not(:has(.hn-feed-image)){grid-template-columns:1fr}.hn-feed-image img{width:100%;aspect-ratio:1.15;object-fit:cover}.hn-feed-story time{margin:0 0 8px}.hn-feed-story h2{font-size:23px;line-height:1.2;letter-spacing:-.3px}.hn-feed-story .hn-summary{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hn-feed-story .hn-summary p{margin:0}.hn-landing .nav-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.hn-landing .page-numbers{padding:10px 16px;border:1px solid var(--line)}.hn-landing .page-numbers.current{background:var(--ink);color:white}.hn-empty{padding:50px 0}.category .masthead{min-height:0;padding-block:18px}.category .custom-logo{width:70px;height:70px}.category .wordmark{font-size:48px}.category .main-nav>ul,.category .main-nav>div>ul{gap:18px}.category .main-nav a{font-size:12px}.category .main-nav{padding-bottom:8px}.category .ad-top{margin-block:12px 16px}
@media(max-width:1000px){.hn-title{align-items:start}.hn-title>p{max-width:270px}.hn-opening{gap:24px}.hn-side{padding-left:24px}.hn-lead-copy{padding:24px}.hn-side-story h2{font-size:22px}.hn-feed-story{grid-template-columns:110px minmax(0,1fr);gap:16px}.hn-feed-story h2{font-size:21px}}
@media(max-width:700px){.hn-landing{padding-top:16px}.hn-crumb{margin-bottom:20px}.hn-title{display:block;padding-bottom:22px}.hn-title h1{font-size:43px;letter-spacing:-1px}.hn-title>p{max-width:none;margin-top:16px;font-size:15px}.hn-topics{gap:6px 18px;padding-block:12px 20px}.hn-topics>span{width:100%;margin:0}.hn-opening{display:block}.hn-lead-copy{padding:22px}.hn-lead h2{font-size:30px}.hn-side{border:0;padding:0;margin-top:28px}.hn-side-story{display:grid;grid-template-columns:115px minmax(0,1fr);gap:0 16px}.hn-side-image{grid-row:1/3}.hn-side-image img{aspect-ratio:1;height:100%;max-height:145px}.hn-side-story time{margin:0 0 6px}.hn-side-story h2{font-size:21px}.hn-side-story+.hn-side-story{padding-top:18px;margin-top:18px}.hn-feed{margin-top:34px}.hn-feed>header{display:block}.hn-feed>header h2{font-size:28px;margin-bottom:8px}.hn-feed-grid{grid-template-columns:1fr;gap:22px}.hn-feed-story{grid-template-columns:105px minmax(0,1fr);gap:15px;padding-bottom:22px}.hn-feed-story h2{font-size:21px}.hn-feed-story .hn-summary{display:none}.category .custom-logo{width:48px;height:48px}.category .wordmark{font-size:clamp(24px,6vw,38px)}.category .masthead{padding-block:15px}.category .brand-tagline{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.hn-lead-image img,.hn-side-image img{transition:transform .25s}.hn-lead-image:hover img,.hn-side-image:hover img{transform:scale(1.025)}}

/* Reserve image geometry before downloads and keep mobile controls usable. */
.hn-lead-image,.hn-side-image,.hn-feed-image{display:block;position:relative;overflow:hidden;align-self:start}
.hn-lead-image{aspect-ratio:1.7}.hn-side-image{aspect-ratio:2.25}.hn-feed-image{aspect-ratio:1.15}
.hn-lead-image img,.hn-side-image img,.hn-feed-image img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover}
.category .custom-logo{object-fit:contain}
.category .skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.category .skip-link:focus{position:fixed;top:8px;left:8px;z-index:100000;padding:12px;background:white;color:#10202b}
.category .header-tools summary{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.category .site-footer nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px}
@media(max-width:700px){.hn-side-image{aspect-ratio:1}.category .header-tools{gap:4px}.category .brand{min-width:0}.category .brand-copy{min-width:0}.category .wordmark{font-size:clamp(20px,5.2vw,32px)}.category .masthead{gap:8px}.hn-crumb a{display:inline-flex;align-items:center;min-height:44px}.hn-crumb{align-items:center}}

.hn-landing .hn-lead-copy .hn-kicker{color:#17616a}
