:root{
  --peach:#fc9; --pink:#ff00a1; --red:#ff0016; --purple:#522f92; --navy:#1a237e;
  --maroon:#880e4f; --yellow:#ffff00; --white:#fff; --ink:#000;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--peach);color:var(--ink);font:700 15px/1.4 Helvetica,Arial,sans-serif;text-align:center}
a{color:inherit;text-decoration:none}
.wrap{max-width:960px;margin:0 auto;padding:6px}

/* blocks */
.box{background:var(--white);border:2px solid var(--red);border-radius:10px;margin:6px 0;overflow:hidden;
  box-shadow:0 0 15px -5px rgba(0,0,0,.45)}
.bar{background:var(--pink);color:#fff;border:2px solid var(--red);border-radius:10px;margin:6px 0;
  padding:8px 6px;font-size:clamp(16px,3.6vw,22px);text-shadow:1px 1px 2px #000;font-style:italic}
.logo{padding:8px 6px}
.logo img{height:clamp(48px,10vw,70px);vertical-align:middle;border-radius:6px}
.logo h1{display:inline-block;vertical-align:middle;margin-left:8px;color:var(--navy);
  font-size:clamp(24px,6vw,38px);font-style:italic;text-shadow:1px 1px 0 #ffd5ea}
.marq{background:var(--yellow);border:2px solid var(--red);border-radius:10px;margin:6px 0;padding:6px;overflow:hidden;white-space:nowrap;color:var(--red)}
.marq span{display:inline-block;padding-left:100%;animation:mq 18s linear infinite}
@keyframes mq{to{transform:translateX(-100%)}}
.intro{padding:10px;font-weight:400;font-size:14px}
.intro h2{color:var(--maroon);font-size:clamp(16px,3.5vw,20px);margin-bottom:4px}

/* lucky */
.lucky{display:grid;grid-template-columns:1fr 1fr}
.lucky div{padding:10px 6px;border-right:2px solid var(--red)}
.lucky div:last-child{border-right:0}
.lucky small{display:block;color:var(--navy);font-size:15px}
.lucky b{display:block;color:var(--maroon);font-size:clamp(20px,5vw,28px);letter-spacing:2px;margin-top:2px}

/* results */
.results{display:grid;grid-template-columns:1fr}
.mkt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:10px 8px;
  border-bottom:2px solid #ff9; background:var(--white)}
.results .mkt:nth-child(odd){background:#fff8f0}
.mkt h4{color:var(--navy);font-size:clamp(17px,3.8vw,22px);text-transform:uppercase;font-style:italic}
.mkt .res{color:var(--maroon);font-size:clamp(19px,4.6vw,26px);letter-spacing:1px;margin:2px 0}
.mkt .res.wait{color:#888;font-size:16px}
.mkt .tm{font-size:13px;color:#333}
.mkt.live{background:#fffbd1!important}
.mkt.live h4:after{content:" LIVE";font-size:11px;color:#fff;background:var(--red);padding:1px 6px;border-radius:8px;
  vertical-align:middle;font-style:normal;animation:bl 1s infinite}
@keyframes bl{50%{opacity:.35}}
.btn{display:inline-block;background:var(--purple);color:#fff;border:2px solid #fff;border-radius:16px;
  padding:5px 12px;font-size:13px;box-shadow:0 0 0 1px var(--purple),0 3px 6px rgba(0,0,0,.3);font-style:italic;cursor:pointer}
.btn:active{transform:scale(.96)}
.refresh{background:var(--red);margin:4px 0 10px}

.fast{background:var(--yellow);color:var(--red);border:2px solid var(--red);border-radius:10px;padding:10px;margin:6px 0;
  font-size:clamp(15px,3.4vw,20px)}
.kw{padding:10px;font-weight:400;font-size:13px;color:#333;line-height:1.7}
footer{padding:12px 6px 24px;font-size:13px}
footer a{color:var(--navy);text-decoration:underline}

/* charts */
.chart-head h2{color:var(--navy);font-size:clamp(20px,5vw,30px);padding:10px 6px 2px;text-transform:uppercase}
.chart-head p{font-weight:400;font-size:13px;padding:0 10px 10px}
.nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:8px 0}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;background:#fff}
th{background:var(--pink);color:#fff;padding:6px 2px;border:1px solid #444;font-size:clamp(11px,2.6vw,15px);text-shadow:1px 1px 1px #000}
td{border:1px solid #444;padding:4px 2px;font-size:clamp(15px,3.6vw,22px)}
td.wk{font-size:clamp(9px,2.2vw,12px);color:#333;font-weight:700;white-space:nowrap;line-height:1.2}
td.r{color:var(--red)}
.jodi td:not(.wk){height:42px}
.pnl td{padding:2px 1px}
.cell{display:flex;align-items:center;justify-content:center;gap:2px}
.pana{display:flex;flex-direction:column;font-size:clamp(9px,2.3vw,13px);line-height:1.05;color:#222}
.cell b{font-size:clamp(15px,3.8vw,22px)}
.cell.r b{color:var(--red)}
.empty{color:#bbb}

@media (max-width:480px){
  .pnl td{padding:2px 0}
  .pnl td.wk{font-size:8px}
  .pnl th{font-size:10px;padding:5px 0}
  .pana{font-size:8px}
  .cell{gap:1px}
  .cell b{font-size:13px}
}
@media (min-width:768px){
  .results{grid-template-columns:1fr 1fr}
  .results .mkt:nth-child(odd){border-right:2px solid #ff9}
  .wrap{padding:10px}
}

/* PHP site additions */
.pad{padding:10px}
.refresh{margin:10px 0}
.btn.sm{padding:3px 9px;font-size:12px}
.chart-link{display:inline-flex;gap:4px;align-items:center;margin:3px 6px}
.chart-link>span{color:var(--navy)}
.box>.res,#bottom .res{color:var(--maroon);font-size:22px}
.big{font-size:24px;color:var(--navy);margin:4px 0}
footer small{font-weight:400}

/* ---- contact buttons & icons ---- */
.ico{width:20px;height:20px;flex:none}
.contact-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0}
.contact-row.in{margin:8px 0 4px}
.cbtn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;color:#fff;font-size:14px;
  border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3);font-style:italic}
.cbtn.whatsapp{background:#25d366}
.cbtn.call{background:#0b74de}
.cbtn.telegram{background:#229ed9}
.cbtn.app{background:#000}
.cbtn:active{transform:scale(.96)}

/* ---- notice & ads ---- */
.notice{background:#fff;border:2px dashed var(--red);border-radius:10px;margin:6px 0;padding:8px;color:var(--maroon);font-size:14px}
.ad{border:2px solid var(--red);border-radius:10px;margin:6px 0;padding:10px 8px;box-shadow:0 0 15px -5px rgba(0,0,0,.45)}
.ad-yellow{background:#ffff9c}.ad-pink{background:#ffd5ea}.ad-white{background:#fff}
.ad-green{background:#d7ffd9}.ad-purple{background:#e8dcff}
.ad-title{color:var(--red);font-size:clamp(17px,4vw,22px);text-shadow:1px 1px 0 #fff}
.ad-body{color:#222;font-size:15px;margin-top:4px}
.ad-phone{font-size:clamp(18px,4.4vw,24px);color:var(--navy);margin-top:6px}
.ad-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}

/* ---- contact box ---- */
.contact{padding:10px}
.cname{color:var(--maroon);font-size:18px}
.cnum{font-size:clamp(22px,5vw,30px);color:var(--navy);letter-spacing:1px}

/* ---- starline ---- */
.sl-date{color:var(--maroon);padding:8px 0 4px}
.sl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:6px;padding:6px 8px 10px}
.sl{border:2px solid #ffb3df;border-radius:8px;padding:6px 2px;background:#fff8f0}
.sl.done{border-color:var(--pink);background:#fff}
.sl-time{display:block;font-size:12px;color:#444}
.sl b{font-size:18px;color:var(--maroon);letter-spacing:1px}
.sl:not(.done) b{color:#999;font-size:15px}
table.sl-chart th{font-size:11px;line-height:1.15}
table.sl-chart td{font-size:15px;line-height:1.15;min-width:44px}
table.sl-chart .sp{display:block;font-size:12px;color:#333;letter-spacing:1px}
table.sl-chart b{color:var(--maroon)}

/* ---- floating buttons ---- */
.float{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;border:2px solid #fff;
  box-shadow:0 3px 10px rgba(0,0,0,.35);font-size:16px}
.float .ico{width:28px;height:28px}
.float.whatsapp{background:#25d366}.float.call{background:#0b74de}.float.app{background:#000}

/* ===== Card spinner ("Matka King - Result") ===== */
.spin-wrap{margin:14px 0 18px}
.spin-title{background:#f00;color:#ffd800;border-radius:10px;padding:12px 6px;margin:0 auto 14px;max-width:640px;
  font:900 italic clamp(22px,6vw,34px)/1.1 Arial,sans-serif;text-shadow:0 0 8px #ff0,0 0 2px #ff0;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.machine{position:relative;background:#3d332b;border:4px solid #ffd800;border-radius:16px;max-width:640px;margin:0 auto;
  padding:30px 8px 16px;box-shadow:0 0 18px rgba(255,216,0,.55)}
.crown{position:absolute;left:50%;top:-12px;transform:translateX(-50%);font-size:clamp(34px,9vw,52px);line-height:1;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.lights{display:flex;justify-content:center;gap:clamp(12px,4.2vw,26px);margin:8px 0}
.lights i{width:clamp(10px,3vw,15px);height:clamp(10px,3vw,15px);border-radius:50%;background:#19a7a7;
  box-shadow:0 0 8px #0ff;animation:chase 1.6s infinite}
.lights i:nth-child(2){animation-delay:.2s}.lights i:nth-child(3){animation-delay:.4s}.lights i:nth-child(4){animation-delay:.6s}
.lights i:nth-child(5){animation-delay:.8s}.lights i:nth-child(6){animation-delay:1s}.lights i:nth-child(7){animation-delay:1.2s}
.lights i:nth-child(8){animation-delay:1.4s}
.machine.spinning .lights i{animation-duration:.4s}
@keyframes chase{0%,100%{background:#127a7a;box-shadow:0 0 3px #0aa}50%{background:#1ff;box-shadow:0 0 12px #0ff}}
.reels{display:flex;justify-content:center;align-items:center;gap:clamp(3px,1vw,7px);margin:12px 0}
.dash{flex:0 0 clamp(8px,2.4vw,16px);text-align:center;color:#7dff8a;font-size:clamp(18px,5vw,30px);font-weight:700}
/* gold rounded frame with a dark glowing inside, one card per frame */
.reel{flex:1 1 0;min-width:0;max-width:150px;aspect-ratio:0.93;display:flex;align-items:center;justify-content:center;
  border:clamp(3px,1vw,6px) solid transparent;border-radius:18%/17%;
  background:radial-gradient(ellipse at 50% -10%,#1f6a66 0%,#0b2a2a 35%,#000 75%) padding-box,
             linear-gradient(160deg,#fff7b0 0%,#ffd400 30%,#e0a000 65%,#c98a00 100%) border-box;
  box-shadow:0 0 0 2px rgba(255,243,160,.85),0 0 16px 3px rgba(0,255,230,.6),inset 0 0 12px #000;overflow:hidden}
.reel.blur .pcard{filter:blur(1.4px);transform:translateY(3px)}
.reel.drop .pcard{animation:drop .5s cubic-bezier(.3,1.5,.6,1)}
@keyframes drop{0%{transform:translateY(-120%)}100%{transform:translateY(0)}}
.pcard{width:61%;aspect-ratio:2/3;background:linear-gradient(90deg,#fff 68%,#e8fafa 100%);border-radius:3px;overflow:hidden}
.pcard svg{display:block;width:100%;height:100%}
.pcard.back{background:repeating-linear-gradient(45deg,#b0002a 0 6px,#d81b46 6px 12px);border:3px solid #fff}
.spin-btn{display:block;margin:-4px auto 0;position:relative;background:linear-gradient(#ffb300,#ff9800);color:#000;
  border:2px solid #000;border-radius:30px;padding:10px 38px;font:700 clamp(17px,4.4vw,22px) Arial,sans-serif;cursor:pointer}
.spin-btn:disabled{opacity:.75}
.spin-time{font-size:13px;color:#444;margin-top:6px}

/* ===== Starline tables (yellow title + CHART) ===== */
.sl-head{position:relative;margin:26px 0 0;background:#ffd800;border:3px solid #000;border-radius:26px;padding:10px 70px;
  box-shadow:0 10px 0 #ffa000;font:900 italic clamp(21px,5.5vw,32px)/1.2 Arial,sans-serif;color:#111;letter-spacing:.5px}
.sl-chart-btn{position:absolute;right:6px;top:50%;transform:translateY(-10%);background:#4b2d8f;color:#fff;
  border:2px solid #fff;border-radius:10px;padding:4px 10px;font-size:clamp(11px,2.8vw,15px);box-shadow:0 0 0 1px #4b2d8f}
.sl-table{width:100%;border-collapse:collapse;margin:20px 0 6px;background:transparent;font-style:italic}
.sl-table th,.sl-table td{border:1px solid #e52222;padding:5px 2px;font-size:clamp(14px,3.6vw,20px);background:transparent}
.sl-table th{color:#e0113e;font-weight:500;text-shadow:none}
.sl-table td.t{color:#111}
.sl-table td.v{color:#1a2fbf}

/* ===== Floating buttons & ads ===== */
body{padding-bottom:120px}
.floats-left{position:fixed;left:8px;top:46%;z-index:9;display:flex;flex-direction:column;gap:8px}
.fl-side{position:fixed;right:0;top:32%;z-index:8;display:flex;flex-direction:column;gap:6px;max-width:46vw}
.fl-left{position:fixed;left:6px;bottom:8px;z-index:9;display:flex;flex-direction:column;gap:6px;align-items:flex-start;max-width:48vw}
.fl-right{position:fixed;right:6px;bottom:8px;z-index:9;display:flex;flex-direction:column;gap:6px;align-items:flex-end;max-width:48vw}
.fad{display:block;color:#fff;border:2px solid #fff;border-radius:8px;padding:5px 12px;font:italic 700 clamp(12px,3.2vw,16px)/1.3 Arial,sans-serif;
  box-shadow:0 2px 8px rgba(0,0,0,.4);text-align:center}
.fad b{display:block;font-weight:500}
.fad span{display:block;font-weight:500}
.fad-red{background:#f00}.fad-blue{background:#0019d6}.fad-redblue{background:linear-gradient(135deg,#e00,#1a237e)}
.fad-yellow{background:#ffd800;color:#000}.fad-pink{background:#ff00a1}.fad-green{background:#0a8f3c}
.fad-purple{background:#522f92}.fad-white{background:#fff;color:#000;border-color:#000}
.refresh-btn{background:#0b1f8f;padding:8px 18px}

/* ===================================================================
   Look of the reference site (v5): italic type, pink title pills with
   a red ribbon, red-bordered sections, plain result rows, promo cards
   =================================================================== */
.wrap{font-style:italic}
.wrap .btn,.wrap .cbtn,.wrap .abtn,.wrap .float{font-style:italic}
.wrap table.sl-chart td,.wrap table.sl-chart th{font-style:normal}

/* header */
.logo{border-radius:20px;padding:14px 6px;margin:8px 0 24px;box-shadow:0 10px 0 #ffa000}
.logo a{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.logo img{height:clamp(48px,11vw,72px);border-radius:8px}
.brand-name{display:block;margin:0;color:#000;text-transform:uppercase;font:italic 800 clamp(28px,8vw,54px)/1 Arial,sans-serif;letter-spacing:-1px}
.brand-name .pk{color:#ff00a1;font-size:1.28em}
.welcome-row{display:flex;align-items:center;gap:10px;border:3px solid var(--red);border-radius:18px;padding:8px 10px;margin:8px 0 12px;overflow:hidden}
.welcome-row>img{height:clamp(56px,14vw,84px);width:clamp(70px,18vw,106px);object-fit:cover;border-radius:4px;flex:none}
.welcome-row .marq{flex:1;min-width:0;background:none;border:0;border-radius:0;margin:0;padding:0;color:#111;font:italic 700 clamp(14px,3.8vw,21px)/1.3 Arial,sans-serif}
.marq span{animation-duration:20s}

/* title pill with red ribbon */
.bar{background:#ff00a1;color:#fff;border:3px solid #fff;border-radius:22px;padding:10px 6px;margin:6px 4px 24px;
  font:italic 700 clamp(22px,5.4vw,34px)/1.15 Arial,sans-serif;text-shadow:2px 2px 3px rgba(0,0,0,.5);box-shadow:0 11px 0 #ff1f3a}
.bar.purple{background:#522f92;box-shadow:0 11px 0 #ff1f3a}
.sec{border:3px solid var(--red);border-radius:18px;margin:10px 0;padding:6px 0 0;overflow:hidden}
.sec .bar,.clist .bar{margin:2px 6px 24px}

/* intro */
.intro h2{color:#d4006c;font:italic 400 clamp(18px,4.4vw,26px)/1.3 Arial,sans-serif;margin-bottom:6px}
.intro{font:italic 400 clamp(15px,3.6vw,19px)/1.45 Arial,sans-serif;color:#333;padding:10px 12px}

/* lucky number */
.lucky2{display:grid;grid-template-columns:1fr 1fr;padding-bottom:6px}
.lucky2>div{padding:4px 10px 12px;border-right:1px solid var(--red)}
.lucky2>div:last-child{border-right:0}
.lucky2 h3{color:#1a2fbf;font:italic 700 clamp(24px,6vw,36px)/1.2 Arial,sans-serif}
.lucky2 .v{color:#1a237e;font:italic 600 clamp(19px,4.8vw,30px)/1.35 Arial,sans-serif;margin-top:4px}
.lucky2 .v.lines{color:#111;font-weight:500;font-size:clamp(17px,4.2vw,26px)}

/* compact LIVE RESULT list */
.live-sub{color:#111;font:italic 500 clamp(18px,4.6vw,28px)/1.3 Arial,sans-serif;margin:0 6px 8px}
.lrow{padding:8px 4px 12px}
.lrow+.lrow{border-top:1px solid var(--red)}
.lrow h4{color:#0d1b6b;text-transform:uppercase;font:italic 700 clamp(21px,5.2vw,32px)/1.25 Arial,sans-serif}
.lrow .r{color:#8e1a5b;font:italic 500 clamp(23px,5.6vw,34px)/1.3 Arial,sans-serif;margin:2px 0 6px}
.rbtn{display:inline-block;background:#522f92;color:#fff;border:2px solid #fff;border-radius:10px;padding:7px 14px;
  font:italic 500 clamp(14px,3.5vw,18px) Arial,sans-serif;box-shadow:0 0 0 1px #522f92;text-transform:none}
.mrow .rbtn{text-transform:uppercase;min-width:clamp(62px,15vw,86px);text-align:center;padding:7px 6px}

/* main result rows */
.mrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:8px 6px 10px;border-top:1px solid var(--red)}
.mrow.hl{background:#ff0}
.mrow h4{color:#0d1b6b;text-transform:uppercase;font:italic 700 clamp(19px,4.8vw,30px)/1.2 Arial,sans-serif}
.mrow .res{color:#6a0f5a;font:italic 700 clamp(21px,5.2vw,32px)/1.25 Arial,sans-serif}
.mrow .res.wait{color:#6a0f5a;font-weight:600}
.mrow .tm{color:#222;font:italic 500 clamp(15px,3.6vw,20px) Arial,sans-serif}

/* chart link lists */
.clist{border-radius:16px;margin:12px 0;padding:6px 0 0;overflow:hidden}
.clist.jodi{border:3px solid #1a237e}
.clist.panel{border:3px solid #b0125f}
.clist a{display:block;text-align:center;text-transform:uppercase;padding:15px 4px;font:italic 700 clamp(20px,5vw,30px)/1.2 Arial,sans-serif}
.clist a+a{border-top:2px solid}
.clist.jodi a{color:#1a2fbf;border-color:#1a237e}
.clist.panel a{color:#b0125f;border-color:#b0125f}

/* promo cards and buttons */
.ad{border-radius:14px;padding:14px 10px;margin:8px 0}
.ad-grad1,.ad-grad2,.ad-jade,.ad-dark{border:0;color:#fff;box-shadow:none}
.ad-grad1{background:linear-gradient(135deg,#ff1744 0%,#8a00e6 50%,#0091ff 100%)}
.ad-grad2{background:linear-gradient(135deg,#00cfff 0%,#7c4dff 100%)}
.ad-jade{background:#00a86b}
.ad-dark{background:linear-gradient(135deg,#1a1a3a 0%,#5b2a9a 100%)}
.ad-grad1 .ad-title,.ad-grad2 .ad-title,.ad-jade .ad-title,.ad-dark .ad-title{color:#fff;text-shadow:none;font-size:clamp(17px,4.2vw,24px)}
.ad-grad1 .ad-body,.ad-grad2 .ad-body,.ad-jade .ad-body,.ad-dark .ad-body,
.ad-grad1 .ad-phone,.ad-grad2 .ad-phone,.ad-jade .ad-phone,.ad-dark .ad-phone,
.ad-grad1 .ad-phone a,.ad-grad2 .ad-phone a,.ad-jade .ad-phone a,.ad-dark .ad-phone a{color:#fff}
.ad.has-img{padding:6px;background:transparent;border:3px solid var(--red)}
.ad-img{display:block}
.ad-img img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:6px}
.ad.has-img .ad-title{margin-top:6px}
.abtn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:8px;color:#fff;font:italic 600 clamp(14px,3.6vw,18px) Arial,sans-serif;border:0}
.abtn .ico{width:18px;height:18px}
.b-green{background:#16a34a}.b-black{background:#111}.b-blue{background:#1565c0}.b-teal{background:#00897b}.b-red{background:#d32f2f}
.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0}
.ad-btns{gap:8px}

/* FAQ, about, disclaimer, counter */
.faq,.about,.disclaimer,.counter{border:3px solid var(--red);border-radius:16px;margin:12px 0;overflow:hidden}
.qa{padding:10px 10px 12px}
.qa+.qa{border-top:1px solid var(--red)}
.qa h3,.about h3{color:#d4006c;text-transform:uppercase;font:italic 700 clamp(17px,4.2vw,24px)/1.3 Arial,sans-serif;margin-bottom:6px}
.qa p{color:#222;font:italic 400 clamp(14px,3.5vw,18px)/1.5 Arial,sans-serif}
.about{padding:12px 12px 6px}
.about p{color:#111;font:italic 700 clamp(15px,3.8vw,20px)/1.5 Arial,sans-serif;margin-bottom:8px}
.disclaimer{padding:12px 12px 6px}
.disclaimer h3{font:italic 700 clamp(18px,4.4vw,26px) Arial,sans-serif;color:#222;text-shadow:2px 2px 2px rgba(0,0,0,.25);margin-bottom:8px}
.disclaimer p{color:#3b2a96;font:italic 400 clamp(14px,3.5vw,18px)/1.5 Arial,sans-serif;margin-bottom:8px}
.counter{padding:12px 6px 14px}
.counter .pw{font:italic 500 clamp(18px,4.6vw,26px) Arial,sans-serif;color:#222}
.counter .cn-title{color:#1a7fe0;font:italic 500 clamp(20px,5vw,28px) Arial,sans-serif;margin:4px 0 8px}
.cn-table{margin:0 auto;border-collapse:collapse;background:rgba(255,255,255,.55);font-style:normal}
.cn-table td{border:1px solid #aaa;padding:5px 18px;color:#444;font:600 16px Arial,sans-serif}
.cn-table td:first-child{color:#777;text-align:left}
.cn-table td:last-child{text-align:right}
.logo .brand-name{color:#000;margin:0;font-size:clamp(28px,8vw,54px)}
.logo .brand-name .pk{color:#ff00a1}

/* ===== SEO text blocks (v6) ===== */
.intro h1{color:#d4006c;font:italic 400 clamp(18px,4.4vw,26px)/1.3 Arial,sans-serif;margin-bottom:6px}
.chart-head h1{color:var(--navy);font-size:clamp(20px,5vw,30px);padding:10px 6px 2px;text-transform:uppercase}
.kw p{margin:0 0 8px;font-weight:700}
.kw p:last-child{margin-bottom:0}
.about h2{color:#d4006c;text-transform:uppercase;font:italic 700 clamp(17px,4.2vw,24px)/1.3 Arial,sans-serif;margin-bottom:6px}

/* test-data notice */
.test-banner{background:#fff3cd;color:#7a4b00;border:2px dashed #e08a00;border-radius:12px;margin:8px 0;padding:8px 10px;font:italic 700 clamp(13px,3.4vw,16px)/1.4 Arial,sans-serif}