/* ▼ 共通ファビコン（/somen/ 下の全ページで自動適用） ▼ */
@import url("/somen/favicon.ico");

/* style.css */

/* === ベーススタイル === */
body {
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #e5e7eb; 
    color: #1f2937;
    line-height: 1.6;
    /* ドットパターン */
    background-image: radial-gradient(#d1d5db 1px, transparent 1px);
    background-size: 20px 20px;
}

/* 英語・見出し用フォント */
.font-en {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    letter-spacing: 0.02em;
}

/* === コンテンツコンテナ === */
.content-container {
    background-color: #fcfcfc; /* コンテンツエリアは明るく */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* === ヘッダーロゴのスタイル === */
.header-logo-text {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 800;
    font-size: 2.5rem; 
    line-height: 1;
    letter-spacing: -0.03em;
    color: #1f2937;
}

/* ナビゲーションのリンクスタイル（topics.html, asc.htmlから共通部分を抽出） */
.nav-link {
    transition: all 0.2s ease;
}
.nav-link:hover {
    color: #000;
    text-decoration: underline;
}

/* 最大幅1024pxの設定（skk.html, asc.html, profile.htmlで最大幅が異なるため、基本の最大幅はcontent-containerに任せ、個別ページでmax-w-825を使う方針で）*/
.max-w-825 {
    max-width: 825px;
}