/* Sri Ram Exams V6.7.1 — focused, scoped visual polish only. */

/* Absolute fallback: the retired V6.4.6 Student Area strip must not display
   even if a cached callback survives during the first request after update. */
.sre-v646-access-bar[data-sre-v646-access-bar]{display:none!important}

/* Exam-hub additions inherit existing card/menu geometry. */
.sre-v671-added-hub{font-weight:800}
.sre-v671-teacher-hub{border-top-color:#7c3aed!important}
.sre-v671-ukpsc{border-top-color:#0284c7!important}
.sre-v671-jpsc{border-top-color:#0f766e!important}
.sre-v671-cgpsc{border-top-color:#c2410c!important}

/* Academic callouts: professional light color coding, only on supported single
   learning content. No font family, width or layout override. */
.sre-v671-callout-why{background:#eff6ff!important;border-color:#bfdbfe!important;border-left:4px solid #2563eb!important}
.sre-v671-callout-why h3{color:#1d4ed8!important}
.sre-v671-callout-prelims{background:#fff7ed!important;border-color:#fed7aa!important;border-left:4px solid #f59e0b!important}
.sre-v671-callout-prelims h3{color:#b45309!important}
.sre-v671-callout-mains{background:#ecfdf5!important;border-color:#a7f3d0!important;border-left:4px solid #059669!important}
.sre-v671-callout-mains h3{color:#047857!important}
.sre-v671-source-box{background:#f5f3ff!important;border:1px solid #ddd6fe!important;border-left:4px solid #7c3aed!important;border-radius:12px!important;padding:12px 14px!important}

/* Colorful sharing panel. Geometry remains compact and mobile-safe. */
.sre-v670-share{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#f8fbff 0%,#fff 48%,#fff7ed 100%)!important;
  border:1px solid #dbe5f1!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)
}
.sre-v670-share:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#25d366,#229ed9,#1877f2,#f59e0b,#7c3aed)}
.sre-v670-share-title{font-size:.95rem!important;margin-top:.15rem}
.sre-v670-share-actions a,.sre-v670-share-actions button{
  display:inline-flex!important;align-items:center;justify-content:center;gap:.42rem;
  min-height:40px;border:0!important;color:#fff!important;font-weight:800!important;
  box-shadow:0 5px 14px rgba(15,23,42,.10);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease
}
.sre-v670-share-actions a:hover,.sre-v670-share-actions button:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 8px 18px rgba(15,23,42,.14);color:#fff!important}
.sre-v670-share-actions [data-sre-network="whatsapp"]{background:#168c45!important}
.sre-v670-share-actions [data-sre-network="telegram"]{background:#168bd2!important}
.sre-v670-share-actions [data-sre-network="facebook"]{background:#1877f2!important}
.sre-v670-share-actions [data-sre-network="copy"]{background:#d97706!important}
.sre-v670-share-actions [data-sre-network="native"]{background:#6d28d9!important}
.sre-share-mark{display:inline-grid;place-items:center;min-width:19px;height:19px;font-size:12px;font-weight:900;line-height:1}

/* Follow buttons use recognizable service colors while remaining compact. */
.sre-v670-connect{margin-top:1.1rem!important;padding-top:1rem!important}
.sre-v670-connect>strong{display:block;color:#334155;font-size:.86rem!important}
.sre-v670-connect>div{gap:.5rem!important}
.sre-v670-connect a{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  min-height:36px;padding:.45rem .7rem;border:0!important;border-radius:9px!important;
  color:#fff!important;text-decoration:none!important;font-weight:800!important;
  box-shadow:0 4px 12px rgba(15,23,42,.10)
}
.sre-v670-connect a:hover{transform:translateY(-1px);filter:brightness(1.04);color:#fff!important}
.sre-v670-connect [data-sre-follow="youtube"]{background:#ff0033!important}
.sre-v670-connect [data-sre-follow="instagram"]{background:linear-gradient(135deg,#833ab4,#e1306c 48%,#f77737)!important}
.sre-v670-connect [data-sre-follow="telegram"]{background:#229ed9!important}
.sre-v670-connect [data-sre-follow="facebook"]{background:#1877f2!important}

/* Mobile: two balanced columns; never alter outer article/page widths. */
@media(max-width:560px){
  .sre-v670-share{padding:14px!important}
  .sre-v670-share-actions a,.sre-v670-share-actions button{flex:1 1 calc(50% - .5rem);min-width:0;padding:.55rem .58rem!important}
  .sre-v670-connect a{flex:1 1 calc(50% - .5rem)}
}

html[data-theme="dark"] .sre-v670-share{background:var(--card)!important;border-color:var(--border)!important}
html[data-theme="dark"] .sre-v671-callout-why,
html[data-theme="dark"] .sre-v671-callout-prelims,
html[data-theme="dark"] .sre-v671-callout-mains,
html[data-theme="dark"] .sre-v671-source-box{background:var(--card)!important;border-color:var(--border)!important}
