/* Kristne retninger: egen fargefamilie og egen heltefigur.
   Lastes etter rel.css og overstyrer bare det som er særegent for denne boka. */

/* Bokas grunnfarge: blygrå, som blyet mellom glassbitene */
:root{--kap:#3C4A6B; --kap-lys:#ECEEF3; --kap-mid:#8089A6; --to:#8A6A14; --to-lys:#F4F0E5}

/* Kapittelfargene går fra den eldste østkirken til de nyeste retningene */
[data-kap="1"]{--kap:#3C4A6B;--kap-lys:#ECEEF3;--kap-mid:#8089A6}
[data-kap="2"]{--kap:#8A6A14;--kap-lys:#F4F0E5;--kap-mid:#BFA868}
[data-kap="3"]{--kap:#1F6B6E;--kap-lys:#E8F1F1;--kap-mid:#74A8AA}
[data-kap="4"]{--kap:#6A2E7A;--kap-lys:#F1EAF4;--kap-mid:#A77DB2}
[data-kap="5"]{--kap:#A8352B;--kap-lys:#F7EBEA;--kap-mid:#CA8179}
[data-kap="6"]{--kap:#2F3E8C;--kap-lys:#EAECF3;--kap-mid:#7882B4}
[data-kap="7"]{--kap:#2E6B47;--kap-lys:#EAF0ED;--kap-mid:#779F87}
[data-kap="8"]{--kap:#B5551A;--kap-lys:#F8EEE6;--kap-mid:#D59A6B}
[data-kap="9"]{--kap:#2A6E95;--kap-lys:#E9F1F6;--kap-mid:#7FAAC4}
[data-kap="10"]{--kap:#24676A;--kap-lys:#E9F0F0;--kap-mid:#719C9E}

/* Heltefiguren: vindusrekka */
.helt-rose svg.arkade{width:100%;max-width:46rem;height:auto;filter:drop-shadow(0 26px 34px rgba(28,26,34,.22))}
.ark-felt{cursor:pointer;outline:none}
.ark-felt .ark-glass{transition:filter .25s}
.ark-felt:hover .ark-glass,.ark-felt:focus-visible .ark-glass{filter:brightness(1.18) saturate(1.15)}
.ark-felt:focus-visible .ark-glass path:last-child{stroke:#fff;stroke-width:7}
@media (prefers-reduced-motion:no-preference){
 .ark-felt .ark-glass{animation:tenn .7s ease-out both;animation-delay:calc(var(--i) * 95ms + 150ms)}
}

/* Rekka står best i full bredde, ikke i en spalte ved siden av teksten */
.helt{grid-template-columns:minmax(0,1fr)}
.helt-rose{order:2;margin-top:1.5rem}
.helt h1{max-width:16ch}
.helt .stor{max-width:46rem}

@media (max-width:900px){
 .helt-rose{order:2;margin-top:1rem}
 .helt-rose svg.arkade{max-width:none}
}

/* Kortene: ti kapitler i jevne rader */
.kap-kort,.kap-kort:nth-child(n+4){grid-column:span 4}
@media (max-width:1100px){.kap-kort,.kap-kort:nth-child(n+4){grid-column:span 6}}
@media (max-width:640px){.kap-kort,.kap-kort:nth-child(n+4){grid-column:1/-1}}

/* Malen for hvert kapittel, vist som en stripe nederst på forsiden */
.mal{margin-top:3.5rem;padding:2rem clamp(1.25rem,3vw,2.5rem);background:var(--flate);border:1px solid var(--strek);border-radius:6px}
.mal h2{margin:0 0 .35rem}
.mal p.u{color:var(--dempet);margin:0 0 1.5rem;max-width:60ch}
.mal ol{list-style:none;counter-reset:m;margin:0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
.mal li{counter-increment:m;display:flex;gap:.7rem;align-items:flex-start;font-size:.97rem;line-height:1.4}
.mal li::before{content:counter(m);flex:0 0 auto;width:1.6rem;height:1.6rem;display:grid;place-items:center;font-size:.8rem;font-weight:800;color:#fff;background:var(--kap);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.mal li b{font-weight:700}
.mal li span{display:block;color:var(--dempet);font-size:.9rem}

/* Foreløpige kapittelsider: malen som liste */
.mal-liste{list-style:none;counter-reset:ml;margin:1.25rem 0 0;padding:0;display:grid;gap:.5rem}
.mal-liste li{counter-increment:ml;display:grid;grid-template-columns:1.7rem 1fr;gap:.75rem;align-items:start}
.mal-liste li::before{content:counter(ml);grid-row:1/3;width:1.7rem;height:1.7rem;display:grid;place-items:center;font-size:.8rem;font-weight:800;color:#fff;background:var(--kap);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);margin-top:.15rem}
.mal-liste b{font-weight:700}
.mal-liste span{display:block;color:var(--dempet);font-size:.95rem;line-height:1.4}
.rail .deler li{display:flex;align-items:center;gap:.6rem;color:var(--dempet)}