:root{
  --pm-day-bg:#eef7ff;
  --pm-day-text:#10243a;
  --pm-day-muted:#52677f;
  --pm-day-line:rgba(16,36,58,.14);
  --pm-day-card:rgba(255,255,255,.76);
  --pm-day-card-strong:rgba(255,255,255,.92);
  --pm-day-shadow:rgba(25,54,92,.16);
  --pm-day-accent:#1e88e5;
  --pm-day-accent-2:#f2a51a;
}

body.theme-day{
  margin:0;
  color:var(--pm-day-text);
  background:
    radial-gradient(circle at 20% 8%, rgba(255,255,255,.85), rgba(255,255,255,0) 26rem),
    linear-gradient(180deg,#dfefff 0%,#f8fbff 46%,#eef4f8 100%);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

body.theme-day a{color:inherit;text-decoration:none}
body.theme-day a:hover{text-decoration:none}

body.theme-day .container{max-width:980px;margin:0 auto;padding:0 12px}
body.theme-day > .container.panel{margin-top:14px;margin-bottom:46px}
body.theme-day .panel{
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.64));
  border:1px solid var(--pm-day-line);
  border-radius:16px;
  padding:12px;
  box-shadow:0 16px 42px rgba(25,54,92,.08);
  color:var(--pm-day-text);
}
body.theme-day .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:900px){body.theme-day .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.theme-day .grid{grid-template-columns:1fr}}

body.theme-day .card{
  overflow:hidden;
  border-radius:16px;
  border:1px solid var(--pm-day-line);
  background:linear-gradient(180deg,var(--pm-day-card-strong),var(--pm-day-card));
  box-shadow:0 12px 30px rgba(25,54,92,.08);
  color:inherit;
}
body.theme-day .card:hover{box-shadow:0 18px 38px rgba(25,54,92,.13);transform:translateY(-1px)}
body.theme-day .card img{width:100%;height:140px;object-fit:cover;display:block;background:#dcebf8}
body.theme-day .cardBody{padding:11px 12px 13px}
body.theme-day .title{margin:0 0 6px;font-size:16px;line-height:1.2}
body.theme-day .meta{font-size:12px;color:var(--pm-day-muted);margin:4px 0 8px;line-height:1.45}
body.theme-day .excerpt{margin:0;font-size:13px;color:rgba(16,36,58,.88);line-height:1.45}

body.theme-day .searchbar,
body.theme-day .topRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}
body.theme-day input,
body.theme-day select,
body.theme-day textarea{
  border:1px solid rgba(16,36,58,.18);
  background:rgba(255,255,255,.82);
  color:var(--pm-day-text);
  border-radius:12px;
  padding:10px 12px;
}
body.theme-day .btns,
body.theme-day .btn,
body.theme-day button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 13px;
  border-radius:999px;
  border:1px solid rgba(16,36,58,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(235,244,255,.78));
  color:var(--pm-day-text);
  font-weight:700;
  cursor:pointer;
}
body.theme-day .btns:hover,
body.theme-day .btn:hover,
body.theme-day button:hover{box-shadow:0 0 0 3px rgba(30,136,229,.13)}
body.theme-day .pilltag{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(16,36,58,.14);
  background:rgba(255,255,255,.70);
  font-size:13px;
}

