body{
    margin:0;
    font-family: "Segoe UI", sans-serif;
    background: linear-gradient(180deg,#020617,#020617,#071226);
    color:#e5e7eb;
}


/* ===== ヘッダー ===== */

header{
    padding:60px 10%;
    background: linear-gradient(90deg,#020617,#071226);
}

.section-title{
    color:#ef4444;
    font-size:18px;
    letter-spacing:3px;
}

.section-main{
    font-size:42px;
    font-weight:bold;
    margin-top:10px;

    background: linear-gradient(90deg,#38bdf8,#ef4444);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}


/* ===== ニュース一覧 ===== */

.container{
    padding:60px 10%;
}


/* ニュースカード */

.news-card{
    background: linear-gradient(135deg,#0f172a,#1f0a0a);

    border:1px solid #3f1d1d;
    border-radius:15px;

    padding:40px;

    transition:0.3s;
}


.news-card:hover{

    transform:translateY(-5px);

    box-shadow:
        0 0 15px rgba(239,68,68,0.4),
        0 0 25px rgba(56,189,248,0.2);

    border-color:#ef4444;
}


/* 日付とカテゴリ */

.news-meta{

    color:#f87171;

    font-size:14px;

    margin-bottom:15px;

    letter-spacing:1px;
}


/* タイトル */

.news-title{

    font-size:28px;

    font-weight:bold;

    margin-bottom:20px;

    color:#f1f5f9;
}


/* 本文 */

.news-body{

    line-height:1.8;

    color:#cbd5e1;

}


/* 上場情報ボックス */

.stock-info{

    margin-top:30px;

    padding:25px;

    background:#020617;

    border-radius:10px;

    border:1px solid #1e293b;
}


.stock-info-title{

    color:#38bdf8;

    font-weight:bold;

    margin-bottom:15px;
}


.stock-info table{

    width:100%;

    border-collapse:collapse;
}


.stock-info td{

    padding:8px 0;

    border-bottom:1px solid #1e293b;
}


.stock-info td:first-child{

    color:#94a3b8;

    width:200px;
}


.stock-info td:last-child{

    color:#e5e7eb;

    font-weight:bold;
}


/* 戻るボタン */

.back-button{

    display:inline-block;

    margin-top:40px;

    padding:12px 25px;

    background: linear-gradient(90deg,#0ea5e9,#ef4444);

    color:white;

    text-decoration:none;

    border-radius:8px;

    font-weight:bold;

    transition:0.3s;
}

.back-button:hover{

    transform:translateY(-3px);

    box-shadow:0 0 10px rgba(239,68,68,0.4);
}