/* ExamStudyAid: no outline around a box, sitewide (owner, 2026-10-23, of the account pop-up's edge: "i want no outlines
   around boxes. globally for any card/box similar to this i dont wnat an outline, it makes the website looks cheaper").

   THE RULE, apple style (DESIGN.md): a card, a box, a pop-up, a sheet, a notice or a tile has no 1px edge, by day or by
   night. What sets it apart is what it already has: its own fill (a card's raised paper, a tile's tint), a paper shadow
   when it floats over the page (--nb-shadow-*, never a glow), the hairline that parts the rows of a list, and space. The
   edge goes as a transparent border, so nothing on the page moves.

   WHY !important, AND ONLY ON THE EDGE: this is a sitewide rule over sheets that draw the edge from an id (#nb-pf, #nb-dm)
   and again on hover and focus; one transparent edge that outranks them all is the rule itself, where matching each
   page's specificity would leave a hover or a theme drawing the outline back. Nothing else here is forced.

   NOT HERE: buttons (nb-buttons.css) and fields (nb-fields.css), which are tinted already; the ringed initials (the
   avatar ring is the owner's own pick); a table's grid lines; the chapter rail's own design; a focus ring, which shows
   where the keys are; and the small marks whose ring is what they say: a multiple-choice option's letter, the
   password checklist's open ticks, the homepage's numbered points, and the cut-out rings that part a pin or a padlock
   from what it sits on. Found by scratchpad box_audit.py with box_scan.js on 2026-10-23, by day and by night, over the
   same 55 pages and states as the buttons; tokens only. */

/* ── In the page: the edge goes, the fill stays ── */
html body :is(
  .lib-card,
  .sr-tips,
  .legal-card,
  .legal-doc-table,
  .pp-faq-item,
  .nb-order-card,
  .nb-notes-column.nb-read-notes,
  .note-figure,
  .mcq-reasoning,
  .nb-min-meta.nb-min-notice,
  .nb-min-meta.nb-dm-premium,
  .nb-rail-cta,
  .bm-card,
  .nb-pricing-sheet,
  .nb-dm-composer,
  .dsx-peek-box,
  .flashcard-face,
  .nb-lit
) {
  border-color: transparent !important;
}

/* ── Floating over the page: no edge, the paper's own shadow ── */
html body :is(.account-popup, .auth-modal, .pv-add-menu, .dsx-peek-sheet) {
  border-color: transparent !important;
  box-shadow: var(--nb-shadow-3);
}

/* ── Tiles, discs and small labels: their tint alone, no rim and no halo ── */
html body :is(
  .si-card-go,
  .si-card-icon-wrap,
  .pg-brow-tile,
  .pp-row-icon,
  .prf-lock-tile,
  .account-popup-avatar--guest,
  .rgc-ring,
  .aps-ring,
  .dsx-due,
  .nb-tbar-cradle,
  .nb-tutor-orb,
  .lib-go,
  .nb-order-steps b,
  .bm-status
) {
  border-color: transparent !important;
}
html body :is(.rgc-ring, .aps-ring) { box-shadow: none !important; }

/* the flashcards' "1 / 12" was a capsule with an edge: a rounded rectangle on its tint */
html body .flashcard-counter {
  border-color: transparent !important;
  border-radius: var(--nb-r-md, 8px);
}
