.home-my-club {
  --club-ink: var(--card-text, #192b43);
  border: 1px solid #dce4ee;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  color: #192b43;
}
.home-my-club [hidden] { display: none !important; }
.home-my-club-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 20px; }
.home-my-club-identity { display: flex; gap: 12px; align-items: center; min-width: 0; }
.home-my-club-mark { display: grid; place-items: center; flex: 0 0 40px; height: 40px; border-radius: 10px; background: var(--card-background, #edf2f7); color: var(--club-ink); font-size: 20px; }
.home-my-club h2 { margin: 0; color: #192b43; font-size: 1.16rem; letter-spacing: -.02em; line-height: 1.25; }
.home-my-club-identity p { margin: 4px 0 0; font-size: .74rem; line-height: 1.4; color: #62738b; }
.home-my-club-identity p a { color: inherit; text-decoration: none; }
.home-my-club-identity p a:hover { text-decoration: underline; text-underline-offset: 3px; }
.home-my-club-controls { display: flex; align-items: center; gap: 8px; }
.home-my-club-controls select { min-height: 40px; max-width: 230px; width: auto; border: 1px solid #cfd9e6; border-radius: 9px; padding: 8px 30px 8px 12px; background-color: #fff; color: #192b43; font: inherit; font-size: .82rem; cursor: pointer; }
.home-my-club-body { display: grid; grid-template-columns: 1.35fr .85fr .9fr 1fr; border-top: 1px solid #e1e7ef; }
.home-my-club-card { display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 17px 20px; min-width: 0; color: #192b43; text-decoration: none; border-right: 1px solid #e1e7ef; }
.home-my-club-card:last-child { border-right: 0; }
.home-my-club-card:first-child { background: var(--card-background, #f3f6fa); color: var(--club-ink); border-left: 4px solid var(--card-edge, #192b43); padding-left: 16px; }
.home-my-club-card[href]:hover { text-decoration: none; background: #f1f5f9; color: #192b43; }
.home-my-club-card:first-child[href]:hover { background: var(--card-background, #f3f6fa); color: var(--club-ink); text-decoration: underline; text-underline-offset: 3px; }
.home-my-club-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: .65rem; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; line-height: 1.4; }
.home-my-club-value { font-size: 1rem; font-weight: 750; line-height: 1.3; overflow-wrap: anywhere; }
.home-my-club-detail { font-size: .71rem; line-height: 1.45; }
.home-my-club-form { display: flex; gap: 5px; }
.home-my-club-result { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 6px; font-size: .72rem; font-weight: 700; }
.home-my-club-result--w { background: #e2f1e9; color: #236346; }
.home-my-club-result--l { background: #fae8e8; color: #9c303c; }
.home-my-club-result--d { background: #edf0f4; color: #495a70; }
.home-my-club-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 12px; padding: 9px 20px; border-top: 1px solid #e1e7ef; color: #62738b; }
.home-my-club-footer p { margin: 0; font-size: .65rem; line-height: 1.5; }
.home-my-club-status { margin-left: auto !important; }
.home-my-club-retry { border: 0; padding: 4px 0; background: transparent; color: #234b78; font: inherit; font-size: .72rem; text-decoration: underline; cursor: pointer; }
.home-my-club-noscript { padding: 0 20px; font-size: .8rem; }
.home-my-club :is(a, button, select):focus-visible { outline: 3px solid #537fb2; outline-offset: -3px; }
@media (max-width: 1000px) {
  .home-my-club-body { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-my-club-card:nth-child(2) { border-right: 0; }
  .home-my-club-card:nth-child(n+3) { border-top: 1px solid #e1e7ef; }
}
@media (max-width: 580px) {
  .home-my-club-heading { align-items: flex-start; flex-direction: column; gap: 13px; padding: 16px; }
  .home-my-club-controls { width: 100%; }
  .home-my-club-controls select[data-club-select] { flex: 1; max-width: none; min-width: 0; }
  .home-my-club-card { padding: 15px 13px; }
  .home-my-club-card:first-child { padding-left: 9px; }
  .home-my-club-value { font-size: .92rem; }
  .home-my-club-footer { padding: 9px 16px; }
  .home-my-club-status { margin-left: 0 !important; }
}
