/* A quiet closing section: resources first, citation on demand, contact last. */
.resources-section .section-head { text-align: center; margin-inline: auto; }
#citation .resource-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; max-width: 1038px; margin: 40px auto 28px; }
.resource-entry { display: flex; flex-direction: column; min-width: 0; min-height: 164px; padding: 24px; border: 1px solid #303038; border-radius: 16px; background: #151518; text-decoration: none; color: var(--text); }
.resource-entry .resource-name { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 18px; font-weight: 500; line-height: 1.5; }
.resource-entry .resource-arrow { font-size: 18px; color: var(--muted); }
.resource-entry .resource-description { margin: 8px 0 22px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.resource-entry.is-disabled { opacity: 1; cursor: default; }
.resource-entry.is-disabled .resource-arrow { visibility: hidden; }
#citation .resource-entry .soon { align-self: flex-start; margin: auto 0 0; padding: 0; border: 0; background: none; color: #9696a4; font-size: 11px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.resource-entry[href]:hover { border-color: #737b91; background: #1b1d24; }
.resources-section :is(a,button,summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.citation-details { max-width: 1038px; margin: 0 auto; border: 1px solid #303038; border-radius: 16px; background: #151518; }
.citation-details > summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 24px; list-style: none; cursor: pointer; color: #e4e4ec; font-size: 14px; }
.citation-details > summary::-webkit-details-marker { display: none; }
.citation-format { display: inline-flex; align-items: center; gap: 20px; color: var(--muted); font-size: 12px; }
.citation-toggle { display: inline-block; font-size: 20px; transition: transform .2s; }
.citation-details[open] .citation-toggle { transform: rotate(45deg); }
.citation-details .bibtex { padding: 0 24px 24px; }
.citation-toolbar { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #303038; padding: 12px 0; color: var(--muted); font-size: 11px; }
#citation .copy-btn { position: static; min-height: 36px; padding: 6px 14px; border-radius: 999px; background: transparent; font-size: 11px; }
#citation .bibtex pre { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: #b0b2c0; font-size: 12px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.resource-contact { max-width: 1038px; margin: 40px auto 0; padding-top: 28px; border-top: 1px solid #303038; }
.resource-contact h3 { margin: 0 0 20px; color: var(--muted); font-size: 12px; font-weight: 400; text-align: center; }
.resource-contact ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 48px; max-width: 720px; margin: 0 auto; padding: 0; list-style: none; }
.resource-contact li { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; min-width: 0; font-size: 12px; }
.resource-contact li > span { color: #d2d2dc; }
.resource-contact a { color: var(--muted); text-decoration: none; overflow-wrap: anywhere; }
.resource-contact a:hover { color: var(--accent); }
@media (max-width: 640px) {
  #citation .resource-links { grid-template-columns: minmax(0,1fr); gap: 12px; margin-top: 28px; }
  .resource-entry { display: grid; grid-template-columns: minmax(0,1fr) auto; min-height: 0; padding: 20px; column-gap: 16px; }
  .resource-entry .resource-name { grid-column: 1; font-size: 16px; }
  .resource-entry .resource-description { grid-column: 1; margin: 4px 0 0; }
  .resource-entry .resource-arrow { display: none; }
  #citation .resource-entry .soon { grid-column: 2; grid-row: 1 / 3; align-self: center; margin: 0; }
  .citation-details > summary { padding: 20px; }
  .citation-details .bibtex { padding: 0 20px 20px; }
  #citation .bibtex pre { font-size: 11px; }
  .resource-contact ul { grid-template-columns: minmax(0,1fr); gap: 16px; }
}
@media (prefers-reduced-motion: reduce) { .citation-toggle { transition: none; } }
