.engineering-system-card.has-no-image { grid-template-columns: minmax(0, 1fr); }
.engineering-reference-notes,
.engineering-implementation-details { padding: 1rem 1.25rem; border: 1px solid rgba(0, 255, 204, 0.3); background: #080817; }
.engineering-reference-notes summary,
.engineering-implementation-details summary { cursor: pointer; color: var(--drakima-cyan); font-family: var(--drakima-mono-font); }
.engineering-reference-notes p { margin: 0.8rem 0; color: var(--drakima-muted); }
.engineering-reference-notes li { margin: 0.6rem 0; }
.engineering-reference-notes span { color: var(--drakima-muted); font-size: 0.8rem; }
.engineering-implementation-details[open] summary { margin-bottom: 1rem; }
.engineering-status-note { padding: 0.8rem 1rem; border-left: 3px solid var(--drakima-cyan); background: #080817; }
.engineering-repository-path summary { cursor: pointer; }
.engineering-hub-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.engineering-hub-stats div { min-width: 0; border-bottom: 0; }
.engineering-hub-stats div + div { border-left: 1px solid rgba(0, 255, 204, 0.18); }
.engineering-akari-brief { margin-top: 1.5rem; }

/* The character sits to the right of each wide scene; retain her face in narrow topic cards. */
.engineering-system-visual img[src*="/images/engineering/gynara-v1/"],
.engineering-system-visual img[src*="/images/engineering/gynara-v2/"],
.engineering-system-visual img[src*="/images/engineering/gynara-v3/"] { object-position: 75% 25%; filter: none; }
/* Akari's engine illustration places her farther right than the rest of the series. */
.engineering-system-visual img[src*="/images/engineering/gynara-v3/akari-engine.webp"] { object-position: 90% 25%; }
@media screen and (min-width: 768px) {
    .engineering-dossier-header.has-gynara-artwork > img { left: auto; width: 65%; object-position: 75% top; filter: none; }
    .has-gynara-artwork .engineering-dossier-header-shade { background: linear-gradient(90deg, #080713 25%, rgba(8, 7, 19, 0.92) 42%, rgba(8, 7, 19, 0.12) 76%), linear-gradient(0deg, rgba(8, 7, 19, 0.55), transparent 45%); }
    .has-gynara-artwork .engineering-dossier-header-content h1,
    .has-gynara-artwork .engineering-dossier-header-content > p { max-width: 60%; }
}
@media screen and (max-width: 767px) {
    .engineering-dossier-header.has-gynara-artwork { display: block; min-height: 0; }
    .engineering-dossier-header.has-gynara-artwork > img { position: static; display: block; width: 100%; height: auto; filter: none; }
    .has-gynara-artwork .engineering-dossier-header-shade { display: none; }
    .has-gynara-artwork .engineering-dossier-header-content { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}