body.theme-day .sticky-shell{
  position:sticky;
  top:0;
  z-index:900;
  margin:8px 0 14px;
}
body.theme-day .site-menu{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:8px 10px;
  border-radius:16px;
  border:1px solid rgba(16,36,58,.14);
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 30px rgba(25,54,92,.09);
  backdrop-filter:blur(12px);
}
body.theme-day .site-menu a{
  padding:8px 11px;
  border-radius:999px;
  color:var(--pm-day-text);
  font-size:14px;
  font-weight:700;
}
body.theme-day .site-menu a:hover,
body.theme-day .site-menu a.active{background:rgba(30,136,229,.12)}
body.theme-day .logo-mini{
  width:26px;
  height:26px;
  border-radius:9px;
  background:linear-gradient(135deg,#10243a,#1e88e5 62%,#f2a51a);
  box-shadow:0 8px 18px rgba(30,136,229,.22);
}
body.theme-day .site-menu .spacer{flex:1}
body.theme-day .site-menu .sep{width:1px;height:22px;background:rgba(16,36,58,.14)}

/*
 * Headeren inkluderes uden for sidens normale .container.
 * Giv wrapperen samme samlede bredde som .container:
 * 980px indhold + 12px padding på hver side = 1004px.
 */
body.theme-day .ext-header-wrap{
  position:relative;
  width:auto;
  max-width:1004px;
  margin:14px auto 0;
  padding:0 12px;
  box-sizing:border-box;
  max-height:none;
  overflow:visible;
  border-radius:0;
}
body.theme-day .ext-header-wrap:after{content:none!important}

body.theme-day .ext-header-wrap > .pmDayHeader{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}

body.theme-day .pmDayHeader__canvas,
body.theme-day .pmDayHeader__skyline{
  max-width:100%;
}

.pmDayHeader{
  position:relative;
  min-height:198px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(16,36,58,.14);
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.90), rgba(255,255,255,0) 20rem),
    linear-gradient(135deg,#bfe7ff 0%,#f8fcff 48%,#ffe8ac 100%);
  box-shadow:0 18px 46px rgba(25,54,92,.13);
  isolation:isolate;
}
.pmDayHeader__canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  display:block;
}
.pmDayHeader__glow{
  position:absolute;
  z-index:0;
  border-radius:999px;
  pointer-events:none;
  filter:blur(2px);
}
.pmDayHeader__glow--one{
  width:150px;height:150px;
  right:7%;top:-46px;
  background:radial-gradient(circle, rgba(255,210,82,.90), rgba(255,210,82,.18) 54%, transparent 72%);
  animation:pmDaySunPulse 5.5s ease-in-out infinite;
}
.pmDayHeader__glow--two{
  width:230px;height:100px;
  left:8%;bottom:12px;
  background:radial-gradient(ellipse, rgba(255,255,255,.62), transparent 70%);
  animation:pmDayCloudFloat 14s ease-in-out infinite alternate;
}
.pmDayHeader__content{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  gap:16px;
  min-height:150px;
  padding:22px clamp(16px,3vw,32px) 46px;
}
.pmDayHeader__mark{
  flex:0 0 auto;
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(16,36,58,.12);
  box-shadow:0 18px 36px rgba(25,54,92,.16), inset 0 1px 0 rgba(255,255,255,.8);
  color:#10243a;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:900;
  font-size:28px;
  letter-spacing:-.09em;
}
.pmDayHeader__kicker{
  margin:0 0 5px;
  color:rgba(16,36,58,.68);
  font-size:12px;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:800;
}
.pmDayHeader h1{
  margin:0;
  max-width:760px;
  color:#10243a;
  font-size:clamp(30px,5vw,58px);
  line-height:1.02;
  letter-spacing:-.055em;
  text-shadow:0 2px 0 rgba(255,255,255,.55);
}
.pmDayHeader__subline{
  margin:7px 0 0;
  max-width:680px;
  color:rgba(16,36,58,.76);
  font-size:clamp(13px,1.7vw,17px);
  line-height:1.35;
}
.pmDayHeader__skyline{
  position:absolute;
  left:0;right:0;bottom:-1px;
  z-index:2;
  width:100%;
  height:86px;
  display:block;
  pointer-events:none;
}
.pmDayHeader__hill--back{fill:rgba(42,129,169,.16)}
.pmDayHeader__hill--front{fill:rgba(30,136,229,.16)}
.pmDayHeader__city{fill:rgba(16,36,58,.86)}

.ticker{
  position:fixed;
  left:50%;
  right:auto;
  bottom:0;
  z-index:1000;
  width:min(1100px,calc(100% - 24px));
  height:30px;
  overflow:hidden;
  box-sizing:border-box;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(236,246,255,.92));
  border-top:1px solid rgba(16,36,58,.16);
  border-left:1px solid rgba(16,36,58,.12);
  border-right:1px solid rgba(16,36,58,.12);
  border-radius:13px 13px 0 0;
  box-shadow:0 -8px 24px rgba(25,54,92,.10);
}
.ticker .track{
  display:flex;
  align-items:center;
  height:100%;
  gap:34px;
  padding-left:100%;
  white-space:nowrap;
  animation:pmTickerScroll var(--pm-ticker-speed,80s) linear infinite;
  font-size:12px;
  color:rgba(16,36,58,.72);
}
.ticker .track strong{color:#10243a}
.tickerSep{opacity:.55}
@keyframes pmTickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

@keyframes pmDaySunPulse{0%,100%{transform:scale(.98);opacity:.82}50%{transform:scale(1.05);opacity:1}}
@keyframes pmDayCloudFloat{from{transform:translateX(-18px)}to{transform:translateX(24px)}}

@media(max-width:720px){
  body.theme-day .ext-header-wrap{
    max-height:none;
    margin-top:10px;
    padding:0 12px;
    border-radius:0;
  }
  .pmDayHeader{min-height:188px;border-radius:14px}
  .pmDayHeader__content{gap:11px;padding:18px 14px 42px;align-items:flex-start}
  .pmDayHeader__mark{width:56px;height:56px;border-radius:17px;font-size:22px}
  .pmDayHeader h1{font-size:clamp(28px,9vw,44px);line-height:1.06}
  .pmDayHeader__subline{font-size:13px}
  body.theme-day .site-menu{overflow-x:auto;justify-content:flex-start}
  body.theme-day .site-menu a{white-space:nowrap}
}
@media(max-width:480px){
  .pmDayHeader__subline{display:none}
  .pmDayHeader__skyline{height:78px}

  .ticker{
    width:calc(100% - 12px);
    border-radius:10px 10px 0 0;
  }
}
@media(prefers-reduced-motion:reduce){
  .pmDayHeader__glow,
  .ticker .track{animation:none!important}
}