/* Profile polish (chairman 2026-10-06): defects found in the phone screenshots. Scoped to the profile page. */

/* 1. Tab bar overflowed the right edge by 8px: fixed at the source (jeepney-profile-compact.css, phone margin was 8px 8px 10px inside a row that already pads 8px left). Tabs also scroll sideways instead of clipping on very narrow screens. */
html body.jp-profile-source-mode:not(#x) .jp-profile-command-tabs-v3:not(#y) { overflow-x: auto !important; scrollbar-width: none; max-width: 100%; box-sizing: border-box; }
html body.jp-profile-source-mode .jp-profile-command-tabs-v3::-webkit-scrollbar { display: none; }

/* 2. Photo grid: equal tiles that follow the screen width, small gaps, rounded, no white empty cells */
html body.jp-profile-source-mode:not(#x) .user_media_list_section.insta.profile:not(#y) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 3px !important; padding: 3px 0 0 !important; background: transparent !important; }
html body.jp-profile-source-mode:not(#x) .user_media_list_section.insta.profile:not(#y) .photo-data:not(#z) { width: auto !important; height: auto !important; aspect-ratio: 1 / 1; border-radius: 10px !important; overflow: hidden !important; background: rgba(11, 31, 77, .08); }
html body.jp-profile-source-mode .user_media_list_section.insta.profile .photo-data a { display: block; width: 100%; height: 100%; }
html body.jp-profile-source-mode .user_media_list_section.insta.profile .photo-data img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; }

/* 3. Load more: a quiet pill instead of a full-width dark band; room for the bottom bar so nothing hides under it */
html body.jp-profile-source-mode:not(#x) .posts_load:not(#y) .load-more { background: transparent !important; border: 0 !important; box-shadow: none !important; text-align: center !important; padding: 16px 8px calc(104px + env(safe-area-inset-bottom, 0px)) !important; }
html body.jp-profile-source-mode:not(#x) .posts_load:not(#y) .load-more .btn { display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; border-radius: 999px !important; padding: 10px 22px !important; background: #ffffff !important; color: #0b1f4d !important; border: 1px solid rgba(11, 31, 77, .16) !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: 0 4px 14px rgba(11, 31, 77, .14) !important; }
html body.jp-profile-source-mode .posts_load .load-more .btn::before, html body.jp-profile-source-mode .posts_load .load-more .btn::after { display: none !important; }

/* 4. Type: names and the handle were set in the typewriter font */
html body.jp-profile-source-mode:not(#x) .jp-profile-name-block:not(#y) .jp-profile-name, html body.jp-profile-source-mode:not(#x) .jp-profile-name-block:not(#y) .jp-profile-username { font-family: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif !important; letter-spacing: -.005em !important; }
html body.jp-profile-source-mode .jp-profile-name-block .jp-profile-name { font-weight: 700 !important; }
html body.jp-profile-source-mode .jp-profile-name-block .jp-profile-username { font-size: 13px !important; font-weight: 600 !important; padding: 3px 12px !important; border-radius: 999px !important; background: rgba(11, 31, 77, .07) !important; color: #3b4a73 !important; box-shadow: none !important; }

/* 5. Badges: same height and weight so the pair reads as one set */
html body.jp-profile-source-mode .jp-profile-name-block .jpc-badges { gap: 6px !important; }
html body.jp-profile-source-mode .jp-profile-name-block .jpc-badge { min-height: 30px !important; padding: 4px 12px !important; font-size: 13px !important; font-weight: 600 !important; border-radius: 999px !important; }

/* 6. Cover chip: smaller so it does not fight the cover art */
@media (max-width: 600px) {
  html body.jp-profile-source-mode .jp-cd-live-chip { font-size: 10px !important; letter-spacing: .03em !important; padding: 3px 8px !important; }
}

/* 7. The feed column behind the photo grid was a square dark-navy slab among rounded cards: let the page colour show through */
html body.jp-profile-source-mode:not(#x) .row.wo_user_profile:not(#y) > .col-md-8:not(#z) { background: transparent !important; }