/* Encyclopedia detail only. Observation grids and the observatory are untouched. */
.app-shell .codex-detail .codex-reading{margin:24px auto;max-width:72ch}
.app-shell .codex-detail .codex-prose{border-top:1px solid var(--line);padding:16px 0}
.app-shell .codex-detail .codex-prose h3{margin:0 0 10px}
.app-shell .codex-detail .codex-prose p,.app-shell .codex-detail .codex-record p{font-size:17px;line-height:1.58;letter-spacing:normal;overflow-wrap:anywhere}
.app-shell .codex-detail .codex-records{border-block:1px solid var(--line);padding:12px 0;margin:22px auto;max-width:72ch}
.app-shell .codex-detail .codex-records summary{min-height:44px;cursor:pointer;align-content:center;color:var(--mint)}
.app-shell .codex-detail .codex-record{margin:8px 0;padding:8px 12px;border:1px solid var(--line)}
.app-shell .codex-detail .codex-return-actions{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}
.app-shell .codex-detail .codex-random-actions{margin-top:14px}
.app-shell .codex-detail .codex-followup{max-width:72ch;margin:24px auto 0;padding-top:16px;border-top:1px solid var(--line)}
.app-shell .codex-detail .codex-followup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.app-shell .codex-detail .codex-followup :is(.codex-return-actions,.codex-random-actions,.actions){margin:0;padding:0;border:0}
.app-shell .codex-detail .codex-followup .button{width:100%;min-height:48px}
.app-shell .codex-detail .codex-followup .hint{margin:10px 0 0}
@media(max-width:700px){.app-shell .codex-detail .codex-return-actions .button,.app-shell .codex-detail .codex-random-actions .button{width:100%}.app-shell .codex-detail .codex-record{padding-inline:8px}}
@media(max-width:700px){.app-shell .codex-detail .codex-followup-grid{grid-template-columns:1fr;gap:16px}}