/* flat.css: small additions for Ghost-rendered pages on top of the post-pages design (posts.css). */
.site nav ul{display:contents;list-style:none;margin:0;padding:0}
.site nav li{display:contents}
/* wide and full-width cards slide over the sticky contents rail instead of under its text */
.content .kg-width-wide,.content .kg-width-full{position:relative;z-index:1}
.post.page .phead h1{margin-bottom:.2em}
.pagination{display:flex;justify-content:center;gap:1.5em;margin:2em 0;font-family:var(--osd);font-size:20px}
/* Ghost's own card assets handle kg-* layout; keep wide/full images inside the reading column's rhythm */
.gh-content .kg-width-wide{max-width:min(1100px,94vw)}
.tt-list .k{text-transform:uppercase}

/* Ghost's custom fonts (Settings → Design → Typography): Ghost adds gh-font-* body classes and the --gh-font-* variables */
body[class*="gh-font-heading"]{--display:var(--gh-font-heading)!important}
body[class*="gh-font-body"]{--body:var(--gh-font-body)!important;--serif:var(--gh-font-body)!important}

/* no post numbers and no tape wording on the text pages (Felix, 2026-09-26): the log is title · date · reading time */
.log .cols,.log .rows a{grid-template-columns:minmax(0,1fr) 7ch 8ch}
.log .rows a:hover .r::before,.log .rows a:focus-visible .r::before{content:none}
@media (max-width:640px){.log .rows a{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"d r" "b b"}}
.log-head .dek:empty{display:none}
.nextprev a .n{display:none}
body .nextprev > a,.nextprev a{grid-template-columns:1fr!important}
.deck .ctr{display:none}
/* the author photo from Ghost (Staff → profile picture) */
img.av{object-fit:cover;background:none!important}
/* zoomed pictures open plain: no scanline band, no tracking wobble */
.lb .shot::before{display:none}
.lb.on .shot img{animation:none}

/* the accent colour (Design → Accent), from the room: the VCR's display, the rave-poster blue, the PC's phosphor; "Warm" keeps the
   post pages' own red-orange. It wins over every block that sets its own --accent (the log, the strip, the manuscript sheet). */
html[data-accent="cyan"] body,html[data-accent="cyan"] body *{--accent:#0b6b78!important}
html[data-accent="blue"] body,html[data-accent="blue"] body *{--accent:#2a45c8!important}
html[data-accent="green"] body,html[data-accent="green"] body *{--accent:#1c7038!important}
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"])[data-accent="cyan"] body,html:not([data-theme="light"])[data-accent="cyan"] body *{--accent:#5fd4e0!important}
  html:not([data-theme="light"])[data-accent="blue"] body,html:not([data-theme="light"])[data-accent="blue"] body *{--accent:#8aa4ff!important}
  html:not([data-theme="light"])[data-accent="green"] body,html:not([data-theme="light"])[data-accent="green"] body *{--accent:#6fe08c!important}
}
html[data-theme="dark"][data-accent="cyan"] body,html[data-theme="dark"][data-accent="cyan"] body *{--accent:#5fd4e0!important}
html[data-theme="dark"][data-accent="blue"] body,html[data-theme="dark"][data-accent="blue"] body *{--accent:#8aa4ff!important}
html[data-theme="dark"][data-accent="green"] body,html[data-theme="dark"][data-accent="green"] body *{--accent:#6fe08c!important}

/* the accent reaches Edit's code too (not Warm): keywords, the language label, "more", focus rings, the figure marker.
   Paper code follows light/dark; Screen code is dark glass whatever the theme, so it always takes the dark set. */
html[data-accent="blue"] body[data-read^="edit"] .code{--k:#2a45c8!important;--s:#2d6a3a!important;--n:#8a2360!important;--f:#086858!important;--t:#622dbe!important}
@media (prefers-color-scheme:dark){html:not([data-theme="light"])[data-accent="blue"] body[data-read^="edit"] .code{--k:#8aa4ff!important;--s:#9fd6a6!important;--n:#f0a0c8!important;--f:#79d8c2!important;--t:#d4a8f0!important}}
html[data-theme="dark"][data-accent="blue"] body[data-read^="edit"] .code,html[data-accent="blue"] body[data-read^="edit"][data-code="screen"] .code{--k:#8aa4ff!important;--s:#9fd6a6!important;--n:#f0a0c8!important;--f:#79d8c2!important;--t:#d4a8f0!important}
html[data-accent="blue"] body[data-read^="edit"] .code .lang,html[data-accent="blue"] body[data-read^="edit"] .code .more{color:var(--k)!important}
html[data-accent="blue"] body[data-read^="edit"] .code .acts button:focus-visible,html[data-accent="blue"] body[data-read^="edit"] .code .more:focus-visible{outline-color:var(--k)!important}
html[data-accent="blue"] body[data-read^="edit"] .lb figcaption[data-fig]:not([data-fig=""])::before{color:#8aa4ff!important}
html[data-accent="cyan"] body[data-read^="edit"] .code{--k:#0b6b78!important;--s:#7a5b00!important;--n:#8a2360!important;--f:#24478f!important;--t:#622dbe!important}
@media (prefers-color-scheme:dark){html:not([data-theme="light"])[data-accent="cyan"] body[data-read^="edit"] .code{--k:#5fd4e0!important;--s:#e8d36a!important;--n:#f0a0c8!important;--f:#9cc4ff!important;--t:#d4a8f0!important}}
html[data-theme="dark"][data-accent="cyan"] body[data-read^="edit"] .code,html[data-accent="cyan"] body[data-read^="edit"][data-code="screen"] .code{--k:#5fd4e0!important;--s:#e8d36a!important;--n:#f0a0c8!important;--f:#9cc4ff!important;--t:#d4a8f0!important}
html[data-accent="cyan"] body[data-read^="edit"] .code .lang,html[data-accent="cyan"] body[data-read^="edit"] .code .more{color:var(--k)!important}
html[data-accent="cyan"] body[data-read^="edit"] .code .acts button:focus-visible,html[data-accent="cyan"] body[data-read^="edit"] .code .more:focus-visible{outline-color:var(--k)!important}
html[data-accent="cyan"] body[data-read^="edit"] .lb figcaption[data-fig]:not([data-fig=""])::before{color:#5fd4e0!important}
html[data-accent="green"] body[data-read^="edit"] .code{--k:#1c7038!important;--s:#7a5a12!important;--n:#8a2360!important;--f:#24478f!important;--t:#622dbe!important}
@media (prefers-color-scheme:dark){html:not([data-theme="light"])[data-accent="green"] body[data-read^="edit"] .code{--k:#6fe08c!important;--s:#e2cf9b!important;--n:#f0a0c8!important;--f:#9cc4ff!important;--t:#d4a8f0!important}}
html[data-theme="dark"][data-accent="green"] body[data-read^="edit"] .code,html[data-accent="green"] body[data-read^="edit"][data-code="screen"] .code{--k:#6fe08c!important;--s:#e2cf9b!important;--n:#f0a0c8!important;--f:#9cc4ff!important;--t:#d4a8f0!important}
html[data-accent="green"] body[data-read^="edit"] .code .lang,html[data-accent="green"] body[data-read^="edit"] .code .more{color:var(--k)!important}
html[data-accent="green"] body[data-read^="edit"] .code .acts button:focus-visible,html[data-accent="green"] body[data-read^="edit"] .code .more:focus-visible{outline-color:var(--k)!important}
html[data-accent="green"] body[data-read^="edit"] .lb figcaption[data-fig]:not([data-fig=""])::before{color:#6fe08c!important}