/*
Theme Name: AFFINGER Child / Parent Custom CSS
Description: 建設NOWニュース専用デザイン
*/

:root {
    --cn-bg-color: #f8fafc;
    --cn-text-color: #0f172a;
    --cn-orange: #ea580c;
    --cn-dark-slate: #0b0f19;
    --cn-border-color: #cbd5e1;
}

body {
    background-color: var(--cn-bg-color) !important;
    color: var(--cn-text-color) !important;
    font-family: "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 17px;
    line-height: 1.9;
    letter-spacing: 0.04em;
}

/* H2見出し: ダークスレート背景に安全オレンジの縦ライン */
.entry-content h2 {
    position: relative;
    padding: 1.2rem 1.5rem !important;
    margin-top: 3.5rem;
    margin-bottom: 2rem;
    background: #0f172a !important;
    color: #ffffff !important;
    font-size: 1.6em;
    font-weight: bold;
    border-left: 8px solid var(--cn-orange) !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    padding-left: 1.5rem !important;
}

/* H3見出し: 安全オレンジのアンダーライン */
.entry-content h3 {
    position: relative;
    padding-bottom: 0.5rem !important;
    padding-left: 0.5rem !important;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    color: #0f172a !important;
    font-size: 1.35em;
    border-bottom: 3px solid var(--cn-orange) !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    background: none !important;
}

/* 強調 (strong) のオレンジマーカー */
.entry-content strong, strong {
    color: #000000;
    background: linear-gradient(transparent 60%, rgba(234, 88, 12, 0.2) 60%);
    font-weight: 700;
}

/* 引用 blockquote */
.entry-content blockquote {
    position: relative;
    padding: 20px 20px 20px 50px !important;
    background: #ffffff !important;
    color: #334155 !important;
    border-left: 6px solid var(--cn-orange) !important;
    border-radius: 4px;
    margin: 30px 0;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

/* リンクホバー */
.entry-content a {
    color: #0f172a !important;
    text-decoration: underline;
}

.entry-content a:hover {
    color: var(--cn-orange) !important;
}