@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=optional');

html[lang="en-US"] body,
html[lang="en-US"] .entry-content,
html[lang="en-US"] .article-title,
html[lang="en-US"] .entry-card-title,
html[lang="en-US"] .entry-card-snippet,
html[lang="en-US"] .sidebar,
html[lang="en-US"] h1,
html[lang="en-US"] h2,
html[lang="en-US"] h3,
html[lang="en-US"] h4,
html[lang="en-US"] p,
html[lang="en-US"] li,
html[lang="en-US"] td,
html[lang="en-US"] th,
html[lang="en-US"] blockquote,
html[lang="en-US"] .toc-title,
html[lang="en-US"] .widget-title {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

html[lang="en-US"] h1,
html[lang="en-US"] h2,
html[lang="en-US"] .article-title {
  font-weight: 700;
  letter-spacing: -0.02em;
}

html[lang="en-US"] h3,
html[lang="en-US"] h4 {
  font-weight: 600;
}

html[lang="en-US"] .entry-content p,
html[lang="en-US"] .entry-content li {
  line-height: 1.7;
  letter-spacing: -0.006em;
}

html[lang="en-US"] .entry-content td,
html[lang="en-US"] .entry-content th {
  line-height: 1.5;
}

/* Sharedaddy Cocoon競合修正 */
.article .sharedaddy .sd-content ul,
#jp-post-flair .sd-content ul {
  padding-left: 0 !important;
  list-style: none !important;
}
.article .sharedaddy .sd-content ul li,
#jp-post-flair .sd-content ul li {
  display: inline-block !important;
  margin: 0 8px 12px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* icon-text: アイコン色補完 */
.sd-social-icon-text .sd-content ul li[class*="share-"] a.sd-button {
  background: #e9e9e9 !important;
}
.sd-social-icon-text .sd-content ul li[class*="share-"].share-facebook a.sd-button { background: #0866ff !important; color: #fff !important; }
.sd-social-icon-text .sd-content ul li[class*="share-"].share-twitter a.sd-button  { background: #000 !important; color: #fff !important; }
.sd-social-icon-text .sd-content ul li[class*="share-"].share-bluesky a.sd-button  { background: #0085ff !important; color: #fff !important; }
.sd-social-icon-text .sd-content ul li[class*="share-"].share-mastodon a.sd-button { background: linear-gradient(to top,#563acc 0%,#6364ff 100%) !important; color: #fff !important; }
.sd-social-icon-text .sd-content ul li[class*="share-"].share-threads a.sd-button  { background: #000 !important; color: #fff !important; }
.sd-social-icon-text .sd-content ul li[class*="share-"].share-tumblr a.sd-button   { background: #2c4762 !important; color: #fff !important; }
.sd-social-icon-text .sd-content ul li[class*="share-"].share-jetpack-whatsapp a.sd-button { background: #43d854 !important; color: #fff !important; }

/* === CLS対策 (2026-05) === */
/* アイキャッチ画像の縦横比を予約してCLS抑制 */
.entry-card-thumb img,
.card-thumb img,
.entry-card-wrap img.card-thumb-image,
.related-entry-card-thumb img,
.widget-entry-card-thumb img {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
  object-fit: cover;
  background: #f3f3f3;
}
/* サイドバーウィジェットの最小高さ予約 */
.sidebar .widget {
  min-height: 80px;
  contain: layout;
}
/* プロフィールカード(画像)の高さ予約 */
.author-box img,
.author-thumb img,
.author-widget-card img {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  background: #f3f3f3;
}
/* 広告枠の高さ予約 (AdSenseレスポンシブ用) */
.ad,
.ads,
.eye-catch-ad,
.under-entry-content-ads,
.sidebar-ads,
ins.adsbygoogle {
  min-height: 250px;
  display: block;
  background: transparent;
}
/* iframe(YouTube等)の縦横比固定 */
iframe[src*="youtube"],
iframe[src*="vimeo"] {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}