.cg-bar { padding: 12px 14px; }
.cg-type { grid-auto-flow: column; align-items: center; gap: 10px; }
.cg-type .select { min-width: 220px; }
.cg-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 14px; align-items: start; }
@media (max-width: 900px) { .cg-grid { grid-template-columns: minmax(0, 1fr); } }
.cg-side { position: sticky; top: 74px; }
@media (max-width: 900px) { .cg-side { position: static; } }

.cg-authors { display: grid; gap: 8px; }
.cg-author { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto auto; gap: 8px; align-items: center; }
.cg-author .check { font-size: 12.5px; font-weight: 500; }
.cg-author.is-org { grid-template-columns: minmax(0, 1fr) auto auto; }
.cg-author.is-org input:first-child { display: none; }
@media (max-width: 480px) {
  .cg-author { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
  .cg-author .check { grid-column: 1 / 3; }
  .cg-author.is-org { grid-template-columns: minmax(0, 1fr) auto; }
}
.cg-hint { margin: -6px 0 0; }
.cg-date { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 760px) { .cg-date { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
#form .grid-3 { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }

.cg-out {
  font-family: Georgia, "Times New Roman", "Noto Naskh Arabic", serif; font-size: 16.5px; line-height: 1.7;
  padding: 16px 18px 16px 2.6em; text-indent: -1.6em; border-radius: 12px;
  background: var(--surface-2); border: 1px solid var(--line); min-height: 96px; overflow-wrap: anywhere; unicode-bidi: plaintext;
}
.cg-out .empty { text-indent: 0; font-family: var(--font); font-size: 14px; padding: 14px 0; margin-left: -1em; }
.cg-out i, .cg-bib i { font-style: italic; }
.cg-intext { font-size: 14px; }
.cg-intext b { font-family: Georgia, "Times New Roman", serif; font-weight: 500; font-size: 15px; }

ol.cg-bib { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.cg-bib li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: start; padding: 8px 6px 8px 10px; border-radius: 10px; }
.cg-bib li:hover { background: var(--surface-2); }
.cg-bib li.is-edit { background: var(--accent-soft); }
.cg-entry { font-family: Georgia, "Times New Roman", serif; font-size: 15px; line-height: 1.6; padding-left: 2em; text-indent: -2em; overflow-wrap: anywhere; }
.cg-bib.is-num .cg-entry { padding-left: 2.6em; text-indent: -2.6em; }
.cg-num { display: inline-block; min-width: 2.6em; text-indent: 0; color: var(--text-2); }
.cg-acts { display: flex; gap: 2px; opacity: .55; transition: opacity var(--dur); }
.cg-bib li:hover .cg-acts, .cg-bib li:focus-within .cg-acts { opacity: 1; }
#bib .empty { padding: 22px 12px; }
@media (max-width: 520px) {
  .cg-out { font-size: 15.5px; padding: 14px 14px 14px 2em; text-indent: -1.2em; }
  .cg-bib li { grid-template-columns: minmax(0, 1fr); padding: 8px 4px; }
  .cg-acts { opacity: 1; justify-content: flex-end; }
  .cg-entry { padding-left: 1.4em; text-indent: -1.4em; }
}