/* V19.3 — colours taken from the existing Konken website.
   Petrol #08777a, green #5a951c, ochre #db9108, magenta #df49a6,
   background #07101f, reading white #f5f5f2. */
.film-glass{--konken-petrol:#08777a;--konken-green:#5a951c;--konken-ochre:#db9108;--konken-magenta:#df49a6;color:#f5f5f2}
.film-glass::backdrop{background:rgba(7,16,31,.64);-webkit-backdrop-filter:blur(9px) saturate(.85);backdrop-filter:blur(9px) saturate(.85)}
.fg-shell{border-color:rgba(245,245,242,.30);background:linear-gradient(120deg,rgba(8,119,122,.46),rgba(8,58,67,.86) 44%,rgba(7,27,40,.94));box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #ffffff1f,0 38px 110px #07101f99}
.fg-shell::after{box-shadow:inset 0 0 50px #08777a16}
.fg-art{background:radial-gradient(ellipse at 25% 35%,#5a951c2b,transparent 65%)}
.fg-glaze{border-color:#d7e7d35c;background:linear-gradient(145deg,rgba(90,149,28,.52),rgba(90,149,28,.29) 45%,rgba(8,119,122,.43));box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -1px 1px #ffffff24,0 20px 35px #07101f33}
.fg-art-label{color:#f5f5f2b3}.fg-heading,.fg-title,.fg-copy{color:#f5f5f2}.fg-kicker{color:#e7a934}.fg-credit{color:#d7e5e7;border-color:#f5f5f22b}.fg-evidence{color:#d7e5e7}.fg-draft{color:#b8ccd0}
.fg-tools button,.fg-next{color:#f5f5f2;border-color:#f5f5f245;background:#08777a2b}.fg-tools button:hover,.fg-next:hover{background:#08777a80;border-color:#f5f5f280}.film-glass :focus-visible{outline-color:#df49a6}.film-story-link:hover .pic1{box-shadow:0 0 0 2px #db9108,0 10px 35px #08777a66}
/* Direct, readable film URLs use the same palette. */
body:has(.story-layout),body:has(.story-grid){background-color:#07101f}
.story-layout{border-color:#f5f5f24d;background:linear-gradient(120deg,#08777a75,#082b3be8);color:#f5f5f2;box-shadow:inset 0 1px 1px #ffffff70,0 35px 90px #07101f66}
.story-layout h1,.story-grid h2,main>h1{color:#f5f5f2}.story-layout .kicker,main>.kicker{color:#e7a934}.story-layout .editorial{color:#c4d5d8}.story-card{color:#f5f5f2;border-color:#f5f5f24d;background:linear-gradient(130deg,#08777a6b,#082b3be8)!important}.story-card:hover{background:#08777aaa!important}
@media(max-width:760px){.fg-heading{text-shadow:0 2px 25px #07101f66}}