/* MatkaSattaPro V16 — FINAL reference-matched Keywords section — header parity pass.
   Presentation-only. Every selector is isolated to .msp-keywords-reference. */
.msp-keywords-reference{
  --kw-bg:#ffcc99;
  --kw-bg-hi:#ffd7ad;
  --kw-red-top:#d00a08;
  --kw-red-mid:#a30000;
  --kw-red-deep:#690000;
  --kw-gold:#d99a13;
  --kw-gold-2:#ffd85d;
  --kw-gold-hi:#fff0a0;
  position:relative;
  isolation:isolate;
  margin:10px 5px 14px;
  padding:0;
  color:#222;
}
.msp-keywords-reference__header{
  position:relative;
  z-index:3;
  width:calc(100% - 6px);
  height:44px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(50px,1fr) minmax(220px,58.5%) minmax(50px,1fr);
  align-items:center;
}
.msp-keywords-reference__side,
.msp-keywords-reference__plate{
  position:relative;
  height:39px;
  background:linear-gradient(180deg,var(--kw-red-top) 0%,#b20303 32%,var(--kw-red-mid) 58%,var(--kw-red-deep) 100%);
  border:2px solid var(--kw-gold);
  box-shadow:
    0 0 0 2px var(--kw-gold-2),
    inset 0 0 0 2px rgba(255,240,160,.84),
    inset 0 0 0 5px rgba(109,0,0,.38),
    0 3px 7px rgba(93,32,0,.13);
}
.msp-keywords-reference__side--left{border-radius:21px 7px 7px 21px;margin-right:-1px}
.msp-keywords-reference__side--right{border-radius:7px 21px 21px 7px;margin-left:-1px}
.msp-keywords-reference__side i{
  position:absolute;
  left:50%;top:50%;
  width:34px;height:2px;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,#f5cf4c 22%,#b46e0c 50%,#f5cf4c 78%,transparent);
}
.msp-keywords-reference__side i::before,
.msp-keywords-reference__side i::after{
  content:"";
  position:absolute;top:50%;
  width:7px;height:7px;
  border:1.5px solid #f7d55f;
  transform:translateY(-50%) rotate(45deg);
}
.msp-keywords-reference__side i::before{left:3px}
.msp-keywords-reference__side i::after{right:3px}
.msp-keywords-reference__plate{
  z-index:4;
  height:50px;
  margin-top:0;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 8px 5px;
  box-shadow:
    0 0 0 2px var(--kw-gold-2),
    inset 0 0 0 2px var(--kw-gold-hi),
    inset 0 0 0 5px rgba(109,0,0,.34),
    0 4px 8px rgba(91,27,0,.16);
}
.msp-keywords-reference__plate::after{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(255,214,90,.78);
  border-radius:12px;
  pointer-events:none;
}
.msp-keywords-reference__crown-cap{
  position:absolute;
  left:50%;top:-14px;
  width:62px;height:25px;
  transform:translateX(-50%);
  border:2px solid var(--kw-gold);
  border-bottom:0;
  border-radius:36px 36px 0 0;
  background:linear-gradient(180deg,#c80707,#920000 70%,#720000);
  box-shadow:0 0 0 2px var(--kw-gold-2),inset 0 0 0 2px rgba(255,238,153,.66);
  z-index:6;
}
.msp-keywords-reference__crown-cap svg{
  position:absolute;
  left:50%;top:-3px;
  width:37px;height:25px;
  transform:translateX(-50%);
  filter:drop-shadow(0 1px 0 #824100) drop-shadow(0 0 4px rgba(255,215,72,.22));
}
.msp-keywords-reference__star{
  position:relative;z-index:2;
  color:#ffe264;
  font-size:15px;
  line-height:1;
  text-shadow:0 1px 0 #fff5b8,0 2px 3px rgba(91,32,0,.38);
}
.msp-keywords-reference__plate h2{
  position:relative;z-index:2;
  margin:0;
  color:#ffe8a0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  font-weight:800;
  line-height:1;
  letter-spacing:.8px;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 1px 0 #fff8c8,0 2px 0 #bd7410,0 4px 5px rgba(70,9,0,.28);
}
.msp-keywords-reference__body{
  position:relative;
  z-index:1;
  width:calc(100% - 8px);
  margin:3px auto 0;
  padding:7px;
  border:2px solid var(--kw-gold);
  border-radius:18px;
  background:linear-gradient(180deg,var(--kw-bg-hi) 0%,#ffd2a3 40%,var(--kw-bg) 100%);
  box-shadow:
    0 0 0 2px var(--kw-gold-2),
    inset 0 0 0 1px rgba(255,246,210,.72),
    0 2px 5px rgba(113,60,8,.06);
}
.msp-keywords-reference__body::after{
  content:"";
  position:absolute;
  inset:6px;
  border:1.3px solid #c98c16;
  border-radius:13px;
  pointer-events:none;
  opacity:.96;
}
.msp-keywords-reference__inner{
  position:relative;
  z-index:1;
  padding:8px 10px 9px;
}
.msp-keywords-reference__list,
.msp-keywords-reference__fallback{
  color:#26201a;
  text-align:center;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:500;
  line-height:1.29;
}
.msp-keywords-reference__item{display:inline;white-space:normal}
.msp-keywords-reference__item:not(:last-child)::after{
  content:" | ";
  color:#bd471b;
  font-weight:700;
}
.msp-keywords-reference__item.is-accent{color:#b12f1b;font-weight:600}
@media(max-width:390px){
  .msp-keywords-reference{margin-top:8px;margin-left:5px;margin-right:5px}
  .msp-keywords-reference__header{width:calc(100% - 6px);height:36px;margin:0 auto;grid-template-columns:minmax(45px,1fr) minmax(205px,58.5%) minmax(45px,1fr)}
  .msp-keywords-reference__side{height:32px}
  .msp-keywords-reference__plate{height:41px;padding:6px 5px 4px}
  .msp-keywords-reference__plate h2{font-size:22px}
  .msp-keywords-reference__crown-cap{top:-14px;width:58px;height:22px}
  .msp-keywords-reference__crown-cap svg{width:34px;height:23px}
  .msp-keywords-reference__body{width:calc(100% - 8px);margin-top:3px;padding:6px}
  .msp-keywords-reference__inner{padding:8px 8px 9px}
  .msp-keywords-reference__list,.msp-keywords-reference__fallback{font-size:10.7px;line-height:1.26}
}
@media(max-width:340px){
  .msp-keywords-reference{margin-top:8px}
  .msp-keywords-reference__header{width:calc(100% - 6px);height:34px;margin:0 auto;grid-template-columns:minmax(40px,1fr) minmax(185px,59%) minmax(40px,1fr)}
  .msp-keywords-reference__side{height:30px}
  .msp-keywords-reference__plate{height:39px;border-radius:14px}
  .msp-keywords-reference__plate h2{font-size:21px}
  .msp-keywords-reference__star{font-size:14px}
  .msp-keywords-reference__crown-cap{top:-13px;width:54px;height:21px}
  .msp-keywords-reference__crown-cap svg{width:32px;height:22px;top:-2px}
  .msp-keywords-reference__inner{padding-left:6px;padding-right:6px}
  .msp-keywords-reference__list,.msp-keywords-reference__fallback{font-size:10.2px;line-height:1.25}
}