/*
 * Card fills must follow the card's rounded frame -- JEEPNEY.IO, 2026-10-03.
 * Chairman: "background fills of cards are still overflowing their frames".
 *
 * A card with a rounded frame and overflow:visible (kept visible on purpose so menus can pop out of it) shows any
 * square-cornered fill inside it past the curve. Found by scanning every page at phone and desktop width for a rounded
 * parent whose filled child touches a corner without being rounded itself. Fixed per card (matching radii), not with
 * overflow:hidden, wherever a menu lives inside. Loaded in <head> on every page so it survives smooth navigation.
 */

/* News feed post: 20px frame + 1px border = 19px inside. The home-feed rule forced the panel to square corners. */
html body.jp-home-source-ready .jp-home-middle-source #posts .post.jp-feed-post-source > .panel.jp-feed-post-panel { border-radius: 19px !important; }
/* The action bar was rounder (30px) than the card (20px); its Like/Share buttons only 12px, so their white fill poked out. */
html body.jp-home-source-ready .jp-home-middle-source #posts .post.jp-feed-post-source .stats.post-actions { border-bottom-left-radius: 19px !important; border-bottom-right-radius: 19px !important; }
html body.jp-home-source-ready .jp-home-middle-source #posts .post.jp-feed-post-source .stats.post-actions > :first-child { border-bottom-left-radius: 19px !important; }
html body.jp-home-source-ready .jp-home-middle-source #posts .post.jp-feed-post-source .stats.post-actions > :last-child { border-bottom-right-radius: 19px !important; }

/* Profile hero card: the white info panel is square inside a 24px frame. */
html body .card.hovercard.jp-profile-hero-card > .jp-profile-hero-inner { border-bottom-left-radius: 24px !important; border-bottom-right-radius: 24px !important; }
/* Profile owner command grid: white tiles touch the tinted rounded frame's corners (different tiles at different widths), so clip to the frame. Plain tiles, no menus. */
html body.jp-profile-source-ready .jp-profile-command-grid-v3.jp-profile-command-grid-owner-v4, html body.jp-profile-source-ready .jp-profile-command-grid-v3, html body .jp-profile-command-grid-v3 { overflow: hidden !important; }

/* Profile name (desktop): the name block sat 12px above the cover's bottom edge, so the cover edge cut through the letters.
   Put it fully on the blue strip under the cover and push the command panel down by the same amount so the @handle is not covered. */
@media (min-width: 769px) {
  html body.jp-profile-source-ready .jp-profile-info-panel > .info.jp-profile-name-block.jp-profile-name-wrap { top: 6px !important; gap: 3px !important; }
  html body.jp-profile-source-ready .jp-profile-command-panel-v3 { margin-top: 90px !important; }
}

/* Profile name (phone, day look): the panel behind the name is white there but the name was forced white, so it was nearly invisible. */
@media (max-width: 768px) {
  html.jp-flag.jp-flag-day body.jp-profile-source-ready .info.jp-profile-name-block.jp-profile-name-wrap .jp-profile-name { color: #071237 !important; text-shadow: none !important; }
}