/* ============================================================
   San Fernando Influencer - 構造CSS（最小限）
   デザインは追加CSSで管理
   ============================================================ */

/* 全体 */
.sf-influencer-page {
    background: #f5f0e8;
    font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;
}

/* ヒーロー構造 */
.sf-hero { display: flex; }
.sf-hero__left { display: flex; flex-direction: column; }

/* 行構造 */
.sf-row { display: flex; }
.sf-profile__item { display: flex; }
.sf-profile__list { margin: 0; padding: 0; }
.sf-profile__item dt::after { content: '：'; }

/* コーディネートグリッド */
.sf-coordinate__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

/* おすすめアイテム */
.sf-recommend__content { display: flex; }

/* フォロー */
.sf-follow { background: #1a1a1a; color: #fff; }
.sf-follow__inner { display: flex; align-items: center; }
.sf-follow__account { color: #fff; text-decoration: none; }

/* 一覧グリッド */
.sf-archive__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.sf-card { display: block; text-decoration: none; color: #1a1a1a; }

/* ---- キャンペーンバナー ---- */
.sf-campaign-banner {
    margin-bottom: 12px;
}

.sf-campaign-banner img {
    width: 100%;
    height: auto;
    display: block;
}