.flashcards-page .page-heading{max-width:900px}
.flashcards-page h1{font-size:clamp(38px,5vw,66px)}
.flashcards-page .page-heading>p{max-width:840px}
.flashcards-page .sample-facts{font-size:16px;margin-top:16px}
.flashcards-page .flashcard-samples{padding-top:16px}
.flashcard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.flashcard-preview{margin:0;background:var(--white);padding:12px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--card-shadow)}
.flashcard-preview img{width:100%;height:auto;aspect-ratio:2/3;border-radius:18px}
.flashcard-preview figcaption{padding:16px 8px 6px;font-weight:700;font-size:20px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.flashcard-preview .card-word{color:var(--deep-blue);font-size:24px}
.flashcards-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.flashcards-details .info-box{padding:28px}
.flashcards-details h2{font-size:30px;letter-spacing:0}
.flashcards-details p{margin-top:16px}
.flashcards-details .button{margin-top:24px}
.flashcards-page .button:disabled{background:#eadfce;color:var(--brown);border-color:#d6c1a7;box-shadow:none;cursor:default;transform:none;opacity:1}
.flashcards-back{display:flex;flex-wrap:wrap;gap:16px 28px;margin-block:0 40px}
.flashcards-back a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:720px){
  .flashcard-grid,.flashcards-details{grid-template-columns:minmax(0,1fr)}
  .flashcard-grid{gap:28px}
  .flashcard-preview{width:100%;max-width:420px;margin-inline:auto}
  .flashcard-preview figcaption{font-size:19px}
  .flashcards-details .info-box{padding:24px}
  .flashcards-page .page-heading>p{font-size:18px}
  .flashcards-page .actions .button{width:100%;padding-inline:16px}
}