/* tufte-quotes.css - Decorative quotation marks for Tufte CSS */

blockquote {
  position: relative;
  z-index: 1;
  overflow: visible; /* Ensure the pseudo-element can overflow */
}

blockquote::before {
  content: '\201D'; /* Closing quote character (ball at top) */
  position: absolute;
  top: -2rem;
  left: -1rem; /* Adjusted to show ~35% outside text (65% under) */
  font-family: Georgia, serif;
  font-size: 12rem; /* Much larger fixed size */
  font-weight: bold;
  color: rgba(0, 0, 0, 0.08);
  z-index: -1;
  line-height: 1;
  pointer-events: none; /* Ensure it doesn't interfere with text selection */
  transform: scaleX(-1); /* Mirror horizontally to get correct direction */
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  blockquote::before {
    color: rgba(255, 255, 255, 0.08);
  }
}

/* For mobile - adjust positioning and size */
@media (max-width: 760px) {
  blockquote::before {
    font-size: 10rem;
    left: -2rem;
    top: -1.5rem;
  }
}

 /* Box Styles */
    .box {
      position: relative;
      margin: 2rem 0;
      padding: 1.5rem;
      width: 55%;
      line-height: 2rem;
      border: 1px solid rgba(0, 0, 0, 0.2);
      background-color: rgba(0, 0, 0, 0.02);
	}
	
	marginbox{
		padding 0.5rem;
	}