body{
 font-family: "Segoe UI", Arial, sans-serif;
 background:#eef2f7;
 margin:0;
 color:#1e2933;
 overflow-x:hidden;
}

*{
 box-sizing:border-box;
}

img{
 max-width:100%;
 display:block;
}

.container{
 max-width:1100px;
 margin:auto;
 padding:20px;
}

header{
 background:#ffffff;
 border-bottom:2px solid #d7e0ea;
}

.logo{
 font-size:28px;
 font-weight:700;
 text-decoration:none;
 color:#1e2933;
}

.topnav{
 margin-top:8px;
}

.topnav a{
 margin-right:16px;
 text-decoration:none;
 color:#445;
 font-size:14px;
}

.topnav a:hover{
 color:#1a73e8;
}

.sale-banner{
 background:linear-gradient(90deg,#1a73e8,#4da3ff);
 color:white;
 text-align:center;
 padding:18px;
 margin:16px 0;
 font-size:18px;
 border-radius:6px;
}

.breaking{
 background:#1a73e8;
 color:white;
 padding:8px 12px;
 font-weight:600;
 border-radius:4px;
 margin-bottom:12px;
}

.news-list{
 column-count:2;
 column-gap:30px;
}

.news-list article{
 break-inside:avoid;
 -webkit-column-break-inside:avoid;
 page-break-inside:avoid;
 margin:0 0 24px 0;
 background:white;
 padding:18px;
 border:1px solid #e2e8f0;
 box-shadow:0 2px 6px rgba(0,0,0,0.05);
 overflow:hidden;
 width:100%;
}

.streamTop{
 margin-bottom:12px;
}

.streamStamp{
 font-size:12px;
 color:#728096;
 margin-bottom:6px;
}

.streamHeadline{
 font-size:22px;
 line-height:1.35;
 margin:0 0 6px 0;
 font-weight:700;
 word-wrap:break-word;
 overflow-wrap:break-word;
}

.streamMinute{
 font-size:13px;
 color:#6b7280;
}

.streamShell{
 display:flex;
 flex-direction:column;
 gap:14px;
 width:100%;
 min-width:0;
}

.streamVisual{
 margin:0;
 width:100%;
 max-width:100%;
 overflow:hidden;
 border-radius:4px;
}

.streamVisual img{
 width:100%;
 max-width:100%;
 height:auto;
 object-fit:cover;
 border-radius:4px;
}

.streamCopy{
 width:100%;
 min-width:0;
 font-size:16px;
 line-height:1.65;
}

.streamLine a{
 color:#1e2933;
 text-decoration:underline;
 text-decoration-color:#cbd5e1;
 transition:all 0.2s ease;
}

.streamLine a:hover{
 color:#1a73e8;
 text-decoration-color:#1a73e8;
}

.pagination{
 display:flex;
 justify-content:center;
 gap:12px;
 margin:40px 0;
 flex-wrap:wrap;
}

.pagination a{
 padding:10px 16px;
 border:1px solid #ccc;
 background:white;
 text-decoration:none;
 color:#333;
 border-radius:4px;
 font-size:14px;
}

.pagination a:hover{
 background:#1a73e8;
 color:white;
 border-color:#1a73e8;
}

footer{
 text-align:center;
 padding:20px;
 font-size:13px;
 color:#666;
}

@media (max-width:900px){

.container{
 padding:14px;
}

.news-list{
 column-count:1;
 column-gap:0;
}

.topnav{
 margin-top:10px;
}

.topnav a{
 display:inline-block;
 margin:4px 10px 4px 0;
}

.news-list article{
 padding:16px;
 margin-bottom:18px;
}

.streamHeadline{
 font-size:20px;
}

.streamVisual img{
 width:100%;
 height:auto;
 max-width:100%;
}

}