/* Borrower's Card — glassgovernment.org homepage.
   One vintage library checkout card. Flat manila, antique serif, a ruled
   three-column grid. Builds on tokens.css. No texture image, no skeuomorph. */
.gg-card {
  --card-display: "Old Standard TT", Georgia, serif;
  --card-body: "Spectral", Georgia, serif;
  --card-ink: var(--ink-0, #1E1B17);
  --card-ink-soft: var(--ink-1, #4B463E);
  --card-rule: #6f6450;        /* sepia-brown rule */
  --card-stamp: #7a2e22;       /* darkened oxblood, AAA on manila */
  --card-paper: var(--paper-1, #FBF7EB);
  --card-space-2: 0.5rem; --card-space-3: 0.75rem; --card-space-4: 1rem;
  --card-space-5: 1.5rem; --card-space-6: 2.5rem; --card-space-7: clamp(2.5rem, 7vw, 5rem);
  position: relative;
  max-width: 56rem;
  margin: var(--card-space-7) auto;
  padding: var(--card-space-7) clamp(1.25rem, 5vw, 3.5rem);
  background: var(--card-paper);
  border: 1px solid var(--card-rule);
  font-family: var(--card-body);
  color: var(--card-ink);
  font-size: clamp(1.0625rem, 1rem + 0.4vw, 1.2rem);
  line-height: 1.55;
  overflow: hidden;
}
.gg-card__corner { position: absolute; width: clamp(4rem, 12vw, 8rem); height: auto; color: var(--card-rule); opacity: 0.18; pointer-events: none; }
.gg-card__corner--tr { top: 0.5rem; right: 0.5rem; }
.gg-card__corner--bl { bottom: 0.5rem; left: 0.5rem; transform: rotate(180deg); }
@media (max-width: 40rem) { .gg-card__corner { opacity: 0.1; width: 4rem; } }
.gg-card__title { font-family: var(--card-display); font-weight: 700; text-align: center; font-size: clamp(2.2rem, 6vw, 3.4rem); line-height: 1.05; letter-spacing: 0.01em; margin: 0; }
.gg-card__subtitle { font-family: var(--card-display); text-align: center; text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.95rem; color: var(--card-ink-soft); margin: 0.5rem 0 0; }
/* printed Author/Title-style fields, top-left, dotted leaders */
.gg-card__fields { list-style: none; margin: var(--card-space-6) 0 0; padding: 0; max-width: 26rem; display: grid; gap: var(--card-space-3); }
.gg-card__field { display: flex; align-items: baseline; gap: 0.5rem; font-family: var(--card-display); font-size: 1.1rem; }
.gg-card__field-label { white-space: nowrap; }
.gg-card__leader { flex: 1 0 1.5rem; align-self: stretch; border-bottom: 1px dotted var(--card-rule); transform: translateY(-0.2em); }
.gg-card__fig { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-variant-numeric: tabular-nums; font-size: 1.05rem; white-space: nowrap; }
/* featured: one rare oxblood stamp */
.gg-card__featured { margin: var(--card-space-5) 0 0; }
.gg-card__stamp { display: inline-block; font-family: var(--card-display); text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.8rem; color: var(--card-stamp); border: 2px solid var(--card-stamp); border-radius: 2px; padding: 0.15rem 0.5rem; transform: rotate(-2deg); }
.gg-card__feat-title { font-family: var(--card-display); font-weight: 700; font-size: clamp(1.4rem, 3vw, 1.9rem); margin: 0.5rem 0 0.25rem; }
.gg-card__feat-title a { color: inherit; text-decoration: none; }
.gg-card__feat-title a:hover, .gg-card__feat-title a:focus-visible { text-decoration: underline; text-underline-offset: 2px; }
.gg-card__feat-meta { font-family: ui-monospace, monospace; font-size: 0.95rem; color: var(--card-ink-soft); margin: 0; }
.gg-card__feat-blurb { margin: 0.5rem 0 0; line-height: 1.6; max-width: 60ch; }
/* the three-column ruled grid (Period | Collection | Documents) */
.gg-card__gridwrap { margin: var(--card-space-6) 0 0; }
.gg-card__grid { width: 100%; border-collapse: collapse; }
.gg-card__grid caption { font-family: var(--card-display); text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.9rem; text-align: left; color: var(--card-stamp); padding-bottom: var(--card-space-3); }
.gg-card__grid th, .gg-card__grid td { border: 1px solid var(--card-rule); padding: var(--card-space-3) var(--card-space-4); text-align: left; vertical-align: middle; }
.gg-card__grid thead th { font-family: var(--card-display); font-weight: 700; font-size: 0.95rem; }
.gg-card__col-period { width: 22%; }
.gg-card__col-docs { width: 18%; text-align: right; }
.gg-card__year { font-family: ui-monospace, monospace; color: var(--card-stamp); font-size: 0.95rem; display: inline-block; }
.gg-card__row:nth-child(odd) .gg-card__year { transform: rotate(-1.5deg); }
.gg-card__row:nth-child(even) .gg-card__year { transform: rotate(1deg); }
.gg-card__coll a { color: inherit; text-decoration: none; }
.gg-card__coll a:hover, .gg-card__coll a:focus-visible { text-decoration: underline; text-underline-offset: 2px; }
.gg-card__docs { font-family: ui-monospace, monospace; font-variant-numeric: tabular-nums; }
.gg-card__browse { display: inline-block; margin: var(--card-space-4) 0 0; font-family: var(--card-display); text-decoration: underline; text-underline-offset: 3px; min-height: 44px; line-height: 44px; }
/* tools footer fine-print */
.gg-card__tools { margin: var(--card-space-6) 0 0; padding-top: var(--card-space-4); border-top: 1px solid var(--card-rule); }
.gg-card__tools-label { font-family: var(--card-display); text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.85rem; color: var(--card-ink-soft); margin: 0 0 var(--card-space-3); }
.gg-card__tools ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--card-space-2) var(--card-space-5); }
.gg-card__tool a { color: inherit; min-height: 44px; display: inline-flex; align-items: center; gap: 0.4rem; }
.gg-card__tool-badge { font-family: ui-monospace, monospace; font-size: 0.9rem; color: var(--card-ink-soft); }
/* one orchestrated load (explicit targets so corners are not staggered) */
@media (prefers-reduced-motion: no-preference) {
  .gg-card__title, .gg-card__fields, .gg-card__featured, .gg-card__gridwrap, .gg-card__tools {
    opacity: 0; transform: translateY(0.4rem);
    animation: gg-card-in 600ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
  .gg-card__fields { animation-delay: 80ms; }
  .gg-card__featured { animation-delay: 160ms; }
  .gg-card__gridwrap { animation-delay: 240ms; }
  .gg-card__tools { animation-delay: 320ms; }
  @keyframes gg-card-in { to { opacity: 1; transform: none; } }
}
@media (prefers-contrast: more) {
  .gg-card { --card-rule: #3a3326; --card-stamp: #5a1f16; }
}
/* dark-mode card override removed 2026-06-19: Kadence header + body have no dark
   theme, so a lone dark card rendered marooned on light cream for every
   prefers-color-scheme:dark visitor. Manila card stays light = consistent, high contrast. */

/* era section header inside the ruled grid */
.gg-card__era th { font-family: var(--card-display); text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.85rem; color: var(--card-stamp); text-align: left; padding-top: var(--card-space-4); }