/* Shared width wrapper so text + grids cap together */
    .page-width {
      max-width: 1200px;
      margin: 0 auto;
      padding: 1rem;
      box-sizing: border-box;
    }

    /* BIOG TOP BOX (matches card language) */
    .biog-box {
      border: 2px solid #c73333;
      border-radius: 10px;
      background: #fff5f5;
      padding: 1rem;
      box-sizing: border-box;
      margin: 0 0 1.75rem; /* <-- prevents touching first book box */
    }

    /* BOOK SECTION CARD */
    .book-card {
      border: 2px solid #c73333;
      border-radius: 10px;
      background:
        #e6e6e6;
      padding: 1rem;
      margin: 0 0 2.25rem;
      box-sizing: border-box;
    }
	
		.book-card h2.book-heading{
		  display: block;
		  width: 100%;
		  box-sizing: border-box;

		  margin: 0 0 0.85rem;
		  padding: 0.55rem 2.25rem 0.55rem 0.85rem;
		  border-radius: 10px;

		  

		  /* MATCHES the book-card border exactly */
		  border: 2px solid #c73333;

		  color: #ffffff; /* or #c73333 if you prefer */
		}

    /* Grid */
    .thumb-grid {
      display: grid;
      gap: 1rem;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .thumb-item {
      border: 2px solid #c73333;
      border-radius: 8px;
      padding: 0.75rem;
      box-sizing: border-box;
      background: #fff5f5;
      text-align: center;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .thumb-item:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    }

    .thumb-item img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto 0.5rem;
      border-radius: 4px;
    }

    .thumb-caption {
      font-size: 0.9rem;
      font-weight: 600;
      color: #c73333;
    }

    /* --- RESPONSIVE TWEAKS --- */
    @media (max-width: 900px) {
      .page-width { padding: 0.75rem; }
      .biog-box { padding: 0.85rem; margin-bottom: 1.5rem; }
      .book-card { padding: 0.85rem; }
      .thumb-caption { font-size: 0.85rem; }
    }

    @media (max-width: 600px) {
      .page-width { padding: 0.5rem; }
      .biog-box { padding: 0.75rem; margin-bottom: 1.25rem; }
      .book-card { padding: 0.75rem; }

      .thumb-grid { grid-template-columns: 1fr; }
      .thumb-item { padding: 0.5rem; }
    }

    /* --- MOBILE-ONLY COLLAPSIBLE HEADINGS --- */

    /* On desktop/tablet, show everything normally */
    @media (min-width: 601px) {
      .book-section { display: block; }
    }

    /* On phones: collapse sections & show arrow on the right */
    @media (max-width: 600px) {
      .book-heading {
        position: relative;
        padding-right: 2rem; /* space for arrow */
        cursor: pointer;
        font-size: 1.3rem;
        line-height: 1.2;
        font-weight: normal;
      }

      .book-heading::after {
        content: "▶";
        position: absolute;
        right: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: 0.9rem;
        transition: transform 0.2s ease;
      }

      .book-heading.active::after {
        transform: translateY(-50%) rotate(90deg);
      }

      .book-section {
        display: none;
      }

      /* Make the rounded label span full width on mobile so the arrow sits clean */
      .book-card h2.book-heading {
        width: 100%;
        box-sizing: border-box;
      }
    }