.hp-home{padding-top:10px;color:#000;font:12px Arial,sans-serif}.hp-home a{color:#03c}.hp-home .MostPopular{font-size:16px;margin:10px 0 5px;padding:5px 0}.hp-home .MostPopular a{text-decoration:none}.hp-account-prompt{font-size:13px;margin-left:10px}.hp-learn{border:0;background:none;color:#03c;text-decoration:underline;font:11px Arial,sans-serif;padding:0;cursor:pointer}.hp-home [hidden]{display:none!important}.hp-recommend-empty,#hp-recommend-help{padding:0 10px 10px;line-height:1.3}.hp-recommend-empty p{margin:0;color:#555}#hp-recommend-help p{margin:10px 0}.hp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.hp-video{display:flex;gap:6px;min-width:0;align-items:flex-start;margin:4px 0}.hp-thumb{position:relative;display:block;padding:3px;border:1px solid #ccc;border-radius:2px;flex:0 0 128px;background:#fff;box-sizing:content-box}.hp-thumb img{display:block;width:128px;height:72px;object-fit:cover}.hp-thumb .vid_time{right:3px;bottom:3px;left:auto;border-radius:0;padding:1px 3px;font-size:11px}.hp-video-info{min-width:0;flex:1}.hp-video-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:15px;font-weight:bold;overflow-wrap:anywhere}.hp-video-by,.hp-video-views{font-size:11px;line-height:13px;color:#555}.hp-popular-tile .CategoryTextCon2{display:block;font:16px Arial,sans-serif;color:#03c}.hp-sidebar{margin:0 0 18px}.hp-sidebar h2{font:16px Arial,sans-serif;border-bottom:1px solid #ccc;margin:4px 0 8px;padding-bottom:4px}.hp-sidebar h2 a{text-decoration:none}.hp-sidebar>p{line-height:15px;margin:7px 0 12px}.hp-small{margin:0 0 14px}.hp-small .hp-thumb{flex-basis:96px}.hp-small .hp-thumb img{width:96px;height:54px}.hp-small .hp-video-title{font-weight:normal}.hp-welcome{padding:10px 0;border-bottom:1px solid #ddd}#hp-activity{margin-top:25px}.hp-feed{padding:7px 0;border-bottom:1px solid #ddd}#hp-activity .LoginCon{min-height:30px}#hp-activity .AllActivity{float:none}.hp-sidebar .hp-video-by a{color:#555}.hp-home button:focus-visible,.hp-home a:focus-visible{outline:2px solid #4272db;outline-offset:1px}
@media(max-width:980px){.hp-home{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:20px}.hp-home .LiftSide,.hp-home .RightSide{width:auto;float:none;margin:0}.hp-home .hp-grid{grid-template-columns:1fr}}

/* Reuse the channel feed's compact activity rows in the homepage tab. */
#hp-activity .hp-activity-list{clear:both;padding:4px 0}
#hp-activity .ch-activity-row{padding:10px 5px;border-bottom:1px solid #ddd;min-height:18px;overflow-wrap:anywhere}
#hp-activity .ch-activity-icon{width:16px;height:16px;object-fit:contain;float:left;margin-right:6px}
#hp-activity .ch-activity-text{font-size:12px;line-height:17px;margin:0 20px 0 23px;white-space:pre-wrap}
#hp-activity .ch-activity-time{color:#666;font-size:11px;white-space:normal}
#hp-activity .ch-bulletin-announcement{font-weight:bold;white-space:normal}
#hp-activity .ch-bulletin-announcement .ch-activity-time{font-weight:normal}
#hp-activity .ch-bulletin-message{margin-top:5px;white-space:pre-wrap}
#hp-activity .ch-activity-video{margin-top:5px;white-space:normal}
#hp-activity .ch-activity-video img{width:60px;height:45px;object-fit:cover;vertical-align:middle;margin-right:6px;border:1px solid #aaa;background:#fff}
#hp-activity .ch-remove-activity{float:right;border:0;background:none;color:#888;font-size:14px;line-height:16px;padding:0 3px;cursor:pointer}
#hp-activity .hp-activity-status{margin:8px 5px;color:#555;line-height:17px}
#hp-activity .hp-activity-status:empty{display:none}
#hp-activity .hp-activity-status button{margin-left:5px}
