:root{
    --red:#c8102e;
    --red-dark:#96001f;
    --ink:#1b1b1b;
    --paper:#f2f1ec;
    --card:#ffffff;
    --line:#dedad0;
    --gold:#c99a3c;
    --sea:#0e5b73;
    --muted:#6b6b63;
    --font-head: Georgia, 'Times New Roman', serif;
    --font-body: Arial, Helvetica, sans-serif;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{
    font-family: var(--font-body);
    background: var(--paper);
    color: var(--ink);
    font-size:13px;
    line-height:1.4;
  }
  a{color:inherit; text-decoration:none;}
  img{display:block; width:100%; height:100%; object-fit:cover;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 12px;}

  /* ===== Utility bar ===== */
  .utility{
    background:var(--ink);
    color:#cfcfcf;
    font-size:11px;
  }
  .utility .wrap{
    display:flex; justify-content:space-between; align-items:center;
    height:28px;
  }
  .utility a{color:#cfcfcf; margin-left:14px;}
  .utility a:hover{color:#fff;}
  .utility .date{color:#9a9a9a;}

  /* ===== Header ===== */
  header{background:var(--card); border-bottom:3px solid var(--red);}
  .header-inner{
    display:flex; align-items:center; gap:18px;
    padding:14px 0;
  }
  .logo{
    display:flex; align-items:baseline; gap:6px;
    font-family:var(--font-head);
  }
  .logo .k{
    font-size:27px; font-weight:700; color:var(--ink); letter-spacing:-.5px; white-space:nowrap;
  }
  .logo .k span{color:var(--red);}
  .logo .tag{
    font-size:10.5px; color:var(--muted); letter-spacing:.3px;
    border-left:1px solid var(--line); padding-left:10px; max-width:160px;
    font-family:var(--font-body);
  }
  .weather-chip{
    display:flex; align-items:center; gap:8px;
    border:1px solid var(--line); border-radius:4px; padding:6px 10px;
    font-size:11.5px; color:var(--muted);
  }
  .weather-chip strong{color:var(--ink); font-size:15px;}
  .ad-slot{
    flex:1; height:70px; background:repeating-linear-gradient(45deg,#eee,#eee 10px,#e4e4e4 10px,#e4e4e4 20px);
    border:1px dashed #c9c5b8; display:flex; align-items:center; justify-content:center;
    color:#9a9587; font-size:11px; letter-spacing:.5px;
  }

  /* ===== Category nav ===== */
  .catnav{background:var(--red);}
  .catnav .wrap{display:flex; overflow-x:auto;}
  .catnav a{
    color:#fff; padding:10px 14px; font-size:12px; font-weight:600;
    white-space:nowrap; letter-spacing:.2px; border-right:1px solid rgba(255,255,255,.15);
  }
  .catnav a:hover{background:var(--red-dark);}
  .catnav a.active{background:var(--red-dark);}

  /* ===== Breaking ticker ===== */
  .ticker{background:var(--ink); color:#fff; font-size:12px;}
  .ticker .wrap{display:flex; align-items:center; height:34px;}
  .ticker .label{
    background:var(--red); padding:4px 10px; font-weight:700; margin-right:12px;
    flex-shrink:0; font-size:11px;
  }
  .ticker .items{white-space:nowrap; overflow:hidden;}
  .ticker .items span{margin-right:34px; color:#e2e2e2;}

  /* ===== Hero grid ===== */
  .hero{padding:16px 0 6px;}
  .hero-grid{
    display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:12px;
  }
  .hero-card{
    position:relative; height:190px; border-radius:3px; overflow:hidden;
    background:linear-gradient(135deg,var(--sea),#123);
  }
  .hero-card.n1{grid-row:span 1;}
  .hero-card .ph{
    position:absolute; inset:0;
  }
  .hero-card .cap{
    position:absolute; left:0; right:0; bottom:0;
    background:linear-gradient(to top, rgba(0,0,0,.85), transparent);
    color:#fff; padding:26px 12px 10px;
    font-family:var(--font-head); font-size:14.5px; line-height:1.3;
  }
  .hero-card.small{height:190px;}
  .hero-card.small .cap{font-size:12.5px; padding:20px 10px 8px;}
  .hero-card .cat-pill{
    position:absolute; top:8px; left:8px; background:var(--red);
    color:#fff; font-size:10px; padding:3px 7px; border-radius:2px; font-weight:600;
  }

  /* ===== Section band (banner) ===== */
  .brandband{
    margin:18px 0; background:#fff; border:1px solid var(--line);
    text-align:center; padding:14px 10px;
  }
  .brandband .bname{
    font-family:var(--font-head); font-size:22px; letter-spacing:2px; color:var(--sea); font-weight:700;
  }
  .brandband .bsub{font-size:11px; color:var(--muted); letter-spacing:3px; margin-top:2px;}

  /* ===== Main layout ===== */
  .layout{
    display:grid; grid-template-columns:230px 1fr 230px; gap:14px;
    padding-bottom:26px;
  }
  .col{display:flex; flex-direction:column; gap:14px;}

  /* Listing cards (hotel/business style) */
  .biz-card{
    background:var(--card); border:1px solid var(--line); border-radius:3px; overflow:hidden;
  }
  .biz-card .photo{height:130px; background:linear-gradient(135deg,#2b7a8c,#12303a);}
  .biz-card .info{padding:10px;}
  .biz-card .info h4{
    font-family:var(--font-head); font-size:14px; color:var(--ink); margin-bottom:6px;
  }
  .biz-card .info p{font-size:11px; color:var(--muted); margin-bottom:2px;}
  .biz-card .info .phone{color:var(--red); font-weight:700; font-size:11.5px; margin-top:4px;}

  /* center column */
  .panel{background:var(--card); border:1px solid var(--line); border-radius:3px;}
  .panel-head{
    display:flex; align-items:center; gap:8px;
    padding:9px 12px; border-bottom:2px solid var(--red);
    font-family:var(--font-head); font-weight:700; font-size:14px; color:var(--ink);
  }
  .panel-head .dot{width:8px; height:8px; background:var(--red); border-radius:50%;}

  .live-score{padding:10px 12px;}
  .score-row{
    display:flex; align-items:center; justify-content:space-between;
    font-size:12px; padding:6px 0; border-bottom:1px solid var(--line);
  }
  .score-row:last-child{border-bottom:none;}
  .score-row .teams{display:flex; gap:6px; align-items:center;}
  .score-row .vs{color:var(--muted); font-size:10px;}
  .score-row .min{color:var(--red); font-weight:700; font-size:11px;}

  .currency-strip{
    display:flex; gap:0; border-top:1px solid var(--line); font-size:11px;
  }
  .currency-strip div{
    flex:1; text-align:center; padding:8px 4px; border-right:1px solid var(--line);
  }
  .currency-strip div:last-child{border-right:none;}
  .currency-strip .cname{color:var(--muted); font-size:10px;}
  .currency-strip .cval{font-weight:700; margin-top:2px;}

  .news-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:12px;
  }
  .news-item{display:flex; flex-direction:column; gap:6px;}
  .news-item .thumb{height:100px; border-radius:3px; background:linear-gradient(135deg,#d98a3d,#7a4a1c);}
  .news-item h5{font-size:12.5px; line-height:1.3; font-weight:700;}
  .news-item .meta{font-size:10px; color:var(--muted);}

  .spotlight{
    display:grid; grid-template-columns:1fr 1fr; gap:0; border-top:1px solid var(--line);
  }
  .spotlight .thumb{height:150px; background:linear-gradient(135deg,#1e6b4f,#0c2c22);}
  .spotlight .txt{padding:14px;}
  .spotlight h3{font-family:var(--font-head); font-size:18px; line-height:1.3; margin-bottom:8px;}
  .spotlight p{font-size:12px; color:#4a4a44; margin-bottom:6px;}
  .spotlight .meta{font-size:10.5px; color:var(--muted);}

  .list-links{padding:6px 12px 12px;}
  .list-links li{
    list-style:none; padding:8px 0; border-bottom:1px solid var(--line);
    font-size:12.5px; display:flex; gap:8px;
  }
  .list-links li:last-child{border-bottom:none;}
  .list-links .tick{color:var(--red); font-weight:700;}

  footer{background:var(--ink); color:#aaa; font-size:11px; padding:20px 0; margin-top:10px;}
  footer .wrap{display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}
  footer a{color:#ccc;}

  @media (max-width: 900px){
    .layout{grid-template-columns:1fr;}
    .hero-grid{grid-template-columns:1fr 1fr;}
    .header-inner{flex-wrap:wrap;}
    .ad-slot{order:3; width:100%;}
  }
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}