/* ============================================================
   search-line.css — 沿線選択ページ専用スタイル（sl-* クラス）
   .sa-* クラスは search-area.css から流用
   ============================================================ */

/* 鉄道会社ブロック */
.sl-company-block {
    margin-bottom: 16px;
}


/* 駅パネル（沿線チェック時に展開） */
.sl-stations-panel {
    display: none;
    margin-top: 4px;
    margin-bottom: 8px;
    /* カード類は原則枠線なし */
    border: none;
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.sl-stations-panel.is-open {
    display: block;
}

/* 駅パネル内の沿線名ヘッダー（青帯） */
.sl-station-header {
    background-color: var(--color-primary, #2563eb);
    color: #fff;
    /* F④ タイトル(小) */
    font-family: var(--ff-base);
    font-size: var(--f4-size);
    font-weight: var(--f4-weight);
    line-height: var(--f4-lh);
    letter-spacing: var(--f4-ls);
    padding: 8px 14px;
}

/* 駅パネル内のグリッドに余白 */
.sl-stations-panel .sa-city-grid {
    padding: 10px 12px;
    background: var(--bg-soft); /* #f5f8ff */
}