/* Current Affairs (/current-affairs) - loaded after daily-quiz.css, whose header, buttons,
   share bar, ad slots and archive styles it reuses. Every rule here is scoped under
   body.cab or .cab-* so no other page is affected. */

/* category colours: --sc = strong (white text on it >= 4.5:1), --sb = tint (--sc text on it >= 4.5:1) */
.cab-c-national        { --sc: #1864ab; --sb: #e7f1fb; }
.cab-c-economy_banking { --sc: #0f7a4f; --sb: #e8f7ef; }
.cab-c-science_defence { --sc: #6b3fd4; --sb: #f1ecff; }
.cab-c-environment     { --sc: #2f7a12; --sb: #edf7e6; }
.cab-c-sports          { --sc: #b54708; --sb: #fff4e5; }
.cab-c-awards          { --sc: #8a5a00; --sb: #fff6db; }
.cab-c-appointments    { --sc: #b0245a; --sb: #fdebf2; }
.cab-c-schemes         { --sc: #0b6e79; --sb: #e5f5f6; }
.cab-c-states          { --sc: #3b4cca; --sb: #eceffd; }
.cab-c-reports_indices { --sc: #8b4513; --sb: #f8eee6; }
.cab-c-important_days  { --sc: #1f6f8b; --sb: #e6f3f7; }
.cab-c-international   { --sc: #4a5160; --sb: #eef0f3; }

.cab-crumbs { font-size: 13px; color: #5b6578; margin: 2px 0 10px; }
.cab-crumbs a { color: #2952cc; text-decoration: none; }
.cab-crumbs a:hover { text-decoration: underline; }
.cab-intro { margin: 8px 0 0; font-size: 15px; line-height: 1.55; color: #3a4357; }
.cab-chips { margin-top: 12px; }
.cab-chips li { list-style: none; }
.cab-chips a { text-decoration: none; display: inline-block; }
.cab-chips a:hover { filter: brightness(.96); }
.cab-cta { margin: 14px 0 0; }

/* the 10 points */
.cab-list { list-style: none; margin: 16px 0 0; padding: 0; counter-reset: none; }
.cab-item { margin: 0 0 14px; scroll-margin-top: 80px; }
html.dqz-topad-on .cab-item { scroll-margin-top: calc(80px + var(--dqz-adh)); }
.cab-item article { background: #fff; border: 1px solid #e3e8f0; border-top: 3px solid var(--sc, #2952cc); border-radius: 14px; padding: 16px 18px 12px; }
.cab-item:target article { box-shadow: 0 0 0 3px color-mix(in srgb, var(--sc, #2952cc) 30%, transparent); }
.cab-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.cab-n { background: var(--sc, #2952cc); color: #fff; font-weight: 700; font-size: 13px; min-width: 26px; height: 24px; padding: 0 7px; border-radius: 999px; display: inline-grid; place-items: center; box-sizing: border-box; }
.cab-cat { background: var(--sb, #f0f2f7); color: var(--sc, #5b6578); font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 999px; }
.cab-inquiz { margin-left: auto; font-size: 12px; font-weight: 700; color: #0f7a4f; background: #e8f7ef; border: 1px solid #b7e4cc; padding: 3px 9px; border-radius: 999px; text-decoration: none; }
.cab-inquiz:hover { background: #d9f2e5; }
.cab-h { margin: 0 0 6px; font-size: 18px; line-height: 1.35; font-weight: 700; color: #1d2433; }
.cab-sum { margin: 0 0 10px; font-size: 15.5px; line-height: 1.62; color: #2b3345; }
.cab-angle { margin: 0 0 10px; font-size: 14px; line-height: 1.55; color: #2b3345; background: #f6f8fc; border-left: 3px solid #2952cc; border-radius: 0 8px 8px 0; padding: 8px 12px; }
.cab-angle b { color: #2952cc; }
.cab-src { margin: 0 0 4px; font-size: 13px; line-height: 1.5; color: #5b6578; }
.cab-src a { color: #2952cc; }
.cab-off { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #0f7a4f; background: #e8f7ef; border-radius: 4px; padding: 1px 5px; }
.cab-report { margin-top: 4px; }
.cab-report summary { font-size: 12.5px; color: #5b6578; }

/* quick revision */
.cab-revise { background: #fff; border: 1px solid #e3e8f0; border-radius: 14px; padding: 16px 18px; margin: 18px 0; }
.cab-revise h2 { margin: 0 0 8px; font-size: 17px; }
.cab-revise ol { margin: 0; padding-left: 22px; }
.cab-revise li { margin: 5px 0; font-size: 14.5px; line-height: 1.45; }
.cab-revise a { color: #1d2433; text-decoration: none; }
.cab-revise a:hover { color: #2952cc; text-decoration: underline; }

@media (max-width: 600px) {
  .cab-item article { padding: 14px 14px 10px; border-radius: 12px; }
  .cab-h { font-size: 17px; }
  .cab-sum { font-size: 15px; }
  .cab-inquiz { margin-left: 0; }
}
