#listScr .hub{max-width:1080px;margin:0 auto;padding:16px 24px 32px;}
#listCards{max-width:1040px;width:100%;margin:22px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px;}
#listCards .pcard{min-height:102px;padding:14px 14px;gap:12px;border-radius:24px;border-width:3px;border-bottom-width:8px;}
#listCards .pcard .ic{width:46px;height:46px;min-width:46px;font-size:25px;font-family:"Segoe UI Emoji",sans-serif!important;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--theme-c1),var(--theme-c2));}
#listCards .pcard .tt{font-family:"Nunito","Segoe UI",sans-serif!important;font-size:15px;font-weight:900;line-height:1.35;}
#listCards .pcard .dd{font-size:11px;line-height:1.4;}
#listCards .pcard .pill{font-size:11px;padding:2px 8px;}
#listCards .arrow-circle{width:29px;height:29px;min-width:29px;font-size:17px;}
#listScr .hub-main-badge{font-size:24px;border-radius:22px;}
#listScr .hub-logo-emoji{font-size:52px;margin-bottom:12px;}
#listSubBadge{font-size:13px;}
@media(max-width:800px){#listCards{grid-template-columns:repeat(2,minmax(0,1fr));}#listScr .hub{padding:14px;}}
@media(max-width:500px){#listCards{grid-template-columns:1fr;gap:12px;}#listScr .hub-main-badge{font-size:20px;}#listCards .pcard{min-height:92px;}}

/* Compact reference menu: equal cards with a title and one badge. */
#listScr #listCards{max-width:1040px;gap:16px;}
#listScr #listCards .pcard{box-sizing:border-box;height:100px;min-height:100px;padding:12px 14px;border-radius:22px;gap:12px;}
#listScr #listCards .pcard .dd{display:none;}
#listScr #listCards .pcard .tt{font-family:'Fredoka',sans-serif!important;font-size:16px;font-weight:700;line-height:1.25;}
#listScr #listCards .pcard .ic{width:46px;height:46px;min-width:46px;flex-shrink:0;}
#listScr #listCards .pcard .pill{align-self:flex-start;font-size:11px;line-height:1.2;margin-top:4px;}
@media(max-width:500px){#listScr #listCards .pcard{height:auto;min-height:100px;}}