.g-ai{--grp:var(--gai);}
.g-security{--grp:var(--gsc);}
.g-internet{--grp:var(--gin);}
.g-media{--grp:var(--gmd);}
.g-design{--grp:var(--gds);}
.g-files{--grp:var(--gfl);}
.g-system{--grp:var(--gsy);}
.g-productivity{--grp:var(--gpr);}
.g-development{--grp:var(--gdv);}
.site-header{display:flex;flex-direction:column;gap:0;padding:var(--gap) 0 0;}
.site-header .site-header-inner{display:flex;flex-direction:column;padding-top:0;gap:0;}
.brand{min-height:0;width:fit-content;}
.brand-wordmark{width:220px;max-width:100%;height:auto;}
.site-header .site-header-search{padding:var(--gap) var(--gap) 0;}
.site-header-search .site-search{margin:0;}
.hero{display:flex;flex-direction:column;gap:var(--gap);margin:0 0 calc(2*var(--gap));text-align:center;}
.site-header-search>.site-search,.hero>.site-search{width:calc(var(--pw1) - 2*var(--gap) - 2*var(--lz1));max-width:100%;margin:0 auto;}
.pick-grid{gap:var(--gap);}
.pick-more{width:fit-content;max-width:100%;margin-top:10px;white-space:normal;}
.recommended-software{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--gap);padding:var(--gap);margin:0;background:var(--bg2);border-radius:var(--br1);}
.recommended-body,.recommended-media{min-width:0;}
.recommended-heading{display:flex;align-items:center;gap:14px;}
.recommended-heading .app-icon{flex:none;width:56px;height:56px;}
.recommended-heading h2{margin:0;font-size:30px;line-height:1.15;overflow-wrap:anywhere;}
.recommended-heading a{color:var(--tx1);}
.recommended-summary{margin:16px 0;color:var(--tx2);font-size:18px;}
.recommended-more{width:fit-content;margin-top:18px;white-space:normal;}
.recommended-shot{display:block;}
.recommended-shot img{width:100%;height:auto;max-height:300px;object-fit:contain;}
@media (max-width:640px){
.recommended-software{grid-template-columns:minmax(0,1fr);}
.recommended-shot img{max-height:240px;}
.brand-wordmark{width:190px;}
.site-header.search-open .brand{display:none;}
.site-header.search-open .site-header-search{padding-top:0;}
}
.featured-software{margin-bottom:calc(2*var(--gap));}
.recommended-label{margin:0 0 10px;color:var(--ac1);font-size:15px;font-weight:650;}
.featured-title{margin:0 0 var(--gap);font-size:52px;line-height:1.05;overflow-wrap:anywhere;}
.featured-title a{color:var(--tx1);}
.featured-content{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:var(--gap);}
.featured-shot{display:block;}
.featured-shot img{width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:var(--br1);}
.featured-body{min-width:0;}
.featured-body>.app-icon{width:64px;height:64px;margin-bottom:16px;}
.featured-summary{margin:0 0 16px;color:var(--tx2);font-size:19px;}
.featured-more{width:fit-content;max-width:100%;margin-top:18px;white-space:normal;}
@media (max-width:640px){
.featured-title{font-size:36px;}
.featured-content{grid-template-columns:minmax(0,1fr);}
.featured-body>.app-icon{display:none;}
.featured-shot img{max-height:280px;}
}
.top-three{margin-bottom:calc(2*var(--gap));}
.top-three h2{margin:0 0 12px;font-size:28px;line-height:1.2;}
.top-three .line-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);}
.top-three .line{height:100%;box-sizing:border-box;align-content:flex-start;flex-wrap:wrap;}
.top-three .line-rank{width:24px;color:var(--ac1);font-size:28px;font-weight:650;line-height:40px;}
.top-three .line-body{width:100%;}
.top-three .line-title{white-space:normal;}
.top-three .line-meta{margin-top:4px;white-space:normal;}
.top-three-more{width:fit-content;max-width:100%;margin-top:14px;white-space:normal;}
@media (max-width:640px){
.top-three h2{font-size:24px;}
.top-three .line-list{grid-template-columns:minmax(0,1fr);gap:4px;}
.top-three .line{flex-wrap:nowrap;align-items:flex-start;}
.top-three .line-body{width:auto;flex:1;}
}