/* ===== SNS ===== */
.share{
  display:flex;
  gap:8px;
  margin-top:6px;
  align-items:center;
  flex-wrap:wrap;
} */
.sns-logo{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
} */
.sns-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
} */

/* ===== VIDEO GRID (uniform) ===== */
.video-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:12px;
  width:100%;
} */
@media (max-width: 900px){
  .video-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } */
} */
@media (max-width: 500px){
  .video-grid{ grid-template-columns: 1fr; } */
} */

/* カード高さを揃える */
.video-card{
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  padding:6px;
  position:relative;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height: 380px;
} */

/* サムネを同じ比率に */
.video-card a > img{
  width:100%;
  aspect-ratio: 4 / 3;   /* 640x480 相当 */
  height:auto;
  object-fit: cover;
  border-radius:6px;
} */
/* ===== FORCE UNIFORM THUMB (override) ===== */
.video-card a > img,
.video-card img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important; /* 640x480 */
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
} */

/* ===== SNS icons fixed size ===== */
.share .sns-logo {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.share .sns-logo img {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
  display: block !important;
}

/* === SNS ICON FIX : X only (safe override) === */
.share .sns-logo {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.share .sns-logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
}

/* === SNS ICON TUNE : X only (do not affect others) === */
.share img[alt="X"]{
  transform: scale(1.25);
  transform-origin: center;
}

/* === SNS ICON TUNE : LINE only (do not affect others) === */
.share img[alt="LINE"]{
  transform: scale(1.45);
  transform-origin: center;
}

/* compare charts: force visible size */
#chartViews, #chartLikes, #chartComments{
  width: 100% !important;
  height: 360px !important;
  display: block !important;
}


/* ==== FORCE SHOW ytMetaPanel (analysis) ==== */
#ytMetaPanel{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  /* stickyをやめて確実に画面内へ */
  position:fixed !important;
  top:14px !important;
  left:14px !important;
  right:14px !important;

  /* 何かに覆われない */
  z-index:2147483647 !important;

  /* 見やすさ */
  background:#fff !important;
  border:2px solid rgba(0,0,0,.15) !important;
  border-radius:14px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.12) !important;
}

/* パネルが固定で被るので、analysis上だけでも上に余白を作る（影響はpanelが無いページでは実質なし） */
body{
  padding-top:220px !important;
}