.of{background:#0c1f2b;color:#c9dbd8;font:15px/1.6 inherit;border-top:1px solid #0d3640}
.of-wrap{max-width:1160px;margin:0 auto;padding:72px 24px 40px;display:grid;grid-template-columns:1.2fr 2fr;gap:56px}
.of-tag{margin:16px 0 20px;color:#e8f1f0;max-width:32ch}
.of-pilot{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#a9c3bf;background:#0d3640;border:1px solid #137a72;border-radius:12px;padding:12px 14px;max-width:38ch}
.of-dot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#8fdccf}
.of-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.of h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8fdccf;margin:0 0 14px;font-weight:600}
.of ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.of a{color:#e8f1f0;text-decoration:none}
.of a:hover{color:#8fdccf}
.of a:focus-visible,.of summary:focus-visible{outline:2px solid #8fdccf;outline-offset:3px;border-radius:4px}
.of-credits{max-width:1160px;margin:0 auto;padding:0 24px;border-top:1px solid #0d3640}
.of-credits summary{cursor:pointer;padding:16px 0;font-size:13px;color:#a9c3bf;list-style:none}
.of-credits summary::after{content:" +"}
.of-credits[open] summary::after{content:" –"}
.of-credit-list{font-size:12px;padding-bottom:16px!important;color:#a9c3bf}
.of-credit-list a{text-decoration:underline;text-underline-offset:2px}
.of-bottom{max-width:1160px;margin:0 auto;padding:20px 24px 32px;display:flex;justify-content:space-between;font-size:13px;color:#a9c3bf;border-top:1px solid #0d3640}
@media (max-width:820px){.of-wrap{grid-template-columns:1fr;gap:40px;padding-top:56px}.of-cols{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.of-cols{grid-template-columns:1fr}.of-bottom{flex-direction:column;gap:8px}}
/* OMNI-tilføjelser: synlige CC BY-krediteringer, ikonoversigt, note, mobil */
.of{font-family:Inter,-apple-system,"SF Pro Text",system-ui,sans-serif;font-size:15px;line-height:1.6;margin-top:0}
.of-logo img{display:block;height:32px;width:auto}
.of-vis,.of-ikn{max-width:1160px;margin:0 auto;padding:0 24px 16px;font-size:12px;color:#a9c3bf}
.of-vis-h{margin:0 0 6px;font-size:12px;font-weight:600;color:#c9dbd8}
.of-vis ul{gap:4px}.of-vis a,.of-credit-list a{color:#e8f1f0}
.of-ikn details{border-top:1px solid #0d3640;padding-top:4px}
.of-ikn summary{cursor:pointer;padding:12px 0;font-size:13px;color:#a9c3bf}
.of-ikn ul{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:8px 0}
.of-ikn li{display:flex;gap:10px;align-items:flex-start}.of-ikn li span{display:grid}.of-ikn b{color:#e8f1f0;font-weight:600}.of-ikn small{color:#a9c3bf}
.of-ikn p{color:#a9c3bf}
.of-bottom{flex-wrap:wrap;gap:8px 16px;color:#a9c3bf}
.of-note{flex:1 1 320px;font-size:12px}
@media(max-width:819px){.of-wrap{grid-template-columns:1fr;gap:32px;padding:48px 20px 32px}.of-cols{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:479px){.of-cols{grid-template-columns:1fr}.of-pilot{max-width:none}}
.of li{overflow-wrap:anywhere}
.of .ikn{background:transparent!important;border:0!important;margin:0!important;padding:0!important}
.of .ikn>summary{color:#a9c3bf!important;background:transparent!important}
.of-vis a{text-decoration:underline;text-underline-offset:2px}
.of .of-ikn details.ikn{background:transparent!important;box-shadow:none!important;border:0!important;border-top:1px solid #0d3640!important;border-radius:0!important}
.of .of-ikn details.ikn>summary{background:transparent!important;color:#a9c3bf!important}
@media(max-width:480px){.of-note{flex:none}}
@media(max-width:480px){.of-bottom{display:grid!important;gap:8px!important}.of-bottom>*{flex:none!important}}
@media(max-width:479px){.of-cols{grid-template-columns:1fr 1fr!important;gap:20px 16px}}
/* Kategorier (15.10) */
.of .of-kat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}
@media(min-width:1100px){.of .of-kat{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px}}
.of .of-kat .of-col summary{list-style:none;cursor:default}
.of .of-kat .of-col summary::-webkit-details-marker{display:none}
.of .of-kat .of-col summary h2{margin:0 0 12px}
.of .of-kat li{overflow-wrap:anywhere}
@media(max-width:719px){
 .of .of-kat{display:block}
 .of .of-kat .of-col{border-bottom:1px solid rgba(232,241,240,.16)}
 .of .of-kat .of-col summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:48px}
 .of .of-kat .of-col summary h2{margin:0}
 .of .of-kat .of-col summary:after{content:"+";color:#8fdccf;font-size:20px;line-height:1}
 .of .of-kat .of-col[open] summary:after{content:"–"}
 .of .of-kat .of-col ul{padding-bottom:12px}
 .of .of-kat .of-col summary:focus-visible{outline:2px solid #8fdccf;outline-offset:2px}
}
.of .of-kat .of-col summary:focus-visible{outline:2px solid #8fdccf;outline-offset:2px}
@media(max-width:719px){.of .of-cols.of-kat{width:auto!important;min-width:0!important;margin-left:0!important;margin-right:0!important;grid-template-columns:none!important}}

/* Windows (15.10): klassiske scrollbars må ikke give layout-hop; fast fallback-skrift; synligt fokus */
html{scrollbar-gutter:stable}
body{font-family:'Inter',system-ui,'Segoe UI',Roboto,Arial,sans-serif}
:focus-visible{outline:2px solid #137a72;outline-offset:2px}
.emoji,[data-emoji]{font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif}
