/* Two clear shelves, preserving the original black-space identity. */
.kind-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 18px;max-width:740px}.kind-tab{display:flex;align-items:center;gap:16px;padding:20px 22px;text-align:left;border:1px solid #383838;border-radius:13px;background:#121212;color:#a6a6a6;cursor:pointer;transition:background .15s,border-color .15s}.kind-tab:hover{background:#202020;border-color:#777}.kind-tab.active{background:#271b16;border-color:#ff9874;color:#fff}.kind-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#262626;font-size:26px;color:#aaa}.active .kind-icon{background:#ff9874;color:#21140f}.kind-tab strong{display:block;font-size:19px;letter-spacing:-.5px}.kind-tab small{display:block;margin-top:7px;font-size:12px;color:#aaa}.kind-count{font-size:12px;font-weight:500;margin-left:7px;color:#999}.active .kind-count{color:#ffb599}#kind-description{font-size:13px;color:#c3c3c3;margin:0 0 23px;line-height:1.6}#catalog .chip.active{background:#ff9874;border-color:#ff9874;color:#21140f}#catalog .card-info{padding-bottom:14px}#catalog .card p{min-height:0;margin-bottom:16px;-webkit-line-clamp:2}#catalog .card-bottom{padding-top:12px}#catalog .card h3{font-size:19px}#catalog .card-meta{color:#d2a38c}#catalog .card{border-color:#343434}#catalog .card:hover{border-color:#8b7060}#catalog .catalog-summary{border-top:1px solid #ffffff15;padding-top:16px}#catalog .catalog-heading{margin-bottom:0}button:focus-visible,a:focus-visible{outline:2px solid #ffb18e;outline-offset:4px}
@media(max-width:700px){.kind-tabs{gap:9px;margin-top:19px}.kind-tab{padding:15px 12px;gap:10px;align-items:flex-start}.kind-icon{width:28px;height:28px;flex-shrink:0;border-radius:7px;font-size:19px}.kind-tab strong{font-size:15px;line-height:1.8}.kind-tab small{font-size:10px;margin-top:4px;line-height:1.5}.kind-count{font-size:10px;margin-left:3px}#kind-description{font-size:12px;margin-bottom:18px}#catalog .card h3{font-size:16px}#catalog .card p{min-height:40px;-webkit-line-clamp:2}.catalog-heading .search{margin-top:15px}}
@media(max-width:380px){.kind-icon{display:none}.kind-tab{padding:14px 12px}}

/* Primary navigation owns the two catalog entry points. */
header nav{gap:20px}.kind-nav .kind-count{font-size:10px;margin-left:3px;color:#8d8d8d}.kind-nav.nav-active{color:#ffad8f}.kind-nav.nav-active .kind-count{color:#ffad8f}#kind-description{margin-top:18px}header{gap:25px}
@media(max-width:1050px){header nav{gap:13px}header{gap:16px}.support-nav{gap:10px}}
@media(max-width:700px){header{flex-wrap:wrap;padding-top:10px;padding-bottom:8px;gap:5px 12px}header nav{order:3;width:100%;justify-content:space-between;margin:0;gap:9px}header nav button{font-size:12px;min-height:38px}header .support-mobile{margin-left:auto}#catalog{scroll-margin-top:120px}.kind-nav .kind-count{font-size:9px}.catalog-heading{padding-top:8px}}

/* Keep each navigation destination separate, including before scripts load. */
#catalog[hidden],.hot-section[hidden],main > .bottom-banner[hidden]{display:none!important}

/* Catalog refinement: isolated from the frozen HOT 10 layout. */
#catalog .grid{gap:28px 22px}
#catalog .card{background:#141414;border:1px solid #333;border-radius:14px;transition:border-color .18s,background .18s}
#catalog .card:hover{background:#191919;border-color:#777}
#catalog .cover-button{display:block;overflow:hidden;background:#202020}
#catalog .screenshot-cover{height:auto;aspect-ratio:16/10;background:#202020}
#catalog .screenshot-cover img{object-fit:cover;object-position:center top;transform:none}
#catalog .screen-caption,#catalog .detail-hint{display:none}
#catalog .card-info{padding:17px 18px 13px}
#catalog .card-meta{margin:0 0 8px;font-size:12px;line-height:1.5;color:#b9b9b9}
#catalog .card-meta>span:first-child{color:#ffad8f}
#catalog .card h3{font-size:20px;line-height:1.4;margin:0 0 9px;letter-spacing:-.5px}
#catalog .card h3 a{display:flex;justify-content:space-between;gap:12px;color:#f6f6f6;text-decoration:none}
#catalog .card-arrow{color:#a5a5a5;font-size:19px;flex-shrink:0;font-weight:400}
#catalog .card:hover .card-arrow{color:#ffad8f}
#catalog .card p{font-size:14px;line-height:1.65;color:#c3c3c3;margin:0 0 16px;min-height:46px;-webkit-line-clamp:2}
#catalog .card-bottom{border-top:1px solid #ffffff10;padding-top:9px;gap:8px;flex-wrap:nowrap;align-items:center}
#catalog .card-bottom>span{font-size:12px;color:#aaa;min-height:0;flex:1}
#catalog .card-details{background:transparent;border:0;padding:6px 0 6px 12px;min-height:32px;color:#c4c4c4;font-size:12px;white-space:nowrap}
#catalog .card-details:hover{color:#ffad8f;text-decoration:underline}
#catalog .save-button{background:#111e;color:#f5f5f5;border:1px solid #ffffff50;width:36px;height:36px;top:10px;right:10px}
#catalog .save-button.on{color:#ffad8f;border-color:#ffad8f}
#catalog .search{background:#151515;border-color:#454545;border-radius:10px}
#catalog .search:focus-within{border-color:#ffad8f}
#catalog .search input::placeholder{color:#aaa}
#catalog #result-count{color:#aaa;font-size:16px;font-weight:500}
#catalog .chip{background:#111;color:#c9c9c9;border-color:#363636}
#catalog .chip.active{color:#21140f;background:#ff9874;border-color:#ff9874}
#catalog .chip:not(.active):hover{background:#252525;border-color:#777}
#catalog .catalog-summary{margin-bottom:20px}
#catalog .catalog-note{color:#bbb}
@media(max-width:1050px) and (min-width:701px){#catalog .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 #catalog .grid{gap:20px 12px}
 #catalog .card{border-radius:11px}
 #catalog .screenshot-cover{aspect-ratio:4/3}
 #catalog .card-info{padding:12px 12px 8px}
 #catalog .card-meta{font-size:11px;gap:6px;margin-bottom:7px}
 #catalog .card h3{font-size:16px;line-height:1.45;margin-bottom:7px}
 #catalog .card h3 a{gap:5px}
 #catalog .card-arrow{font-size:15px}
 #catalog .card p{font-size:12px;min-height:40px;margin-bottom:12px;line-height:1.65}
 #catalog .card-bottom>span{font-size:10px;flex-basis:auto}
 #catalog .card-details{font-size:11px;padding-left:5px}
 #catalog .save-button{width:32px;height:32px;top:7px;right:7px}
 #catalog[data-kind="collections"] .grid{grid-template-columns:1fr}
 #catalog .collection-card .screenshot-cover{aspect-ratio:16/9}
 #catalog .collection-card .card-info{padding:15px 17px 10px}
 #catalog .collection-card h3{font-size:19px}
 #catalog .collection-card p{font-size:14px;min-height:0}
}

#catalog img[src*="add-paperclips"]{object-position:left top}

#catalog .release-date{color:#ffad8f;font-size:12px;margin:0 0 6px;min-height:0} @media(max-width:700px){header nav{overflow-x:auto;justify-content:flex-start;gap:16px}header nav button{flex-shrink:0;white-space:nowrap}}

/* Same filled glyph and active color as the card favorite. */
#saved .saved-heart{color:#ffad8f;font-family:inherit;font-weight:inherit}