/* PrimeTime Guide reader -- additions layered on top of digital-electronics.css's .de-lesson
   prose (same base synthesis.css builds on). Styles the chapter-specific markup that ships
   inside each chapter's own HTML (figures, callout boxes, code headers, tables) -- everything
   else (h2/h3/p/ul/code/table base styling, hero, pager) comes from .de-lesson for free. */
.primetime-reader figure { margin: 24px 0; text-align: center; }
.primetime-reader figure .fbox { border: 1px solid var(--ps-line); background: var(--ps-soft); border-radius: 12px; padding: 16px 18px 14px; }
.primetime-reader figure .ft { font-weight: 700; color: var(--ps-ink); font-size: 1.02rem; }
.primetime-reader figure .fs { color: var(--ps-muted); font-size: 0.85rem; margin: 2px 0 10px; }
.primetime-reader figure img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.primetime-reader figcaption { margin-top: 10px; color: var(--ps-muted); font-size: 0.85rem; text-align: left; }
.primetime-reader figcaption b { color: var(--ps-ink); }
.primetime-reader figcaption .notice { display: block; margin-top: 4px; }

.primetime-reader .co { border-radius: 10px; padding: 12px 16px; margin: 16px 0; }
.primetime-reader .co .lab { display: block; font-weight: 700; font-size: 0.74rem; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 4px; }
.primetime-reader .co p:last-child, .primetime-reader .co ul:last-child, .primetime-reader .co ol:last-child { margin-bottom: 0; }
.primetime-reader .co.analogy { background: var(--ps-amber-soft); border-left: 3px solid var(--ps-amber); } .primetime-reader .co.analogy .lab { color: var(--ps-amber); }
.primetime-reader .co.practice, .primetime-reader .co.tip { background: var(--ps-green-soft); border-left: 3px solid var(--ps-green); } .primetime-reader .co.practice .lab, .primetime-reader .co.tip .lab { color: var(--ps-green); }
.primetime-reader .co.mistake { background: var(--ps-red-soft); border-left: 3px solid var(--ps-red); } .primetime-reader .co.mistake .lab { color: var(--ps-red); }
.primetime-reader .co.takeaway { background: var(--ps-soft); border-left: 3px solid var(--ps-ink); font-weight: 600; }
.primetime-reader .co.takeaway .lab { display: inline; color: var(--ps-green); margin-right: 6px; }
.primetime-reader .co.note { background: var(--ps-blue-soft); border-left: 3px solid var(--ps-blue); } .primetime-reader .co.note .lab { color: var(--ps-blue); }

.primetime-reader .codehead { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ps-muted); margin: 14px 0 -8px; }
.primetime-reader pre .c { color: #6a8faf; } .primetime-reader pre .k { color: var(--ps-ink); font-weight: 700; } .primetime-reader pre .o { color: var(--ps-muted); }

.primetime-reader .tcap { font-weight: 700; color: var(--ps-ink); font-size: 0.95rem; margin: 14px 0 -8px; }
.primetime-reader .de-lesson table th, .primetime-reader td, .primetime-reader th { text-align: left; }

.primetime-reader .lvl { display: inline-block; background: var(--ps-green); color: #fff; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.05em; padding: 2px 7px; border-radius: 4px; text-transform: uppercase; }
.primetime-reader .lvl.adv { background: var(--ps-red); } .primetime-reader .lvl.beg { background: var(--ps-blue); }
.primetime-reader .qa { margin: 0 0 16px; }
.primetime-reader .qa .q { font-weight: 700; color: var(--ps-ink); margin: 4px 0; }
.primetime-reader .step { font-weight: 700; color: var(--ps-ink); }

/* Offline Edition CTAs: a text-link in the hero meta line, plus a floating button that stays
   on screen as the reader scrolls through a chapter -- every chapter page sells the same
   ₹199 PDF bundle, not just the /primetime-guide landing page. */
.pt-hero-buy { background: none; border: 0; padding: 0; font: inherit; color: var(--ps-primary); font-weight: 600; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.pt-hero-buy:hover { color: var(--ps-primary-dark); }
.pt-floating-buy {
  position: fixed; right: 20px; bottom: 20px; z-index: 40;
  background: var(--ps-primary); color: #fff; border: 0; border-radius: 999px;
  padding: 13px 20px; font: inherit; font-weight: 700; font-size: 0.92rem;
  box-shadow: 0 10px 26px var(--ps-glow); cursor: pointer;
}
.pt-floating-buy:hover { background: var(--ps-primary-dark); transform: translateY(-2px); }
.pt-floating-buy-short { display: none; }
/* On a long chapter the fixed button sits over body text at every scroll position, not just
   the end of the page -- on narrow screens shrink it to a corner badge (short label, no full
   sentence) so it only ever covers a small corner rather than a whole line of a paragraph. */
@media (max-width: 640px) {
  .pt-floating-buy { right: 14px; bottom: 14px; padding: 10px 14px; font-size: 0.85rem; }
  .pt-floating-buy-full { display: none; }
  .pt-floating-buy-short { display: inline; }
}
