/* MatkaSattaPro SEO-4 reopened final fixes — 2026-08-17
   Scoped to reopened content/UI targets. No result/table/database logic. */

/* Point 2: the bell is removed in markup; hard-hide any cached/legacy bell node as a regression guard. */
.notice-board-premium.notice-board-premium--reference .notice-board-premium__bell{display:none!important}

/* Points 4 & 5 — professional chart/Starline content system. */
.msp-chart-content{
  --msp-accent:#98045b;--msp-accent-dark:#6d003e;--msp-gold:#d7a12a;--msp-cream:#fff9ee;--msp-cream2:#ffedd7;
  position:relative;margin:12px 6px 16px;border:2px solid var(--msp-gold);border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,var(--msp-cream) 0%,#fff5e8 58%,var(--msp-cream2) 100%);color:#291b18;
  box-shadow:0 6px 16px rgba(80,36,0,.12),inset 0 0 0 2px rgba(255,255,255,.72);text-transform:none;text-align:left;
}
.msp-chart-content__header{display:flex;align-items:center;gap:11px;padding:13px 14px;background:linear-gradient(180deg,#b70b70 0%,#8c0455 55%,#720043 100%);border-bottom:2px solid var(--msp-gold);color:#fff5c7}
.msp-chart-content__header--compact{padding-top:11px;padding-bottom:11px}
.msp-chart-content__icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1.5px solid #ffe18a;border-radius:50%;background:rgba(255,255,255,.09);color:#ffe171;font:800 23px/1 Arial,sans-serif;box-shadow:inset 0 0 0 2px rgba(255,255,255,.07)}
.msp-chart-content__eyebrow{display:block;margin:0 0 2px;color:#ffd96a;font:800 10px/1.2 Arial,sans-serif;letter-spacing:1.1px}
.msp-chart-content h2{margin:0;color:#fff6cf;font:800 clamp(18px,4.6vw,27px)/1.2 Georgia,"Times New Roman",serif;text-shadow:0 1px 1px #52002f}
.msp-chart-content__lead{margin:0;padding:14px 15px 8px;font-size:14px;line-height:1.58;color:#30201b}
.msp-chart-content__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 13px 12px}
.msp-chart-content__facts>div{min-width:0;padding:9px 8px;border:1px solid rgba(184,126,20,.38);border-radius:11px;background:rgba(255,255,255,.7);text-align:center}
.msp-chart-content__facts span{display:block;margin-bottom:4px;color:#7e5a28;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.msp-chart-content__facts strong{display:block;color:#5f063e;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.msp-chart-content__context,.msp-chart-content__switch,.msp-chart-content__related{margin:0 13px 10px;padding:9px 11px;border-radius:10px;font-size:12.5px;line-height:1.5}
.msp-chart-content__context{border-left:4px solid #aa0865;background:#fff8ec}
.msp-chart-content__switch{border:1px solid rgba(152,4,91,.18);background:linear-gradient(90deg,#fff4e3,#fffaf2)}
.msp-chart-content a{color:#86106f;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.msp-chart-content__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px}
.msp-chart-content__grid article{padding:12px;border:1px solid rgba(183,126,17,.34);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,248,234,.74));box-shadow:0 2px 6px rgba(80,34,0,.05)}
.msp-chart-content__grid h3{margin:0 0 6px;color:#850551;font:800 16px/1.25 Georgia,"Times New Roman",serif}
.msp-chart-content__grid p{margin:0;color:#30201b;font-size:13px;line-height:1.55}
.msp-chart-content__related{margin-top:0;border:1px dashed rgba(152,4,91,.32);background:#fff6e9}
.msp-chart-content__note{margin:0 13px 13px;padding:9px 11px;border-left:4px solid #9a075d;border-radius:8px;background:#fffaf2;color:#4a2b25;font-size:12px;font-weight:600;line-height:1.45}

/* Point 5A — Starline chart buttons: long, balanced, single-line mobile treatment. */
.starline-reference-card__chart{width:min(54%,340px)!important;min-width:235px!important;white-space:nowrap!important;line-height:1.1!important;padding-left:20px!important;padding-right:20px!important}

/* Point 6 — keep every keyword unchanged; presentation now follows the approved premium content language. */
.msp-keywords-reference{margin:16px 6px 18px!important;border:2px solid #d7a12a;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#fffaf1 0%,#fff0dd 100%);box-shadow:0 6px 16px rgba(80,36,0,.11),inset 0 0 0 2px rgba(255,255,255,.7)}
.msp-keywords-reference__header{display:flex!important;width:100%!important;height:auto!important;margin:0!important;grid-template-columns:none!important;background:linear-gradient(180deg,#b70b70 0%,#8c0455 55%,#720043 100%);border-bottom:2px solid #d7a12a;padding:11px 12px!important}
.msp-keywords-reference__side,.msp-keywords-reference__crown-cap{display:none!important}
.msp-keywords-reference__plate{width:100%!important;height:auto!important;min-height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:8px!important}
.msp-keywords-reference__plate::after{display:none!important}
.msp-keywords-reference__plate::before{content:"#";width:34px;height:34px;display:grid;place-items:center;border:1.5px solid #ffe18a;border-radius:50%;background:rgba(255,255,255,.08);color:#ffe171;font:800 20px/1 Arial,sans-serif}
.msp-keywords-reference__star{color:#ffe171!important;font-size:13px!important}
.msp-keywords-reference__plate h2{color:#fff6cf!important;font:800 clamp(20px,5vw,27px)/1.1 Georgia,"Times New Roman",serif!important;letter-spacing:.6px!important;text-shadow:0 1px 1px #52002f!important}
.msp-keywords-reference__body{width:100%!important;margin:0!important;padding:11px 12px 13px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.msp-keywords-reference__body::after{display:none!important}
.msp-keywords-reference__inner{padding:9px 10px!important;border:1px solid rgba(183,126,17,.35);border-radius:13px;background:rgba(255,255,255,.64)}
.msp-keywords-reference__list,.msp-keywords-reference__fallback{font-size:12.3px!important;line-height:1.48!important;color:#33231d!important}
.msp-keywords-reference__item:not(:last-child)::after{color:#9f3564!important;padding:0 1px}
.msp-keywords-reference__item.is-accent{color:#8c0754!important;font-weight:800!important}

/* Point 7 — approved How-to card visual. */
.msp-results-guide{position:relative;margin:16px 6px 18px;border:2px solid #a40761;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#fffaf2 0%,#fff1df 100%);color:#291b18;box-shadow:0 6px 16px rgba(80,36,0,.11),inset 0 0 0 2px rgba(255,255,255,.72);text-align:left}
.msp-results-guide__header{display:flex;align-items:center;gap:12px;padding:15px 15px 12px;border-bottom:1px solid rgba(173,89,42,.18)}
.msp-results-guide__hero-icon{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:50%;background:#ffe5c5;color:#b50a68}
.msp-results-guide__hero-icon svg{width:36px;height:36px}
.msp-results-guide__eyebrow{display:block;margin-bottom:3px;color:#9c6d37;font-size:9.5px;font-weight:800;letter-spacing:1px}
.msp-results-guide h2{margin:0;color:#a40761;font:800 clamp(21px,5.2vw,31px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.2px}
.msp-results-guide__items{padding:0 13px 11px}
.msp-results-guide__item{display:grid;grid-template-columns:37px minmax(0,1fr);gap:10px;padding:12px 2px;border-bottom:1px dashed rgba(190,115,46,.4)}
.msp-results-guide__item:last-child{border-bottom:0}
.msp-results-guide__item-icon{width:34px;height:34px;display:grid;place-items:center;margin-top:1px;border-radius:50%;background:linear-gradient(180deg,#bd0b70,#8a0453);color:#fff5bd;font:800 17px/1 Arial,sans-serif}
.msp-results-guide h3{margin:0 0 5px;color:#2a1a18;font:800 17px/1.25 Arial,Helvetica,sans-serif}
.msp-results-guide p{margin:0;color:#34231e;font-size:13.5px;line-height:1.52}
.msp-results-guide a{color:#86106f;font-weight:800;text-decoration:underline;text-underline-offset:2px}

@media(max-width:600px){
  .msp-chart-content{margin:9px 6px 13px;border-radius:16px}
  .msp-chart-content__header{gap:9px;padding:10px 11px}
  .msp-chart-content__icon{width:35px;height:35px;flex-basis:35px;font-size:19px}
  .msp-chart-content__eyebrow{font-size:8.5px;letter-spacing:.8px}
  .msp-chart-content h2{font-size:clamp(18px,5.4vw,23px)}
  .msp-chart-content__lead{padding:11px 12px 7px;font-size:12.6px;line-height:1.52}
  .msp-chart-content__facts{gap:6px;padding:4px 10px 10px}
  .msp-chart-content__facts>div{padding:7px 5px}
  .msp-chart-content__facts span{font-size:8px}.msp-chart-content__facts strong{font-size:10px}
  .msp-chart-content__context,.msp-chart-content__switch,.msp-chart-content__related{margin-left:10px;margin-right:10px;font-size:11.5px;padding:8px 9px}
  .msp-chart-content__grid{grid-template-columns:1fr;gap:8px;padding:10px}
  .msp-chart-content__grid article{padding:10px}
  .msp-chart-content__grid h3{font-size:14.5px}.msp-chart-content__grid p{font-size:11.8px;line-height:1.48}
  .msp-chart-content__note{margin:0 10px 10px;font-size:11px}
  .starline-reference-card__chart{width:min(74%,300px)!important;min-width:220px!important;min-height:38px!important;font-size:14.5px!important}
  .msp-keywords-reference{margin:10px 6px 13px!important;border-radius:16px}
  .msp-keywords-reference__header{padding:9px 10px!important}
  .msp-keywords-reference__plate::before{width:30px;height:30px;font-size:18px}
  .msp-keywords-reference__plate h2{font-size:21px!important}
  .msp-keywords-reference__body{padding:9px 10px 11px!important}.msp-keywords-reference__inner{padding:8px!important}
  .msp-keywords-reference__list,.msp-keywords-reference__fallback{font-size:11.4px!important;line-height:1.42!important}
  .msp-results-guide{margin:10px 6px 14px;border-radius:16px}
  .msp-results-guide__header{gap:9px;padding:11px 11px 9px}
  .msp-results-guide__hero-icon{width:45px;height:45px;flex-basis:45px}.msp-results-guide__hero-icon svg{width:29px;height:29px}
  .msp-results-guide__eyebrow{font-size:8px}.msp-results-guide h2{font-size:clamp(19px,5.7vw,24px)}
  .msp-results-guide__items{padding:0 10px 8px}.msp-results-guide__item{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:10px 1px}
  .msp-results-guide__item-icon{width:30px;height:30px;font-size:15px}.msp-results-guide h3{font-size:14.5px}.msp-results-guide p{font-size:11.8px;line-height:1.48}
}
@media(max-width:360px){
  .msp-chart-content__facts{grid-template-columns:1fr}.msp-chart-content__facts>div{text-align:left;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:7px}.msp-chart-content__facts span{margin:0}
  .starline-reference-card__chart{min-width:205px!important}
}