/* Task265: shared profile and personal/community timeline; existing ad slots unchanged. */
.member-hub { min-width:0; width:100%; color:var(--text,#f2f4f8); }
.my-hub-hero { display:flex; flex-direction:column; align-items:center; text-align:center; gap:.6rem; padding:2rem 1.25rem; border:1px solid #475364; border-radius:20px; background:linear-gradient(180deg,rgba(14,20,31,.55),#121b29),url('../../assets/track_images/road.png') center/cover; }
.my-hub-hero h1,.my-hub-hero p { margin:0; overflow-wrap:anywhere; }
.my-hub-avatar { width:112px; height:112px; border-radius:50%; border:4px solid #f1f5f9; object-fit:cover; background:#243a50; }
.my-hub-avatar--initials { display:grid; place-items:center; font-size:2.5rem; font-weight:800; }
.my-hub-username { color:#8ed7e6; }
.my-hub-preview { background:#593d13; padding:.6rem; border-radius:8px; }
.my-hub-counts,.my-hub-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; margin:.6rem 0; }
.my-hub-counts { justify-content:center; }
.my-hub-counts button,.my-hub-actions button,.member-hub>button,.my-hub-composer button { min-height:44px; padding:.55rem .85rem; border:1px solid #63748a; border-radius:8px; background:#1c2d42; color:#f4f8fc; cursor:pointer; }
.member-hub button:focus-visible,.member-hub a:focus-visible,.member-hub textarea:focus-visible,.member-hub select:focus-visible { outline:3px solid #6de2f3; outline-offset:3px; }
.member-hub a { color:#88ddee; text-underline-offset:3px; overflow-wrap:anywhere; }
.my-hub-composer { position:relative; padding:1.2rem; margin:1rem 0; border:1px solid #3d5269; border-radius:14px; background:#152234; display:flex; flex-wrap:wrap; gap:.8rem; align-items:end; }
.my-hub-composer label:first-child { flex:1 1 100%; }
.my-hub-composer label { display:flex; flex-direction:column; gap:.4rem; max-width:100%; }
.my-hub-composer textarea { resize:vertical; width:100%; box-sizing:border-box; min-height:90px; padding:.75rem; border:1px solid #64778b; border-radius:8px; color:#f4f8fc; background:#0b1725; }
.my-hub-composer select { min-height:44px; padding:.6rem; color:#f4f8fc; background:#0b1725; }
.my-hub-file input { max-width:100%; }
.my-hub-post { margin:1rem 0; padding:1.25rem; border:1px solid #3b4c61; border-radius:16px; background:#142033; overflow-wrap:anywhere; }
.my-hub-post header { display:flex; flex-direction:column; gap:.5rem; }
.my-hub-post small { color:#b4c3d5; }
.my-hub-copy,.my-hub-comment p { white-space:pre-wrap; overflow-wrap:anywhere; }
.my-hub-media { display:block; width:auto; max-width:100%; max-height:640px; object-fit:contain; margin:1rem auto; border-radius:10px; }
.my-hub-comment { border-top:1px solid #384c61; padding:.9rem 0; }
.my-hub-comment--reply { margin-left:min(2rem,5vw); padding-left:.7rem; border-left:2px solid #54718e; }
.my-hub-list { margin:1rem 0; border:2px solid #5faac7; border-radius:14px; padding:1rem; background:#111e30; }
.my-hub-mentions { display:flex; flex-direction:column; z-index:10; max-height:260px; overflow:auto; background:#172c45; border:1px solid #8adbe8; border-radius:8px; }
.my-hub-mentions button { text-align:left; flex-shrink:0; }
.my-hub-mentions [aria-selected=true] { background:#28576b; }
.my-hub-home-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr); gap:1.25rem; margin-top:1.25rem; align-items:start; }
.my-hub-home-grid>* { min-width:0; }
.my-hub-support { display:grid; gap:1rem; }
.my-hub-support .home-news-hold-teaser { min-width:0; }
.my-hub-support .home-news-hold-teaser__copy { min-width:0; }
/* Shared post actions; fixed menus escape container overflow. */
.my-hub-post .tl-post-header { display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; gap:12px; }
.tl-post-header>div { min-width:0; }
.tl-post-header small { display:block; margin-top:6px; }
.tl-post-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:12px 0; }
.tl-post-actions button,.tl-post-menu button,.tl-share-panel button,.tl-reaction-panel button,.tl-reaction-status button { min-height:44px; padding:8px 12px; border:1px solid #63748a; border-radius:8px; background:#1c2d42; color:#f4f8fc; cursor:pointer; }
.tl-post-actions button[aria-pressed=true] { background:#29586d; border-color:#8ed7e6; }
.tl-post-actions button:disabled { opacity:.7; cursor:progress; }
.tl-post-actions .tl-reaction-count { border:0; background:transparent; text-decoration:underline; text-underline-offset:3px; padding:8px 4px; }
.tl-post-share { margin-left:auto; }
.tl-post-menu { flex-shrink:0; }
.tl-post-menu summary { list-style:none; cursor:pointer; min-width:44px; min-height:44px; display:grid; place-items:center; font-size:26px; border-radius:8px; }
.tl-post-menu summary::-webkit-details-marker { display:none; }
.tl-post-menu-panel { z-index:13000; width:180px; max-width:calc(100vw - 24px); overflow:auto; display:flex; flex-direction:column; gap:4px; padding:8px; border:1px solid #8ed7e6; border-radius:10px; background:#112236; box-shadow:0 8px 24px #0008; }
.tl-post-menu-panel button { text-align:left; }
.tl-post-menu summary:focus-visible,.tl-post-actions button:focus-visible { outline:3px solid #6de2f3; outline-offset:2px; }
.tl-share-panel,.tl-reaction-panel { border:1px solid #74bdd3; border-radius:10px; padding:12px; margin:10px 0; background:#10263a; max-width:100%; }
.tl-reaction-panel header { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:8px; }
.tl-reaction-scroll { max-height:240px; overflow:auto; overscroll-behavior:contain; }
.tl-share-panel { display:flex; flex-wrap:wrap; gap:8px; }
.tl-share-panel p { flex-basis:100%; }
.tl-reaction-status { font-size:.875rem; color:#c9e3ed; }
@media(max-width:800px) { .my-hub-home-grid { grid-template-columns:minmax(0,1fr); } .my-hub-hero { padding:1.5rem 1rem; } .my-hub-composer { padding:.85rem; } .my-hub-post { padding:1rem .8rem; } }

/* Task265: relative labels expose exact local creation time on hover, keyboard focus and touch. */
.tl-social-time{display:inline-block;position:relative;font-size:inherit}.tl-social-time-control{font:inherit;color:inherit;background:transparent;border:0;padding:2px 0;min-width:0;cursor:pointer;text-align:left}.tl-social-time-control:focus-visible{outline:2px solid currentColor;outline-offset:3px}.tl-social-time-exact{visibility:hidden;position:fixed;z-index:45;left:8px;top:8px;background:var(--panel,#132131);color:var(--text,#fff);padding:.45rem .6rem;border:1px solid currentColor;border-radius:.4rem;width:max-content;max-width:min(260px,75vw);white-space:normal;font-size:.8rem;box-shadow:0 3px 10px #0005}.tl-social-time:hover>.tl-social-time-exact,.tl-social-time:focus-within>.tl-social-time-exact{visibility:visible}