/* Shared index presentation; original content and controls remain intact. */
.site-header nav{flex-wrap:wrap;justify-content:flex-end}
.index-section{margin:2.5rem 0;padding-top:1rem;border-top:1px solid var(--line)}
.index-section>h2{margin:.5rem 0}.index-section>p{margin:.4rem 0 1rem;color:var(--muted)}
.index-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.index-card{display:block;padding:.85rem 1rem;border:1px solid var(--line);border-radius:8px;background:#fffdf8;text-decoration:none;color:var(--ink)}
.index-card:hover{border-color:var(--green);background:var(--soft)}
.index-card h3{font:700 1.08rem/1.35 system-ui,sans-serif;margin:0 0 .25rem}
.index-card p{font:.9rem/1.55 system-ui,sans-serif;margin:0;color:var(--muted)}
.index-crosslinks{margin:1rem 0;padding:.7rem 1rem;background:var(--soft);border-radius:7px;font:.9rem/1.6 system-ui,sans-serif}
.index-crosslinks a{display:inline-block;margin-right:1rem;font-weight:650;text-decoration:none}
body[data-index-page]{--paper:#f7f4ec;--ink:#292923;--green:#304a3b;--line:#d9d7cc;--muted:#67675b;--soft:#e9ede4;--bg:#f7f4ec;--bg-main:#f7f4ec;--text:#292923;--accent:#304a3b;--border:#d9d7cc;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,sans-serif}
body[data-index-page]>.site-header{max-width:1120px;margin:auto;padding:1.3rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);background:transparent;text-align:left}
body[data-index-page]>.site-header .brand{font:700 1.65rem Georgia,serif;color:var(--green);text-decoration:none}
body[data-index-page]>.site-header nav{display:flex;gap:1.3rem;align-items:center}
body[data-index-page]>.site-header nav a{color:var(--green);text-decoration:none;font-weight:400}
body[data-index-page]>.site-header nav [aria-current]{font-weight:700}
body[data-index-page]>.leseglede-footer{max-width:1120px;margin:2rem auto 0;padding:1.3rem 1.5rem;border-top:1px solid var(--line);background:transparent;color:var(--muted);display:flex;gap:1rem;flex-wrap:wrap;align-items:center;font:.9rem/1.6 system-ui,sans-serif;text-align:left}
body[data-index-page]>.leseglede-footer p{width:100%;margin:0}
body[data-index-page] h1{font-family:Georgia,serif;font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.2}
body[data-index-page] .page{padding:1.5rem 1rem}
body[data-index-page] .card{border:1px solid var(--line);background:#fffdf8;box-shadow:none}
body[data-index-page] .page-menu{flex-wrap:wrap}
@media(max-width:560px){.index-cards{grid-template-columns:1fr}body[data-index-page]>.site-header{padding:1rem;align-items:flex-start}body[data-index-page]>.site-header nav{gap:.65rem;font-size:.9rem}body[data-index-page]>.site-header .brand{font-size:1.4rem}body[data-index-page]>.leseglede-footer{padding:1rem}body[data-index-page] .card{padding:1rem}body[data-index-page] .controls>*{max-width:100%}body[data-index-page] .controls input{max-width:100%}}
@media print{.site-header,.leseglede-footer,.index-crosslinks{display:none!important}}

/* WESTERN pages: the navigation block belongs ABOVE the card, not beside it.
   Scoped overrides avoid changing the original magazine content layout. */
body[data-index-page] main.page{display:block;width:100%;max-width:1120px;margin:0 auto;padding:1.3rem 1.5rem 3rem}
body[data-index-page] main.page>.index-crosslinks{display:flex;flex-wrap:wrap;gap:.35rem 1rem;max-width:1050px;margin:0 auto 1rem}
body[data-index-page] main.page>.index-crosslinks a{margin:0}
body[data-index-page] main.page>.card{width:100%;max-width:1050px;margin:0 auto;min-width:0}
body[data-index-page] .page-menu{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin:0 0 1.5rem}
body[data-index-page] .page-menu .page-nav{display:inline-flex;align-items:center;min-height:39px;padding:.5rem .85rem;background:#f4f4ee;border:1px solid var(--line);border-radius:7px;color:var(--green);font:.9rem/1.35 system-ui,sans-serif;font-weight:650;text-decoration:none}
body[data-index-page] .page-menu .page-nav:hover{background:var(--soft)}
body[data-index-page] .page-menu .page-nav[aria-current="page"]{background:var(--green);border-color:var(--green);color:white}
body[data-index-page] .page-menu .page-nav[aria-current="page"]:hover{background:#3b5947}
@media(max-width:560px){body[data-index-page] main.page{padding:1rem .75rem 2rem}body[data-index-page] main.page>.card{padding:1rem}}

/* Store kort med bildefelt på indeksoversikten */

.index-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1.2rem 0}
.index-card{display:flex;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:10px;background:#fffdf8;text-decoration:none;color:var(--ink);min-width:0}
.index-card-media{width:95px;min-width:95px;height:115px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--soft);overflow:hidden}
.index-card-media img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.index-image-placeholder{font:700 2.2rem Georgia,serif;color:#73846f}
.index-card-body{min-width:0;display:block}
.index-card-body h3{font:700 1.07rem/1.35 system-ui,sans-serif;margin:0 0 .3rem}
.index-card-body p{font:.89rem/1.55 system-ui,sans-serif;margin:0;color:var(--muted)}
@media(max-width:650px){.index-cards{grid-template-columns:1fr}.index-card-media{width:80px;min-width:80px;height:100px}}