*{margin:0;padding:0;box-sizing:border-box;}
body{background:#f0f4f8;color:#1a202c;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;}
a{color:#2b6cb0;text-decoration:none;}
a:hover{color:#2c5282;text-decoration:underline;}
.wrap{max-width:960px;margin:0 auto;padding:0 12px;}

/* Header */
.site-hdr{background:linear-gradient(135deg,#1a365d 0%,#2a4a7f 50%,#2b6cb0 100%);padding:14px 0;text-align:center;border-bottom:4px solid #63b3ed;}
.site-hdr .hdr-title{color:#fff;font-size:clamp(18px,5vw,28px);font-weight:800;letter-spacing:.5px;}
.site-hdr .hdr-sub{color:#bee3f8;font-size:13px;margin-top:2px;}

/* Cards */
.crd{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:16px;margin:12px 0;}
.crd-head{background:linear-gradient(90deg,#2b6cb0,#3182ce);color:#fff;border-radius:8px;padding:10px 14px;font-weight:700;font-size:16px;margin-bottom:12px;text-align:center;}
.crd-blue{border-left:4px solid #3182ce;}
.crd-green{border-left:4px solid #38a169;}
.crd-orange{border-left:4px solid #dd6b20;}

/* Result Display */
.res-box{background:linear-gradient(135deg,#ebf8ff,#e6fffa);border:2px solid #90cdf4;border-radius:14px;padding:18px;text-align:center;margin:10px 0;}
.res-label{font-size:14px;color:#4a5568;font-weight:600;margin-bottom:4px;}
.res-time{color:#2d3748;font-size:15px;font-weight:600;}
.res-num{font-size:36px;font-weight:900;line-height:1.2;}
.res-num.clr-r{color:#e53e3e;}
.res-num.clr-y{color:#2b6cb0;}

/* Kadi Box */
.kadi-wrap{background:linear-gradient(135deg,#f0fff4,#ebf8ff);border:2px solid #9ae6b4;border-radius:14px;padding:18px;text-align:center;margin:10px 0;}
.kadi-lbl{font-size:18px;font-weight:700;color:#276749;}
.kadi-nums{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;}
.kadi-nums span{font-size:26px;font-weight:800;}
.kadi-arrow{color:#38a169;font-size:20px;}

/* Tables */
.tbl-wrap{overflow-x:auto;margin:8px 0;}
.res-tbl{width:100%;border-collapse:collapse;font-size:14px;}
.res-tbl th{background:#2b6cb0;color:#fff;padding:10px 8px;font-weight:700;text-align:center;}
.res-tbl td{padding:9px 8px;text-align:center;border-bottom:1px solid #e2e8f0;}
.res-tbl tr:nth-child(even){background:#f7fafc;}
.res-tbl tr:hover{background:#ebf8ff;}
.res-tbl .clr-r{color:#e53e3e;font-weight:700;}
.res-tbl .clr-y{color:#2b6cb0;font-weight:700;}

/* Info Sections */
.info-sec{background:linear-gradient(180deg,#ebf8ff,#f0f4f8);border:1px solid #bee3f8;border-radius:12px;padding:16px;margin:12px 0;line-height:1.8;}
.info-sec h2,.info-sec h3{color:#2c5282;margin-bottom:8px;}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0;}
.info-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;}
.info-item h3{font-size:15px;color:#2b6cb0;margin-bottom:4px;}

/* Archive Grid */
.yr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:10px 0;}
.yr-btn{display:block;background:linear-gradient(135deg,#2b6cb0,#3182ce);color:#fff;padding:10px;border-radius:8px;text-align:center;font-weight:700;font-size:14px;transition:transform .15s;}
.yr-btn:hover{transform:translateY(-2px);text-decoration:none;color:#fff;box-shadow:0 4px 12px rgba(43,108,176,.3);}

/* Nav Links */
.nav-links{text-align:center;margin:14px 0;font-size:14px;}
.nav-links a{color:#2b6cb0;font-weight:700;margin:0 8px;}
.nav-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0;}
.nav-pill{display:inline-block;background:#ebf8ff;color:#2b6cb0;border:1px solid #90cdf4;padding:8px 16px;border-radius:20px;font-weight:600;font-size:13px;transition:all .15s;}
.nav-pill:hover{background:#2b6cb0;color:#fff;text-decoration:none;}

/* FAQ */
.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin:8px 0;}
.faq-item strong{color:#2c5282;}

/* Footer */
.site-ftr{background:#1a365d;color:#cbd5e0;text-align:center;padding:14px;margin-top:12px;font-size:13px;border-radius:12px 12px 0 0;}
.site-ftr a{color:#90cdf4;}

/* CTA Button */
.cta-btn{display:inline-block;background:linear-gradient(135deg,#2b6cb0,#3182ce);color:#fff;padding:12px 28px;border-radius:8px;font-weight:700;font-size:15px;text-align:center;transition:all .15s;}
.cta-btn:hover{background:linear-gradient(135deg,#2c5282,#2b6cb0);color:#fff;text-decoration:none;box-shadow:0 4px 14px rgba(43,108,176,.4);}

/* Responsive */
@media(max-width:640px){
  .res-num{font-size:28px;}
  .kadi-nums span{font-size:22px;}
  .info-grid{grid-template-columns:1fr;}
  .res-tbl th,.res-tbl td{font-size:13px;padding:7px 5px;}
}