/* 背景を少しだけ上品に */
    body {
      background: #f5f7fb;
      min-height: 100vh;
    }

    /* 見出しリンクの下線を消す */
    .brand a {
      color: inherit;
      text-decoration: none;
    }

    /* リストの見た目を整える用（中身は_list.html側に合わせて調整） */
    #dataarea > li + li {
      border-top: none;
    }

    /* ヘッダー全体 */
    .mobile-navbar {
      background-color: #121212;          /* メイン背景と統一 */
      border-bottom: 1px solid #1e1e1e;   /* ほぼ気づかない境界線 */
      min-height: 44px;                   /* スマホの最低タップ高さ */
    }

    /* サイト名 */
    .mobile-title {
      color: #eaeaea;
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 0.08em;             /* ここが“違う感” */
      padding-left: 1rem;
    }

    /* タップ時の変な青を消す（地味に大事） */
    .mobile-title:focus,
    .mobile-title:active {
      background-color: transparent;
    }

    .mobile-navbar {
      position: relative;
    }

    .mobile-navbar::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 1rem;
      right: 1rem;
      height: 1px;
      background: linear-gradient(
        to right,
        transparent,
        #2a2a2a,
        transparent
      );
    }

    .mobile-title {
      color: #eaeaea;
      transition: color 0.15s ease;
    }

    .mobile-title:hover,
    .mobile-title:focus {
      background-color: transparent;
      color: #ffffff; /* 少しだけ明るく */
    }
    /* リストの黒点を消す */
    ul.antenna-list li {
    list-style: none;
    }

a.box:hover,
a.box:focus,
a.box:active {
  box-shadow:
    0 2px 3px rgba(10, 10, 10, 0.1),
    0 0 0 1px rgba(10, 10, 10, 0.1);
}

ul.antenna-list {  
  margin-left: 0;
}

/* 共通（今は何も表示しない） */
.ad-area {
  display: none;
}

/* モバイル（〜768px） */
@media screen and (max-width: 768px) {
  .ad-mobile {
    display: block;
    margin: 1.5rem 0;
  }
}

/* PC（769px〜） */
@media screen and (min-width: 769px) {
  .ad-pc {
    display: block;
    margin: 2rem auto;
    max-width: 960px;
  }
}

.is-featured {
  border-left: 4px solid #3273dc; /* Bulma primary */
  background-color: #f5f9ff;
}