/* 1 Vector CSS Start */

.vector-math {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle; /* Centers the whole unit in the text line */
  margin: 0 0.15em;
  min-width: 0.9em;
  line-height: 1;
}

.v-arrow {
  display: block;
  width: 100%;
  height: 1px;
  background: currentColor;
  position: relative;
  /* Adjust this to bring the arrow closer to the word */
  margin-bottom: 3px; 
}

/* Arrowhead */
.v-arrow::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 0.18em solid transparent;
  border-bottom: 0.18em solid transparent;
  border-left: 0.35em solid currentColor;
}

.v-text {
  font-family: inherit;
  font-size: inherit;
  font-style: italic;
  white-space: nowrap;
  /* Adds a tiny lift to align the letter's center with the line's center */
  padding-bottom: 0.15em; 
}

/* 1 Vector CSS End */

/* 2 Matrix CSS Start */

.m-idx { display: inline-flex; vertical-align: middle; align-items: center; width: max-content; margin: 0 4px; line-height: 1.2; }
  .m-br { width: 3px; align-self: stretch; border: 1.5px solid currentColor; }
  .m-l { border-right: none; }
  .m-r { border-left: none; }
  .m-g { display: grid; padding: 2px 0; text-align: center; }
  .m-g span { padding: 2px 0.5ch; display: inline-block; font-size: inherit; font-family: inherit; }
  .m-it { font-style: italic; }

/* 2 Matrix CSS End */

/* 3 Fraction CSS Start */

.frac { display: inline-flex; flex-direction: column; vertical-align: middle; text-align: center; line-height: 1; margin: 0 2px; }
  .frac b { font-weight: inherit; border-bottom: 1px solid currentColor; padding: 0 2px 2px 2px; }
  .frac i { font-style: normal; padding: 4px 2px 0 2px; } 

/* 3 Fraction CSS End */

/* 4 No Print Start */

@media print {.pGV /* Good Morning */, #sec_Under_Header /* Tabbed Menu and Notification */, #header /* Header */, .mnMob /* Additional links and social links */, .qeF /* PWA */, .tTb /* Move to top */, .mnMen /* Menu */, .mnH /* Menu Close button */, .brdCmb /* Breadcrumbs */, .pAi /* Published by */, .pDr /* Published date */, .pFoot /* Footer to related posts */, .PopularPosts /* Popular Posts */, .mainF /* Footer */, .Label /* Labels */, .bktnoprt /* Download as PDF Button */ {display: none !important;}}

/* 4 No Print End */

/* 5 Image to print in just single page Start */

@media print {
  /* Targets the image and its Blogger container */
  .separator, .tr-caption-container, .post-body img {
    display: block !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    
    /* Force fit to one page */
    max-height: 95vh !important; /* Leaves 5% for margins/captions */
    max-width: 100% !important;
    width: auto !important;
    height: auto !important; /* Maintains aspect ratio so it doesn't stretch */
    
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Ensures the caption text is treated as part of the image block */
  .tr-caption {
    page-break-before: avoid !important;
    display: block !important;
  }
}
/* 5 Image to print in just single page End */

/* 6 Quiz Only option shuffle css start*/ 

/* Counters */
.post-body { counter-reset: q; }
.quiz-block { margin-bottom: 25px; color: inherit; }

/* Question Auto-Numbering */
.question-text { font-weight: bold; display: block; margin-bottom: 10px; }
.question-text::before { counter-increment: q; content: counter(q) ". "; }

/* Options Auto-Lettering (A, B, C) */
.options-list { counter-reset: o; padding: 0; list-style: none; }
.options-list li { 
  padding: 12px; margin: 8px 0; border: 1px solid rgba(128,128,128,0.3); 
  border-radius: 8px; cursor: pointer; display: block; position: relative; 
  background: rgba(128,128,128,0.05); color: inherit; transition: 0.2s;
}
.options-list li::before { counter-increment: o; content: counter(o, upper-alpha) ". "; font-weight: bold; margin-right: 8px; }

/* States */
.correct { background: rgba(40,167,69,0.2) !important; color: #28a745 !important; border-color: #28a745 !important; }
.correct::after { content: " ✅"; }
.wrong { background: rgba(220,53,69,0.2) !important; color: #dc3545 !important; border-color: #dc3545 !important; }
.wrong::after { content: " ❌"; }

/* Scorecard */
#quiz-results { 
  margin-top: 30px; padding: 20px; border: 2px solid rgba(128,128,128,0.4); 
  border-radius: 12px; background: rgba(128,128,128,0.08) !important; color: inherit; box-sizing: border-box;
}
#quiz-results h3 { margin: 0 0 10px 0; border-bottom: 1px solid rgba(128,128,128,0.2); }
#quiz-results button { 
  padding: 10px 20px; margin-top: 10px; cursor: pointer; border-radius: 6px;
  border: 1px solid rgba(128,128,128,0.5); background: rgba(128,128,128,0.2); color: inherit; font-weight: bold;
}

/* 6 Quiz Only option shuffle css end*/