.uge { font-family: 'Archivo', 'Helvetica Neue', Arial, sans-serif; color: #18202A; background: #EDF0F4; padding: 96px 0; }
.uge-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; }
.uge-intro { display: flex; flex-direction: column; gap: 14px; }
.uge h2 { margin: 0; font-weight: 500; font-size: clamp(2rem, 3.4vw, 2.6rem); letter-spacing: -0.015em; }
.uge-lead { margin: 0; font-size: 17px; line-height: 1.6; color: #4F5B69; max-width: 36rem; }

.uge-ramme { position: relative; margin-top: 40px; }
.uge-pile { display: contents; }
.uge-pile[hidden] { display: none; }
.uge-pil {
  position: absolute; top: 405px; transform: translateY(-50%); z-index: 2;
  display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: 0;
  border-radius: 999px; background: #FFFFFF; color: #18202A; cursor: pointer;
  box-shadow: 0 8px 24px -8px rgba(24, 32, 42, 0.35), 0 0 0 1px #D5DBE2;
}
.uge-forrige { left: clamp(8px, 1.5vw, 24px); }
.uge-naeste { right: clamp(8px, 1.5vw, 24px); }
.uge-pil:hover:not(:disabled) { background: #F6F8FA; }
.uge-pil:focus-visible { outline: 2px solid #18202A; outline-offset: 3px; }
.uge-pil:disabled { cursor: default; opacity: 0.35; }

.uge-vindue {
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: var(--gutter); padding: 8px 0 28px;
  scrollbar-width: none;
}
.uge-vindue::-webkit-scrollbar { display: none; }
.uge-vindue:focus-visible { outline: 2px solid #18202A; outline-offset: 6px; }
.uge-spor { display: flex; gap: 20px; width: max-content; padding: 0 var(--gutter); }

.uge-kort { flex: 0 0 272px; scroll-snap-align: start; display: flex; flex-direction: column; gap: 14px; }
.uge-kort-slut { flex-basis: 300px; }
.uge-titel { display: flex; flex-direction: column; gap: 6px; min-height: 104px; }
.uge-titel-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.uge-tid { font-family: 'Archivo', 'Helvetica Neue', Arial, sans-serif; font-size: 24px; color: #8E1B4B; }
.uge-chip { font-size: 12px; font-weight: 500; color: #4F5B69; padding: 4px 10px; border-radius: 999px; background: #FFFFFF; box-shadow: 0 0 0 1px #D5DBE2; white-space: nowrap; }
.uge-kort h3 { margin: 0; font-size: 17px; font-weight: 500; line-height: 1.35; letter-spacing: -0.015em; }
.uge-slipper { margin: 0; font-size: 14px; line-height: 1.5; color: #4F5B69; }
.uge-slipper strong { font-weight: 600; color: #18202A; }

.uge-tlf { height: 565px; box-sizing: border-box; border-radius: 36px; padding: 10px; background: #0B0708; box-shadow: 0 30px 60px -20px rgba(24,32,42,0.45), 0 0 0 1px rgba(24,32,42,0.08); }

.uge-fyraften {
  min-height: 565px; box-sizing: border-box; border-radius: 28px; padding: 24px 22px; display: flex; flex-direction: column; gap: 14px;
  background: linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,226,236,0.06) 20%, rgba(255,255,255,0) 34%), radial-gradient(ellipse 70% 55% at 15% 0%, #3A1E28 0%, rgba(58,30,40,0) 65%), linear-gradient(180deg, #1C1115 0%, #110A0C 100%);
  color: #F3E9E4; font-family: 'Archivo', sans-serif; box-shadow: 0 30px 60px -20px rgba(24,32,42,0.45);
}
.uge-fyraften-titel { font-family: 'Newsreader', Georgia, 'Times New Roman', serif; font-size: 22px; line-height: 1.2; }
.uge-fyraften ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.uge-fyraften li { display: flex; gap: 10px; font-size: 14px; line-height: 1.4; }
.uge-fyraften li svg { flex-shrink: 0; margin-top: 3px; }
.uge-fyraften-note { margin: 0; font-size: 13px; line-height: 1.5; color: #BFA8AE; }
.uge-fyraften a { margin-top: auto; text-align: center; padding: 12px 18px; border-radius: 10px; background: #F3E9E4; color: #18202A; text-decoration: none; font-family: 'Archivo', sans-serif; font-size: 15px; font-weight: 500; }
.uge-fyraften a:focus-visible { outline: 2px solid #E8A1BF; outline-offset: 3px; }

.us1 { width: 252px; height: 545px; border-radius: 28px; overflow: hidden; position: relative; }
.us2 { width: 320px; height: 692px; transform: scale(0.7875); transform-origin: 0 0; position: absolute; top: 0; left: 0; background: radial-gradient(ellipse 80% 40% at 10% 0%, #3A1E28 0%, rgba(58,30,40,0) 70%), linear-gradient(180deg, #1C1115 0%, #110A0C 100%); color: #F3E9E4; font-family: 'Archivo', sans-serif; display: flex; flex-direction: column; }
.us3 { padding: 20px 18px 10px; display: flex; flex-direction: column; gap: 6px; }
.us4 { font-size: 13px; color: #BFA8AE; }
.us5 { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.us6 { font-family: 'Newsreader', Georgia, 'Times New Roman', serif; font-size: 22px; line-height: 1.15; }
.us7 { font-size: 12.5px; color: #BFA8AE; white-space: nowrap; }
.us8 { flex: 1; padding: 4px 18px; display: flex; flex-direction: column; gap: 8px; overflow: hidden; }
.us9 { align-self: flex-start; max-width: 88%; background: #EEF1F5; color: #18202A; border-radius: 15px 15px 15px 4px; padding: 10px 12px; }
.us10 { font-size: 11.5px; color: #4F5B69; }
.us11 { font-size: 14px; margin-top: 2px; line-height: 1.4; }
.us12 { align-self: flex-end; max-width: 88%; padding: 10px 13px; border-radius: 15px 15px 4px 15px; background: radial-gradient(130% 90% at 50% 125%, rgba(214,70,140,0.75) 0%, rgba(142,27,75,0.45) 32%, rgba(142,27,75,0) 62%), linear-gradient(180deg, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.10) 46%, rgba(255,255,255,0) 50%), linear-gradient(180deg, #2B1A21 0%, #0B0708 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 0 0 1px rgba(255,255,255,0.08); color: #FFFFFF; font-size: 13.5px; line-height: 1.4; }
.us13 { display: flex; gap: 6px; flex-wrap: wrap; }
.us14 { padding: 4px 10px; border-radius: 999px; font-size: 11.5px; background: rgba(243,233,228,0.1); border: 1px solid rgba(243,233,228,0.2); color: #F3E9E4; }
.us15 { margin-top: auto; }
.us16 { border-radius: 13px; padding: 11px 13px; background: rgba(232,161,191,0.14); border: 1px solid rgba(232,161,191,0.4); display: flex; flex-direction: column; gap: 2px; }
.us17 { font-size: 13.5px; }
.us18 { font-size: 12px; color: #BFA8AE; }
.us19 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 10px 6px 18px; border-top: 1px solid rgba(243,233,228,0.12); font-size: 10.5px; }
.us20 { display: flex; flex-direction: column; align-items: center; gap: 3px; color: #BFA8AE; }
.us21 { display: flex; flex-direction: column; align-items: center; gap: 3px; color: #F3E9E4; }
.us22 { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 8px; align-items: start; }
.us23 { font-size: 12px; color: #BFA8AE; padding-top: 11px; }
.us24 { border-radius: 13px; padding: 11px 13px; background: #EEF1F5; color: #18202A; display: flex; flex-direction: column; gap: 2px; box-shadow: 0 0 0 2px #E8A1BF; }
.us25 { font-size: 14px; font-weight: 500; }
.us26 { font-size: 12.5px; color: #4F5B69; }
.us27 { border-radius: 13px; padding: 11px 13px; background: #EEF1F5; color: #18202A; display: flex; flex-direction: column; gap: 2px; }
.us28 { font-size: 12px; color: #BFA8AE; padding-top: 4px; }
.us29 { border-radius: 13px; padding: 11px 13px; background: rgba(243,233,228,0.08); border: 1px solid rgba(243,233,228,0.18); display: flex; flex-direction: column; gap: 2px; }
.us30 { border-radius: 13px; padding: 11px 13px; background: repeating-linear-gradient(135deg, rgba(243,233,228,0.08) 0 6px, rgba(243,233,228,0.02) 6px 12px); border: 1px solid rgba(243,233,228,0.18); color: #BFA8AE; font-size: 13px; }
.us31 { font-size: 13px; color: #BFA8AE; line-height: 1.45; }
.us32 { border-radius: 16px; overflow: hidden; background: #EEF1F5; color: #18202A; }
.us33 { height: 210px; background: radial-gradient(ellipse 70% 60% at 30% 30%, #F3D9E4 0%, rgba(243,217,228,0) 70%), linear-gradient(160deg, #2B1A21 0%, #110A0C 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 16px; gap: 4px; }
.us34 { font-family: 'Newsreader', Georgia, 'Times New Roman', serif; font-size: 24px; color: #F3E9E4; line-height: 1.15; }
.us35 { font-size: 12.5px; color: #E8A1BF; }
.us36 { padding: 10px 13px; font-size: 12.5px; color: #4F5B69; }
.us37 { padding: 8px 18px 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.us38 { display: flex; align-items: center; justify-content: center; min-height: 42px; border-radius: 999px; font-size: 14px; border: 1px solid rgba(243,233,228,0.3); color: #F3E9E4; }
.us39 { display: flex; align-items: center; justify-content: center; min-height: 42px; border-radius: 999px; font-size: 14px; background: radial-gradient(130% 90% at 50% 125%, rgba(214,70,140,0.75) 0%, rgba(142,27,75,0.45) 32%, rgba(142,27,75,0) 62%), linear-gradient(180deg, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.10) 46%, rgba(255,255,255,0) 50%), linear-gradient(180deg, #2B1A21 0%, #0B0708 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 0 0 1px rgba(255,255,255,0.08); color: #FFFFFF; border: 0; }
.us40 { width: 320px; height: 692px; transform: scale(0.7875); transform-origin: 0 0; position: absolute; top: 0; left: 0; background: #FFFFFF; color: #111111; font-family: -apple-system, 'Segoe UI', system-ui, sans-serif; display: flex; flex-direction: column; }
.us41 { padding: 18px 14px 10px; border-bottom: 1px solid #E3E3E6; display: flex; flex-direction: column; gap: 3px; }
.us42 { font-size: 11.5px; color: #5F6368; }
.us43 { font-size: 15px; font-weight: 600; }
.us44 { padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; font-family: 'Archivo', sans-serif; background: #F6F7F9; flex: 1; }
.us45 { border-radius: 14px; padding: 12px; background: #FFFFFF; box-shadow: 0 0 0 1px #D5DBE2; display: flex; flex-direction: column; gap: 7px; }
.us46 { font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: #8E1B4B; font-weight: 600; padding-top: 4px; }
.us47 { display: flex; gap: 8px; }
.us48 { flex-shrink: 0; margin-top: 3px; }
.uge-prik { width: 15px; margin-top: -2px; text-align: center; color: #8E1B4B; font-size: 22px; line-height: 1; font-weight: 700; }
.us49 { display: flex; flex-direction: column; gap: 1px; }
.us50 { font-size: 13px; color: #18202A; }
.us51 { border-radius: 14px; padding: 12px; background: #FFFFFF; box-shadow: 0 0 0 1px #D5DBE2; display: flex; flex-direction: column; gap: 6px; }
.us52 { font-size: 13px; }
.us53 { border-radius: 14px; padding: 12px; background: #FBF2F6; box-shadow: 0 0 0 1px #E8C3D3; display: flex; flex-direction: column; gap: 4px; }
.us54 { border-radius: 16px; padding: 14px; background: #EEF1F5; color: #18202A; display: flex; flex-direction: column; gap: 6px; box-shadow: 0 0 0 2px #E8A1BF; }
.us55 { display: flex; justify-content: space-between; }
.us56 { font-size: 15px; font-weight: 500; }
.us57 { font-size: 12.5px; color: #8E1B4B; }
.us58 { font-size: 13.5px; line-height: 1.45; }
.us59 { font-size: 12px; color: #4F5B69; }
.us60 { align-self: flex-start; margin-top: 4px; padding: 9px 16px; border-radius: 999px; font-size: 13.5px; background: radial-gradient(130% 90% at 50% 125%, rgba(214,70,140,0.75) 0%, rgba(142,27,75,0.45) 32%, rgba(142,27,75,0) 62%), linear-gradient(180deg, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.10) 46%, rgba(255,255,255,0) 50%), linear-gradient(180deg, #2B1A21 0%, #0B0708 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 0 0 1px rgba(255,255,255,0.08); color: #FFFFFF; }
.us61 { border-radius: 13px; padding: 11px 13px; background: rgba(243,233,228,0.08); border: 1px solid rgba(243,233,228,0.18); display: flex; justify-content: space-between; gap: 8px; font-size: 13.5px; }
.us62 { color: #BFA8AE; text-align: right; }
.us63 { color: #9FD9B4; text-align: right; }
.us64 { width: 320px; height: 692px; transform: scale(0.7875); transform-origin: 0 0; position: absolute; top: 0; left: 0; background: #F6F7F9; color: #18202A; font-family: 'Archivo', sans-serif; display: flex; flex-direction: column; }
.us65 { padding: 20px 18px 12px; background: #FFFFFF; box-shadow: 0 1px 0 #D5DBE2; display: flex; flex-direction: column; gap: 3px; }
.us66 { font-family: 'Newsreader', Georgia, 'Times New Roman', serif; font-size: 21px; }
.us67 { flex: 1; padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; overflow: hidden; }
.us68 { border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 8px; background: #FFFFFF; box-shadow: 0 0 0 1px #D5DBE2; }
.us69 { font-size: 12.5px; font-weight: 400; color: #4F5B69; line-height: 1.45; }
.us70 { font-size: 16px; font-weight: 500; color: #18202A; line-height: 1.45; }
.us71 { font-size: 15px; font-weight: 500; color: #18202A; line-height: 1.45; }
.us72 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.us73 { display: flex; align-items: center; justify-content: center; min-height: 40px; border-radius: 11px; font-size: 13px; text-align: center; padding: 0 6px; background: #FFFFFF; box-shadow: 0 0 0 1px #D5DBE2; }
.us74 { display: flex; align-items: center; justify-content: center; min-height: 40px; border-radius: 11px; font-size: 13px; text-align: center; padding: 0 6px; background: #F3D9E4; box-shadow: 0 0 0 2px #8E1B4B; color: #4A0F28; font-weight: 500; }
.us75 { border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 8px; background: #FBF2F6; box-shadow: 0 0 0 1px #E8C3D3; }
.us76 { font-family: 'Newsreader', Georgia, 'Times New Roman', serif; font-size: 16px; color: #8E1B4B; }
.us77 { font-size: 13.5px; font-weight: 400; color: #18202A; line-height: 1.45; }
.us78 { font-size: 13px; font-weight: 400; color: #4F5B69; line-height: 1.45; }
.us79 { padding: 12px 18px 22px; background: #FFFFFF; box-shadow: 0 -1px 0 #D5DBE2; }
.us80 { display: flex; align-items: center; justify-content: center; min-height: 46px; border-radius: 13px; background: #18202A; color: #FFFFFF; font-size: 15px; font-weight: 500; }
.us81 { border-radius: 13px; padding: 12px 13px; background: #F3D9E4; color: #4A0F28; font-size: 13.5px; font-weight: 500; }
.us82 { padding: 20px 14px 10px; display: flex; flex-direction: column; align-items: center; gap: 4px; border-bottom: 1px solid #E3E3E6; }
.us83 { width: 44px; height: 44px; border-radius: 999px; background: #D9DCE1; display: flex; align-items: center; justify-content: center; font-size: 17px; color: #4A4F57; }
.us84 { font-size: 13px; font-weight: 600; }
.us85 { flex: 1; padding: 12px 10px; display: flex; flex-direction: column; gap: 7px; overflow: hidden; }
.us86 { align-self: center; font-size: 11px; color: #5F6368; padding: 6px 0 2px; }
.us87 { align-self: flex-start; max-width: 84%; padding: 8px 12px; border-radius: 17px; background: #E9E9EB; font-size: 14px; line-height: 1.38; }
.us88 { color: #0B57D0; }
.us89 { align-self: flex-end; max-width: 80%; padding: 8px 12px; border-radius: 17px; background: #0B57D0; color: #FFFFFF; font-size: 14px; line-height: 1.38; }
.us90 { border-radius: 16px; padding: 14px; background: #EEF1F5; color: #18202A; display: flex; flex-direction: column; gap: 8px; }
.us91 { display: flex; justify-content: space-between; font-size: 13.5px; }
.us92 { color: #4F5B69; }
.us93 { align-self: flex-start; margin-top: 4px; padding: 8px 14px; border-radius: 999px; font-size: 13px; background: #18202A; color: #FFFFFF; }
.us94 { border-radius: 16px; padding: 14px; background: #EEF1F5; color: #18202A; display: flex; flex-direction: column; gap: 6px; }
.us95 { border-radius: 16px; padding: 14px; background: #EEF1F5; color: #18202A; display: flex; flex-direction: column; gap: 4px; }
.us96 { border-radius: 16px; padding: 14px; background: #EEF1F5; color: #18202A; display: flex; flex-direction: column; gap: 9px; }
.us97 { font-size: 12.5px; font-weight: 500; color: #8E1B4B; }
.us98 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
.us99 { height: 7px; border-radius: 999px; background: #8E1B4B; }
.us100 { height: 7px; border-radius: 999px; background: #E8A1BF; }
.us101 { height: 7px; border-radius: 999px; background: #D5DBE2; }
.us102 { font-size: 14.5px; font-weight: 500; }
.us103 { border-radius: 14px; padding: 18px; background: radial-gradient(130% 90% at 50% 125%, rgba(214,70,140,0.75) 0%, rgba(142,27,75,0.45) 32%, rgba(142,27,75,0) 62%), linear-gradient(180deg, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.10) 46%, rgba(255,255,255,0) 50%), linear-gradient(180deg, #2B1A21 0%, #0B0708 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 0 0 1px rgba(255,255,255,0.08); color: #FFFFFF; display: flex; flex-direction: column; gap: 26px; }
.us104 { font-family: 'Newsreader', Georgia, 'Times New Roman', serif; font-size: 19px; }
.us105 { display: flex; justify-content: space-between; align-items: flex-end; }
.us106 { font-size: 26px; font-weight: 500; }
.us107 { font-size: 12px; color: #F3D9E4; }
.us108 { font-size: 13.5px; font-weight: 500; color: #18202A; line-height: 1.45; }
.us109 { border-radius: 16px; padding: 13px; background: #EEF1F5; color: #18202A; display: flex; flex-direction: column; gap: 8px; }
.us110 { display: flex; flex-wrap: wrap; gap: 6px; font-size: 12.5px; }
.us111 { padding: 6px 10px; border-radius: 9px; background: #F3D9E4; color: #4A0F28; }
.us112 { padding: 6px 10px; border-radius: 9px; background: #FFFFFF; box-shadow: 0 0 0 1px #D5DBE2; }
.us113 { border-radius: 13px; padding: 11px 13px; background: rgba(232,161,191,0.14); border: 1px solid rgba(232,161,191,0.4); display: flex; justify-content: space-between; gap: 8px; font-size: 13.5px; }
.us114 { color: #F3E9E4; text-align: right; }
.us115 { padding: 8px 18px 14px; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 8px; }
.us116 { display: flex; align-items: center; justify-content: center; min-height: 40px; border-radius: 11px; font-size: 13.5px; background: #FFFFFF; box-shadow: 0 0 0 1px #C2CAD3; }
.us117 { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; }