/* ============================================================
   投稿サイドバー用バナーカード（イチオシ／人気No.1 等）
   クラス名プレフィックス：nls-lineup-entry-
   
   元はあすとろサイコロ（ascolo.jp）のグローバルCSS内で
   サイト共通のCSS変数（--main-deep, --gold, --accent 等）を
   参照する形で使っていたものです。
   
   他サイトでそのまま使えるよう、各値に var(--変数名, フォールバック値)
   の形でフォールバックを埋め込んであります。
   → このサイトに同名の変数が無ければフォールバック値がそのまま使われ、
     単体で問題なく動作します。
   → もし今後、変数名を揃えたい・色を一括管理したい場合は、
     このサイトの :root に同じ変数名を定義すれば、そちらが優先されます。
   
   フォールバック値の内訳：
   --main-deep : #0d1b2e（ダークネイビー）
   --main-dark : #0a2d59（ネイビー）
   --main      : #1455a8（ブルー）
   --gold      : #c8a84b（アンティークゴールド）
   --accent    : #ff6f00（オレンジ・CTAボタン色）
   --radius    : 8px（角丸）
   
   フォント：Kosugi Maru はあすとろサイコロ側のブランドフォントなので、
   このCSSには含めていません。使う場合はお使いのサイトのフォント設定に
   合わせて font-family を別途指定してください。
   ============================================================ */

.nls-lineup-entry-card {
  position: relative;
  background: linear-gradient(160deg, var(--main-deep, #0d1b2e) 0%, var(--main-dark, #0a2d59) 60%, var(--main, #1455a8) 100%);
  border-radius: 12px;
  overflow: hidden;
  color: #fff;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.nls-lineup-entry-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: var(--gold, #c8a84b);
  color: var(--main-deep, #0d1b2e);
  font-size: 0.9em;
  font-weight: 700;
  letter-spacing: .03em;
  padding: 6px 14px;
  border-radius: 999px;
  z-index: 2;
}

.nls-lineup-entry-media {
  aspect-ratio: 16 / 9;
  background: rgba(255, 255, 255, 0.06) center/cover no-repeat;
}

.nls-lineup-entry-body {
  padding: 20px 22px 24px;
}

.nls-lineup-entry-eyebrow {
  font-size: 0.9em;
  color: var(--gold, #c8a84b);
  margin: 0 0 6px;
  letter-spacing: .05em;
}

.nls-lineup-entry-headline {
  font-size: 1.15em;
  line-height: 1.6;
  margin: 0 0 10px;
  font-weight: bold;
  color: #fff !important;
}

.nls-lineup-entry-sub {
  font-size: 1.0em;
  color: rgba(255, 255, 255, 0.75);
  margin: 0 0 18px;
  line-height: 1.75;
}

.nls-lineup-entry-cta {
  display: inline-block;
  background: var(--accent, #ff6f00);
  color: #fff !important;
  font-size: 1.15em;
  font-weight: bold;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: var(--radius, 8px);
  transition: background .2s ease;
}

.nls-lineup-entry-cta:hover {
  background: #e65100;
}

.nls-lineup-entry-note {
  font-size: 0.8em;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 12px;
}