/* dnns.ch shared stylesheet - 0.6.0 */

/* ===== events/index.html ===== */


body.page-events-index{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-events-index *{ box-sizing: border-box; }
body.page-events-index{ scroll-behavior: smooth; }

body.page-events-index{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-events-index a{ color: inherit; text-decoration: none; }

body.page-events-index .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-events-index .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-events-index .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-events-index .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-events-index .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-events-index .nav-links::-webkit-scrollbar{ display: none; }

body.page-events-index .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-events-index .nav-link:hover, body.page-events-index .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-events-index .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-events-index .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-events-index .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-events-index .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-events-index h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-events-index .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-events-index .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-events-index .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-events-index .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-events-index .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-events-index .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-events-index input, body.page-events-index select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-events-index input::placeholder{ color: #778190; }

body.page-events-index input:focus, body.page-events-index select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-events-index select option{
  color: #0f1115;
  background: #fff;
}

body.page-events-index .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-events-index .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-events-index table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-events-index .table-compact table{
  min-width: 0;
}

body.page-events-index th, body.page-events-index td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-events-index th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-events-index tr:last-child td{ border-bottom: 0; }
body.page-events-index tbody tr{ transition: background .18s ease; }
body.page-events-index tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-events-index .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-events-index .artist, body.page-events-index .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-events-index .muted{ color: var(--muted); }

body.page-events-index .acts{
  display: grid;
  gap: 4px;
}

body.page-events-index .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-events-index .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-events-index .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-events-index .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-events-index .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-events-index .tile-icon, body.page-events-index .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-events-index .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-events-index .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-events-index .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-events-index .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-events-index .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-events-index .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-events-index .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-events-index .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-events-index .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-events-index .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-events-index .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-events-index .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-events-index .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-events-index .content-card h2:first-child{ margin-top: 0; }
body.page-events-index .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-events-index .content-card ul{ padding-left: 20px; }

body.page-events-index footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-events-index .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-events-index .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-events-index .brand span{ display: none; }

  body.page-events-index .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-events-index .hero{
    grid-template-columns: 1fr;
  }

  body.page-events-index .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-events-index .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-events-index footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-events-index .grid{ grid-template-columns: 1fr; }
  body.page-events-index .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-events-index{
  overflow-y: scroll !important;
}

body.page-events-index{
  overflow-x: hidden !important;
}

body.page-events-index .site-nav, body.page-events-index .page, body.page-events-index footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-events-index .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-events-index .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-events-index footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-events-index .site-nav, body.page-events-index .page, body.page-events-index footer{
    width: calc(100% - 28px) !important;
  }

  body.page-events-index .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  
/* Events Feintuning: Statistik in eigener Zeile */
body.page-events-index .events-stats-row{
  margin: 0 0 18px;
}

body.page-events-index .events-stats{
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  min-width: 0 !important;
  width: 100%;
}

body.page-events-index .events-stats .stat{
  min-height: 92px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.page-events-index .events-stats .stat-value{
  font-size: 24px;
  line-height: 1.08;
  white-space: nowrap;
}

body.page-events-index .events-stats .stat-label{
  font-size: 12px;
}

body.page-events-index .plain-list{
  display: grid;
  gap: 4px;
}

body.page-events-index .plain-list div{
  display: block;
}

body.page-events-index .range-separator{
  display: inline-block;
  margin: 0 7px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
  transform: translateY(-1px);
}

@media  (max-width: 1180px) {
  body.page-events-index .events-stats{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media  (max-width: 860px) {
  body.page-events-index .events-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

  
/* Events Feintuning: Preis immer in einer Zeile */
body.page-events-index .price-cell{
  white-space: nowrap;
}

  
/* Events Feintuning: Kategorie-Filter */
body.page-events-index .events-page .toolbar{
  grid-template-columns: minmax(220px, 1fr) 180px 180px 180px;
}

@media  (max-width: 980px) {
  body.page-events-index .events-page .toolbar{
    grid-template-columns: 1fr;
  }
}

  
/* Events Feintuning: kompaktere Tabelle ohne Desktop-Scrollbar */
body.page-events-index .events-page .table-scroll{
  overflow-x: visible;
}

body.page-events-index .events-page table{
  min-width: 0 !important;
  width: 100%;
  table-layout: fixed;
}

body.page-events-index .events-page th, body.page-events-index .events-page td{
  padding: 14px 12px;
  font-size: 14px;
  line-height: 1.45;
}

body.page-events-index .events-page th{
  font-size: 11px;
  letter-spacing: .07em;
}

body.page-events-index .events-page th:nth-child(1), body.page-events-index .events-page td:nth-child(1){
  width: 118px;
}

body.page-events-index .events-page th:nth-child(2), body.page-events-index .events-page td:nth-child(2){
  width: 110px;
}

body.page-events-index .events-page th:nth-child(3), body.page-events-index .events-page td:nth-child(3){
  width: 150px;
}

body.page-events-index .events-page th:nth-child(4), body.page-events-index .events-page td:nth-child(4){
  width: 180px;
}

body.page-events-index .events-page th:nth-child(5), body.page-events-index .events-page td:nth-child(5){
  width: 150px;
}

body.page-events-index .events-page th:nth-child(6), body.page-events-index .events-page td:nth-child(6){
  width: 120px;
}

body.page-events-index .events-page th:nth-child(7), body.page-events-index .events-page td:nth-child(7){
  width: auto;
}

body.page-events-index .events-page th:nth-child(8), body.page-events-index .events-page td:nth-child(8){
  width: 78px;
}

body.page-events-index .events-page td{
  overflow-wrap: anywhere;
}

body.page-events-index .events-page .artist{
  overflow-wrap: normal;
  word-break: normal;
}

body.page-events-index .events-page .plain-list{
  gap: 2px;
}

body.page-events-index .events-page .price-cell{
  white-space: nowrap;
}

@media  (max-width: 980px) {
  body.page-events-index .events-page .table-scroll{
    overflow-x: auto;
  }

  body.page-events-index .events-page table{
    min-width: 980px !important;
  }

  body.page-events-index .events-page th, body.page-events-index .events-page td{
    padding: 15px 14px;
    font-size: 14px;
  }
}

  
/* ===== impressum/index.html ===== */


body.page-impressum-index{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-impressum-index *{ box-sizing: border-box; }
body.page-impressum-index{ scroll-behavior: smooth; }

body.page-impressum-index{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-impressum-index a{ color: inherit; text-decoration: none; }

body.page-impressum-index .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-impressum-index .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-impressum-index .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-impressum-index .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-impressum-index .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-impressum-index .nav-links::-webkit-scrollbar{ display: none; }

body.page-impressum-index .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-impressum-index .nav-link:hover, body.page-impressum-index .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-impressum-index .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-impressum-index .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-impressum-index .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-impressum-index .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-impressum-index h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-impressum-index .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-impressum-index .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-impressum-index .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-impressum-index .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-impressum-index .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-impressum-index .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-impressum-index input, body.page-impressum-index select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-impressum-index input::placeholder{ color: #778190; }

body.page-impressum-index input:focus, body.page-impressum-index select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-impressum-index select option{
  color: #0f1115;
  background: #fff;
}

body.page-impressum-index .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-impressum-index .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-impressum-index table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-impressum-index .table-compact table{
  min-width: 0;
}

body.page-impressum-index th, body.page-impressum-index td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-impressum-index th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-impressum-index tr:last-child td{ border-bottom: 0; }
body.page-impressum-index tbody tr{ transition: background .18s ease; }
body.page-impressum-index tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-impressum-index .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-impressum-index .artist, body.page-impressum-index .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-impressum-index .muted{ color: var(--muted); }

body.page-impressum-index .acts{
  display: grid;
  gap: 4px;
}

body.page-impressum-index .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-impressum-index .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-impressum-index .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-impressum-index .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-impressum-index .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-impressum-index .tile-icon, body.page-impressum-index .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-impressum-index .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-impressum-index .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-impressum-index .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-impressum-index .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-impressum-index .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-impressum-index .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-impressum-index .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-impressum-index .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-impressum-index .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-impressum-index .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-impressum-index .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-impressum-index .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-impressum-index .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-impressum-index .content-card h2:first-child{ margin-top: 0; }
body.page-impressum-index .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-impressum-index .content-card ul{ padding-left: 20px; }

body.page-impressum-index footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-impressum-index .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-impressum-index .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-impressum-index .brand span{ display: none; }

  body.page-impressum-index .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-impressum-index .hero{
    grid-template-columns: 1fr;
  }

  body.page-impressum-index .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-impressum-index .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-impressum-index footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-impressum-index .grid{ grid-template-columns: 1fr; }
  body.page-impressum-index .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-impressum-index{
  overflow-y: scroll !important;
}

body.page-impressum-index{
  overflow-x: hidden !important;
}

body.page-impressum-index .site-nav, body.page-impressum-index .page, body.page-impressum-index footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-impressum-index .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-impressum-index .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-impressum-index footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-impressum-index .site-nav, body.page-impressum-index .page, body.page-impressum-index footer{
    width: calc(100% - 28px) !important;
  }

  body.page-impressum-index .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  
/* ===== index.html ===== */


body.page-hub{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-hub *{ box-sizing: border-box; }
body.page-hub{ scroll-behavior: smooth; }

body.page-hub{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-hub a{ color: inherit; text-decoration: none; }

body.page-hub .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-hub .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-hub .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-hub .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-hub .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-hub .nav-links::-webkit-scrollbar{ display: none; }

body.page-hub .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-hub .nav-link:hover, body.page-hub .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-hub .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-hub .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-hub .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-hub .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-hub h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-hub .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-hub .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-hub .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-hub .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-hub .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-hub .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-hub input, body.page-hub select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-hub input::placeholder{ color: #778190; }

body.page-hub input:focus, body.page-hub select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-hub select option{
  color: #0f1115;
  background: #fff;
}

body.page-hub .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-hub .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-hub table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-hub .table-compact table{
  min-width: 0;
}

body.page-hub th, body.page-hub td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-hub th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-hub tr:last-child td{ border-bottom: 0; }
body.page-hub tbody tr{ transition: background .18s ease; }
body.page-hub tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-hub .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-hub .artist, body.page-hub .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-hub .muted{ color: var(--muted); }

body.page-hub .acts{
  display: grid;
  gap: 4px;
}

body.page-hub .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-hub .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-hub .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-hub .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-hub .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-hub .tile-icon, body.page-hub .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-hub .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-hub .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-hub .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-hub .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-hub .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-hub .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-hub .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-hub .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-hub .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-hub .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-hub .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-hub .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-hub .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-hub .content-card h2:first-child{ margin-top: 0; }
body.page-hub .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-hub .content-card ul{ padding-left: 20px; }

body.page-hub footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-hub .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-hub .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-hub .brand span{ display: none; }

  body.page-hub .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-hub .hero{
    grid-template-columns: 1fr;
  }

  body.page-hub .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-hub .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-hub footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-hub .grid{ grid-template-columns: 1fr; }
  body.page-hub .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-hub{
  overflow-y: scroll !important;
}

body.page-hub{
  overflow-x: hidden !important;
}

body.page-hub .site-nav, body.page-hub .page, body.page-hub footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-hub .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-hub .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-hub footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-hub .site-nav, body.page-hub .page, body.page-hub footer{
    width: calc(100% - 28px) !important;
  }

  body.page-hub .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  
/* ===== links/index.html ===== */


body.page-links-index{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-links-index *{ box-sizing: border-box; }
body.page-links-index{ scroll-behavior: smooth; }

body.page-links-index{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-links-index a{ color: inherit; text-decoration: none; }

body.page-links-index .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-links-index .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-links-index .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-links-index .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-links-index .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-links-index .nav-links::-webkit-scrollbar{ display: none; }

body.page-links-index .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-links-index .nav-link:hover, body.page-links-index .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-links-index .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-links-index .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-links-index .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-links-index .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-links-index h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-links-index .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-links-index .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-links-index .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-links-index .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-links-index .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-links-index .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-links-index input, body.page-links-index select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-links-index input::placeholder{ color: #778190; }

body.page-links-index input:focus, body.page-links-index select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-links-index select option{
  color: #0f1115;
  background: #fff;
}

body.page-links-index .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-links-index .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-links-index table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-links-index .table-compact table{
  min-width: 0;
}

body.page-links-index th, body.page-links-index td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-links-index th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-links-index tr:last-child td{ border-bottom: 0; }
body.page-links-index tbody tr{ transition: background .18s ease; }
body.page-links-index tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-links-index .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-links-index .artist, body.page-links-index .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-links-index .muted{ color: var(--muted); }

body.page-links-index .acts{
  display: grid;
  gap: 4px;
}

body.page-links-index .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-links-index .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-links-index .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-links-index .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-links-index .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-links-index .tile-icon, body.page-links-index .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-links-index .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-links-index .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-links-index .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-links-index .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-links-index .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-links-index .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-links-index .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-links-index .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-links-index .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-links-index .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-links-index .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-links-index .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-links-index .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-links-index .content-card h2:first-child{ margin-top: 0; }
body.page-links-index .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-links-index .content-card ul{ padding-left: 20px; }

body.page-links-index footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-links-index .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-links-index .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-links-index .brand span{ display: none; }

  body.page-links-index .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-links-index .hero{
    grid-template-columns: 1fr;
  }

  body.page-links-index .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-links-index .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-links-index footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-links-index .grid{ grid-template-columns: 1fr; }
  body.page-links-index .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-links-index{
  overflow-y: scroll !important;
}

body.page-links-index{
  overflow-x: hidden !important;
}

body.page-links-index .site-nav, body.page-links-index .page, body.page-links-index footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-links-index .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-links-index .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-links-index footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-links-index .site-nav, body.page-links-index .page, body.page-links-index footer{
    width: calc(100% - 28px) !important;
  }

  body.page-links-index .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  


  


  
/* Feintuning Links: Social Icons mit Favicon-Farbwelt, aber ohne DS */
body.page-links-index .link-icon{
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.34), transparent 32%),
    linear-gradient(135deg, #8dd8ff 0%, #9fe8ea 48%, #b7f7d4 100%) !important;
  color: #0f1115 !important;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(141,216,255,.18) !important;
  border: 1px solid rgba(255,255,255,.12);
}

body.page-links-index .link-icon svg{
  width: 21px;
  height: 21px;
  display: block;
  color: #0f1115;
}

body.page-links-index .link-icon span{
  font-size: 20px;
  line-height: 1;
  font-weight: 900;
  color: #0f1115;
}

  
/* ===== posts/articles/ein-jahr-ohne-dich.html ===== */


body.page-posts-article{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-posts-article *{ box-sizing: border-box; }
body.page-posts-article{ scroll-behavior: smooth; }

body.page-posts-article{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-posts-article a{ color: inherit; text-decoration: none; }

body.page-posts-article .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-posts-article .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-posts-article .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-posts-article .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-posts-article .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-posts-article .nav-links::-webkit-scrollbar{ display: none; }

body.page-posts-article .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-posts-article .nav-link:hover, body.page-posts-article .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-posts-article .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-posts-article .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-posts-article .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-posts-article .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-posts-article h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-posts-article .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-posts-article .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-posts-article .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-posts-article .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-posts-article .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-posts-article .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-posts-article input, body.page-posts-article select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-posts-article input::placeholder{ color: #778190; }

body.page-posts-article input:focus, body.page-posts-article select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-posts-article select option{
  color: #0f1115;
  background: #fff;
}

body.page-posts-article .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-posts-article .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-posts-article table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-posts-article .table-compact table{
  min-width: 0;
}

body.page-posts-article th, body.page-posts-article td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-posts-article th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-posts-article tr:last-child td{ border-bottom: 0; }
body.page-posts-article tbody tr{ transition: background .18s ease; }
body.page-posts-article tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-posts-article .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-posts-article .artist, body.page-posts-article .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-posts-article .muted{ color: var(--muted); }

body.page-posts-article .acts{
  display: grid;
  gap: 4px;
}

body.page-posts-article .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-posts-article .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-posts-article .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-posts-article .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-posts-article .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-posts-article .tile-icon, body.page-posts-article .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-posts-article .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-posts-article .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-posts-article .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-posts-article .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-posts-article .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-posts-article .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-posts-article .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-posts-article .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-posts-article .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-posts-article .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-posts-article .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-posts-article .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-posts-article .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-posts-article .content-card h2:first-child{ margin-top: 0; }
body.page-posts-article .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-posts-article .content-card ul{ padding-left: 20px; }

body.page-posts-article footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-posts-article .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-posts-article .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-posts-article .brand span{ display: none; }

  body.page-posts-article .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-posts-article .hero{
    grid-template-columns: 1fr;
  }

  body.page-posts-article .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-posts-article .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-posts-article footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-posts-article .grid{ grid-template-columns: 1fr; }
  body.page-posts-article .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-posts-article{
  overflow-y: scroll !important;
}

body.page-posts-article{
  overflow-x: hidden !important;
}

body.page-posts-article .site-nav, body.page-posts-article .page, body.page-posts-article footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-posts-article .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-posts-article .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-posts-article footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-posts-article .site-nav, body.page-posts-article .page, body.page-posts-article footer{
    width: calc(100% - 28px) !important;
  }

  body.page-posts-article .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  
  body.page-posts-article .post-cover.has-image, body.page-posts-article .post-thumb.has-image, body.page-posts-article .contrast-visual.has-image, body.page-posts-article .preview-cover.has-image{
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  body.page-posts-article .post-thumb.has-image{
    background-position: center 42% !important;
  }

  body.page-posts-article .post-cover.has-image::after, body.page-posts-article .post-thumb.has-image::after, body.page-posts-article .contrast-visual.has-image::before, body.page-posts-article .preview-cover.has-image::after{
    opacity: .10;
  }

  body.page-posts-article .post-cover.has-image::before, body.page-posts-article .post-thumb.has-image::before, body.page-posts-article .contrast-visual.has-image::after, body.page-posts-article .preview-cover.has-image::before{
    content: attr(data-label);
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    display: none;
    align-items: center;
    width: fit-content;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(16,18,23,.72);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 10px 24px rgba(0,0,0,.24);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
  }

  body.page-posts-article .post-cover.has-image[data-label]:not([data-label=""])::before, body.page-posts-article .post-thumb.has-image[data-label]:not([data-label=""])::before, body.page-posts-article .contrast-visual.has-image[data-label]:not([data-label=""])::after, body.page-posts-article .preview-cover.has-image[data-label]:not([data-label=""])::before{
    display: inline-flex;
  }




  body.page-posts-article .article-shell{
    max-width: 980px;
    margin: 0 auto;
  }

  body.page-posts-article .article-hero{
    border: 1px solid var(--line);
    background:
      radial-gradient(circle at 16% 0%, rgba(141,216,255,.18), transparent 34%),
      linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.045));
    border-radius: calc(var(--radius) + 8px);
    box-shadow: var(--shadow);
    padding: clamp(26px, 5vw, 54px);
    margin-bottom: 22px;
  }

  body.page-posts-article .article-kicker{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 18px;
  }

  body.page-posts-article .article-tag{
    display: inline-flex;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(141,216,255,.10);
    border: 1px solid rgba(141,216,255,.22);
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  body.page-posts-article .article-hero h1{
    margin: 0;
    max-width: 820px;
    font-size: clamp(48px, 8vw, 92px);
    line-height: .9;
    letter-spacing: -.075em;
  }

  body.page-posts-article .article-subtitle{
    max-width: 760px;
    margin: 22px 0 0;
    color: rgba(244,247,251,.82);
    font-size: clamp(18px, 2vw, 23px);
    line-height: 1.45;
  }

  body.page-posts-article .contrast-visual{
    margin-top: 34px;
    min-height: 320px;
    border-radius: var(--radius);
    border: 1px solid rgba(255,255,255,.16);
    overflow: hidden;
    position: relative;
    background:
      linear-gradient(90deg, rgba(238,72,72,.74) 0 49.8%, rgba(22,24,31,.95) 49.8% 50.2%, rgba(87,213,127,.66) 50.2% 100%);
  }

  body.page-posts-article .contrast-visual::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 28% 38%, rgba(255,255,255,.20), transparent 22%),
      radial-gradient(circle at 72% 62%, rgba(255,255,255,.16), transparent 22%),
      repeating-linear-gradient(45deg, rgba(15,17,21,.13) 0 12px, transparent 12px 24px);
  }

  body.page-posts-article .contrast-visual::after{
    content: attr(data-label);
    position: absolute;
    left: 24px;
    bottom: 22px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(15,17,21,.72);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(244,247,251,.84);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
  }

  body.page-posts-article .article-body{
    max-width: 100%;
    margin: 0;
    padding: clamp(30px, 5vw, 54px);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: calc(var(--radius) + 8px);
    background:
      radial-gradient(circle at 12% 0%, rgba(141,216,255,.07), transparent 34%),
      rgba(255,255,255,.035);
    box-shadow: 0 18px 58px rgba(0,0,0,.16);
  }

  
  body.page-posts-article .article-body > p, body.page-posts-article .article-body > h2, body.page-posts-article .article-body > blockquote{
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
  }

  body.page-posts-article .article-body p{
    color: rgba(244,247,251,.78);
    font-size: 18px;
    line-height: 1.78;
    margin: 0 0 24px;
    text-align: justify;
    hyphens: auto;
    overflow-wrap: break-word;
  }

  body.page-posts-article .article-body p:first-of-type{
    color: var(--text);
    font-size: 21px;
    line-height: 1.62;
    text-align: justify;
    hyphens: auto;
  }

  body.page-posts-article .article-body h2{
    margin: 44px 0 16px;
    color: var(--text);
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.08;
    letter-spacing: -.045em;
  }

  body.page-posts-article .article-body blockquote{
    margin: 34px 0;
    padding: 24px 26px;
    border-radius: 24px;
    border: 1px solid rgba(141,216,255,.22);
    background: rgba(141,216,255,.08);
    color: var(--text);
    font-size: 22px;
    line-height: 1.45;
    font-weight: 780;
  }

  body.page-posts-article .article-footer-nav{
    max-width: 100%;
    margin: 24px 0 0;
    padding: 22px clamp(30px, 5vw, 54px) 0;
    border-top: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
  }

  body.page-posts-article .article-link{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 900;
  }

  @media  (max-width: 760px) {
    body.page-posts-article .article-hero{
      padding: 24px;
    }

    body.page-posts-article .contrast-visual{
      min-height: 220px;
    }

    body.page-posts-article .article-body{
      padding: 24px;
    }

    body.page-posts-article .article-footer-nav{
      padding-left: 4px;
      padding-right: 4px;
    }


    body.page-posts-article .article-body p, body.page-posts-article .article-body p:first-of-type{
      text-align: left;
      hyphens: auto;
    }

    body.page-posts-article .article-body p, body.page-posts-article .article-body p:first-of-type{
      font-size: 17px;
      line-height: 1.72;
    }
  }

/* ===== posts/articles/rot-oder-gruen.html ===== */


body.page-posts-article{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-posts-article *{ box-sizing: border-box; }
body.page-posts-article{ scroll-behavior: smooth; }

body.page-posts-article{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-posts-article a{ color: inherit; text-decoration: none; }

body.page-posts-article .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-posts-article .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-posts-article .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-posts-article .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-posts-article .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-posts-article .nav-links::-webkit-scrollbar{ display: none; }

body.page-posts-article .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-posts-article .nav-link:hover, body.page-posts-article .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-posts-article .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-posts-article .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-posts-article .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-posts-article .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-posts-article h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-posts-article .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-posts-article .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-posts-article .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-posts-article .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-posts-article .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-posts-article .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-posts-article input, body.page-posts-article select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-posts-article input::placeholder{ color: #778190; }

body.page-posts-article input:focus, body.page-posts-article select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-posts-article select option{
  color: #0f1115;
  background: #fff;
}

body.page-posts-article .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-posts-article .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-posts-article table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-posts-article .table-compact table{
  min-width: 0;
}

body.page-posts-article th, body.page-posts-article td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-posts-article th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-posts-article tr:last-child td{ border-bottom: 0; }
body.page-posts-article tbody tr{ transition: background .18s ease; }
body.page-posts-article tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-posts-article .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-posts-article .artist, body.page-posts-article .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-posts-article .muted{ color: var(--muted); }

body.page-posts-article .acts{
  display: grid;
  gap: 4px;
}

body.page-posts-article .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-posts-article .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-posts-article .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-posts-article .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-posts-article .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-posts-article .tile-icon, body.page-posts-article .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-posts-article .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-posts-article .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-posts-article .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-posts-article .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-posts-article .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-posts-article .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-posts-article .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-posts-article .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-posts-article .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-posts-article .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-posts-article .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-posts-article .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-posts-article .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-posts-article .content-card h2:first-child{ margin-top: 0; }
body.page-posts-article .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-posts-article .content-card ul{ padding-left: 20px; }

body.page-posts-article footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-posts-article .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-posts-article .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-posts-article .brand span{ display: none; }

  body.page-posts-article .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-posts-article .hero{
    grid-template-columns: 1fr;
  }

  body.page-posts-article .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-posts-article .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-posts-article footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-posts-article .grid{ grid-template-columns: 1fr; }
  body.page-posts-article .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-posts-article{
  overflow-y: scroll !important;
}

body.page-posts-article{
  overflow-x: hidden !important;
}

body.page-posts-article .site-nav, body.page-posts-article .page, body.page-posts-article footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-posts-article .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-posts-article .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-posts-article footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-posts-article .site-nav, body.page-posts-article .page, body.page-posts-article footer{
    width: calc(100% - 28px) !important;
  }

  body.page-posts-article .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  


  body.page-posts-article .article-shell{
    max-width: 980px;
    margin: 0 auto;
  }

  body.page-posts-article .article-hero{
    border: 1px solid var(--line);
    background:
      radial-gradient(circle at 16% 0%, rgba(141,216,255,.18), transparent 34%),
      linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.045));
    border-radius: calc(var(--radius) + 8px);
    box-shadow: var(--shadow);
    padding: clamp(26px, 5vw, 54px);
    margin-bottom: 22px;
  }

  body.page-posts-article .article-kicker{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 18px;
  }

  body.page-posts-article .article-tag{
    display: inline-flex;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(141,216,255,.10);
    border: 1px solid rgba(141,216,255,.22);
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  body.page-posts-article .article-hero h1{
    margin: 0;
    max-width: 820px;
    font-size: clamp(48px, 8vw, 92px);
    line-height: .9;
    letter-spacing: -.075em;
  }

  body.page-posts-article .article-subtitle{
    max-width: 760px;
    margin: 22px 0 0;
    color: rgba(244,247,251,.82);
    font-size: clamp(18px, 2vw, 23px);
    line-height: 1.45;
  }

  body.page-posts-article .contrast-visual{
    margin-top: 34px;
    min-height: 320px;
    border-radius: var(--radius);
    border: 1px solid rgba(255,255,255,.16);
    overflow: hidden;
    position: relative;
    background:
      linear-gradient(90deg, rgba(238,72,72,.74) 0 49.8%, rgba(22,24,31,.95) 49.8% 50.2%, rgba(87,213,127,.66) 50.2% 100%);
  }

  body.page-posts-article .contrast-visual::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 28% 38%, rgba(255,255,255,.20), transparent 22%),
      radial-gradient(circle at 72% 62%, rgba(255,255,255,.16), transparent 22%),
      repeating-linear-gradient(45deg, rgba(15,17,21,.18) 0 12px, transparent 12px 24px);
  }

  body.page-posts-article .contrast-visual::after{
    content: "ROT  /  GRÜN";
    position: absolute;
    left: 24px;
    bottom: 22px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(15,17,21,.72);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(244,247,251,.84);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
  }

  body.page-posts-article .article-body{
    max-width: 100%;
    margin: 0;
    padding: clamp(30px, 5vw, 54px);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: calc(var(--radius) + 8px);
    background:
      radial-gradient(circle at 12% 0%, rgba(141,216,255,.07), transparent 34%),
      rgba(255,255,255,.035);
    box-shadow: 0 18px 58px rgba(0,0,0,.16);
  }

  
  body.page-posts-article .article-body > p, body.page-posts-article .article-body > h2, body.page-posts-article .article-body > blockquote{
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
  }

  body.page-posts-article .article-body p{
    color: rgba(244,247,251,.78);
    font-size: 18px;
    line-height: 1.78;
    margin: 0 0 24px;
    text-align: justify;
    hyphens: auto;
    overflow-wrap: break-word;
  }

  body.page-posts-article .article-body p:first-of-type{
    color: var(--text);
    font-size: 21px;
    line-height: 1.62;
    text-align: justify;
    hyphens: auto;
  }

  body.page-posts-article .article-body h2{
    margin: 44px 0 16px;
    color: var(--text);
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.08;
    letter-spacing: -.045em;
  }

  body.page-posts-article .article-body blockquote{
    margin: 34px 0;
    padding: 24px 26px;
    border-radius: 24px;
    border: 1px solid rgba(141,216,255,.22);
    background: rgba(141,216,255,.08);
    color: var(--text);
    font-size: 22px;
    line-height: 1.45;
    font-weight: 780;
  }

  body.page-posts-article .article-footer-nav{
    max-width: 100%;
    margin: 24px 0 0;
    padding: 22px clamp(30px, 5vw, 54px) 0;
    border-top: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
  }

  body.page-posts-article .article-link{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 900;
  }

  @media  (max-width: 760px) {
    body.page-posts-article .article-hero{
      padding: 24px;
    }

    body.page-posts-article .contrast-visual{
      min-height: 220px;
    }

    body.page-posts-article .article-body{
      padding: 24px;
    }

    body.page-posts-article .article-footer-nav{
      padding-left: 4px;
      padding-right: 4px;
    }


    body.page-posts-article .article-body p, body.page-posts-article .article-body p:first-of-type{
      text-align: left;
      hyphens: auto;
    }

    body.page-posts-article .article-body p, body.page-posts-article .article-body p:first-of-type{
      font-size: 17px;
      line-height: 1.72;
    }
  }

/* ===== posts/editor.html ===== */


body.page-posts-editor{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-posts-editor *{ box-sizing: border-box; }
body.page-posts-editor{ scroll-behavior: smooth; }

body.page-posts-editor{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-posts-editor a{ color: inherit; text-decoration: none; }

body.page-posts-editor .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-posts-editor .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-posts-editor .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-posts-editor .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-posts-editor .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-posts-editor .nav-links::-webkit-scrollbar{ display: none; }

body.page-posts-editor .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-posts-editor .nav-link:hover, body.page-posts-editor .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-posts-editor .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-posts-editor .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-posts-editor .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-posts-editor .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-posts-editor h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-posts-editor .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-posts-editor .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-posts-editor .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-posts-editor .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-posts-editor .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-posts-editor .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-posts-editor input, body.page-posts-editor select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-posts-editor input::placeholder{ color: #778190; }

body.page-posts-editor input:focus, body.page-posts-editor select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-posts-editor select option{
  color: #0f1115;
  background: #fff;
}

body.page-posts-editor .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-posts-editor .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-posts-editor table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-posts-editor .table-compact table{
  min-width: 0;
}

body.page-posts-editor th, body.page-posts-editor td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-posts-editor th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-posts-editor tr:last-child td{ border-bottom: 0; }
body.page-posts-editor tbody tr{ transition: background .18s ease; }
body.page-posts-editor tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-posts-editor .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-posts-editor .artist, body.page-posts-editor .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-posts-editor .muted{ color: var(--muted); }

body.page-posts-editor .acts{
  display: grid;
  gap: 4px;
}

body.page-posts-editor .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-posts-editor .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-posts-editor .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-posts-editor .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-posts-editor .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-posts-editor .tile-icon, body.page-posts-editor .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-posts-editor .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-posts-editor .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-posts-editor .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-posts-editor .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-posts-editor .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-posts-editor .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-posts-editor .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-posts-editor .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-posts-editor .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-posts-editor .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-posts-editor .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-posts-editor .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-posts-editor .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-posts-editor .content-card h2:first-child{ margin-top: 0; }
body.page-posts-editor .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-posts-editor .content-card ul{ padding-left: 20px; }

body.page-posts-editor footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-posts-editor .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-posts-editor .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-posts-editor .brand span{ display: none; }

  body.page-posts-editor .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-posts-editor .hero{
    grid-template-columns: 1fr;
  }

  body.page-posts-editor .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-posts-editor .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-posts-editor footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-posts-editor .grid{ grid-template-columns: 1fr; }
  body.page-posts-editor .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-posts-editor{
  overflow-y: scroll !important;
}

body.page-posts-editor{
  overflow-x: hidden !important;
}

body.page-posts-editor .site-nav, body.page-posts-editor .page, body.page-posts-editor footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-posts-editor .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-posts-editor .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-posts-editor footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-posts-editor .site-nav, body.page-posts-editor .page, body.page-posts-editor footer{
    width: calc(100% - 28px) !important;
  }

  body.page-posts-editor .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  
  body.page-posts-editor .post-cover.has-image, body.page-posts-editor .post-thumb.has-image{
    background-size: cover !important;
    background-position: center !important;
  }

  body.page-posts-editor .post-cover.has-image::before, body.page-posts-editor .post-thumb.has-image::before{
    display: none !important;
  }

  body.page-posts-editor .post-cover.has-image::after, body.page-posts-editor .post-thumb.has-image::after{
    opacity: .10;
  }

  body.page-posts-editor .post-thumb.has-image{
    background-position: center 42% !important;
  }


/* Generic post visuals */

  body.page-posts-editor .visual-generic{
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  body.page-posts-editor .visual-generic::after{
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 26% 22%, rgba(255,255,255,.22), transparent 26%),
      repeating-linear-gradient(45deg, rgba(255,255,255,.10) 0 11px, transparent 11px 22px);
  }

  body.page-posts-editor .visual-sport{
    background:
      radial-gradient(circle at 24% 26%, rgba(255,255,255,.24), transparent 24%),
      linear-gradient(135deg, rgba(87,213,127,.72), rgba(141,216,255,.56)) !important;
  }

  body.page-posts-editor .visual-events{
    background:
      radial-gradient(circle at 24% 26%, rgba(255,255,255,.24), transparent 24%),
      linear-gradient(135deg, rgba(255,184,108,.72), rgba(255,107,157,.58)) !important;
  }

  body.page-posts-editor .visual-filme{
    background:
      radial-gradient(circle at 24% 26%, rgba(255,255,255,.22), transparent 24%),
      linear-gradient(135deg, rgba(171,137,255,.70), rgba(141,216,255,.48)) !important;
  }

  body.page-posts-editor .visual-serien{
    background:
      radial-gradient(circle at 24% 26%, rgba(255,255,255,.22), transparent 24%),
      linear-gradient(135deg, rgba(141,216,255,.68), rgba(93,121,255,.48)) !important;
  }

  body.page-posts-editor .visual-persoenliches{
    background:
      radial-gradient(circle at 24% 26%, rgba(255,255,255,.22), transparent 24%),
      linear-gradient(135deg, rgba(255,199,145,.70), rgba(183,247,212,.52)) !important;
  }

  body.page-posts-editor .visual-neutral{
    background:
      radial-gradient(circle at 24% 26%, rgba(255,255,255,.22), transparent 24%),
      linear-gradient(135deg, rgba(141,216,255,.68), rgba(183,247,212,.52)) !important;
  }


  body.page-posts-editor .insert-help{
    margin-top: 18px;
    border: 1px solid rgba(141,216,255,.18);
    border-radius: 18px;
    background:
      radial-gradient(circle at 12% 0%, rgba(141,216,255,.08), transparent 34%),
      rgba(255,255,255,.045);
    padding: 16px;
  }

  body.page-posts-editor .insert-help h3{
    margin: 0 0 10px;
    color: var(--text);
    font-size: 17px;
    letter-spacing: -.02em;
  }

  body.page-posts-editor .insert-help ol{
    margin: 0;
    padding-left: 19px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.58;
    font-weight: 650;
  }

  body.page-posts-editor .insert-help code{
    color: rgba(244,247,251,.90);
    background: rgba(15,17,21,.62);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 8px;
    padding: 2px 6px;
    font-size: 12px;
  }

  body.page-posts-editor .visual-field-row{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }




  body.page-posts-editor .editor-head{ margin-bottom: 24px; }
  body.page-posts-editor .editor-layout{ display: grid; grid-template-columns: minmax(0, 1fr) 430px; gap: 18px; align-items: start; }
  body.page-posts-editor .editor-panel, body.page-posts-editor .preview-panel{ border: 1px solid var(--line); background: rgba(255,255,255,.06); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px; }
  body.page-posts-editor .editor-panel h2, body.page-posts-editor .preview-panel h2{ margin: 0 0 16px; font-size: 28px; line-height: 1.08; letter-spacing: -.04em; }
  body.page-posts-editor .editor-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  body.page-posts-editor .field{ display: grid; gap: 7px; color: var(--muted); font-size: 13px; font-weight: 800; }
  body.page-posts-editor .field-full{ grid-column: 1 / -1; }
  body.page-posts-editor .field input, body.page-posts-editor .field textarea{
    width: 100%; border: 1px solid rgba(255,255,255,.16); border-radius: 16px;
    background: rgba(15,17,21,.58); color: var(--text); padding: 13px 14px; font: inherit; outline: none;
  }
  body.page-posts-editor .field textarea{ min-height: 360px; resize: vertical; }
  body.page-posts-editor .hint{ color: var(--muted); opacity: .75; font-size: 12px; font-weight: 650; }
  body.page-posts-editor .actions{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
  body.page-posts-editor .editor-button{
    border: 0; border-radius: 999px; padding: 12px 15px; font: inherit; font-size: 13px; font-weight: 900;
    cursor: pointer; color: #0f1115; background: linear-gradient(135deg, var(--accent), var(--accent-2, #b7f7d4));
    box-shadow: 0 14px 34px rgba(141,216,255,.16);
  }
  body.page-posts-editor .editor-button.secondary{ color: var(--text); background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.14); box-shadow: none; }
  body.page-posts-editor .preview-card{ border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.045); padding: 16px; }
  body.page-posts-editor .preview-cover{
    height: 150px; border-radius: var(--radius-sm); border: 1px solid var(--line);
    background: radial-gradient(circle at 22% 22%, rgba(255,255,255,.28), transparent 24%), linear-gradient(135deg, rgba(141,216,255,.75), rgba(183,247,212,.55));
    margin-bottom: 16px; position: relative; overflow: hidden;
  }
  body.page-posts-editor .preview-cover::after{ content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(45deg, rgba(15,17,21,.13) 0 12px, transparent 12px 24px); }
  body.page-posts-editor .preview-card h3{ margin: 0 0 10px; font-size: 24px; line-height: 1.08; letter-spacing: -.04em; }
  body.page-posts-editor .preview-card p{ color: var(--muted); margin: 0; }
  body.page-posts-editor .post-meta{ display: flex; gap: 8px; flex-wrap: wrap; align-items: center; color: var(--muted); font-size: 13px; font-weight: 750; margin-bottom: 12px; }
  body.page-posts-editor .post-tag{ display: inline-flex; width: fit-content; padding: 6px 10px; border-radius: 999px; background: rgba(141,216,255,.10); border: 1px solid rgba(141,216,255,.22); color: var(--accent); font-size: 12px; font-weight: 850; }
  body.page-posts-editor .post-dot{ color: rgba(244,247,251,.35); font-weight: 700; }
  body.page-posts-editor .post-topic{ color: rgba(244,247,251,.68); font-weight: 800; }
  body.page-posts-editor .code-title{ margin: 22px 0 10px; color: var(--muted); font-size: 13px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
  body.page-posts-editor pre{ white-space: pre-wrap; word-break: break-word; margin: 0; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(15,17,21,.56); padding: 14px; color: rgba(244,247,251,.82); min-height: 110px; max-height: 280px; overflow: auto; font-size: 12px; }
  body.page-posts-editor .format-help{ border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.045); padding: 16px; }
  body.page-posts-editor .format-help h3{ margin: 0 0 8px; color: var(--text); font-size: 17px; letter-spacing: -.02em; }
  body.page-posts-editor .format-help p{ margin: 0 0 14px; color: var(--muted); font-size: 13px; font-weight: 650; }
  body.page-posts-editor .format-grid{ display: grid; grid-template-columns: minmax(160px, .75fr) minmax(0, 1fr); gap: 8px 12px; align-items: center; }
  body.page-posts-editor .format-grid code{ display: inline-flex; width: fit-content; max-width: 100%; padding: 6px 9px; border-radius: 10px; background: rgba(15,17,21,.62); border: 1px solid rgba(255,255,255,.10); color: rgba(244,247,251,.9); font-size: 12px; white-space: normal; }
  body.page-posts-editor .format-grid span{ color: var(--muted); font-size: 13px; font-weight: 700; }
  body.page-posts-editor .image-note{ margin-top: 10px; color: var(--muted); font-size: 12px; line-height: 1.45; }

  body.page-posts-editor .post-cover.has-image, body.page-posts-editor .post-thumb.has-image, body.page-posts-editor .contrast-visual.has-image, body.page-posts-editor .preview-cover.has-image{
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  body.page-posts-editor .post-thumb.has-image{
    background-position: center 42% !important;
  }

  body.page-posts-editor .post-cover.has-image::after, body.page-posts-editor .post-thumb.has-image::after, body.page-posts-editor .contrast-visual.has-image::before, body.page-posts-editor .preview-cover.has-image::after{
    opacity: .10;
  }

  body.page-posts-editor .post-cover.has-image::before, body.page-posts-editor .post-thumb.has-image::before, body.page-posts-editor .contrast-visual.has-image::after, body.page-posts-editor .preview-cover.has-image::before{
    content: attr(data-label);
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    display: none;
    align-items: center;
    width: fit-content;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(16,18,23,.72);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 10px 24px rgba(0,0,0,.24);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
  }

  body.page-posts-editor .post-cover.has-image[data-label]:not([data-label=""])::before, body.page-posts-editor .post-thumb.has-image[data-label]:not([data-label=""])::before, body.page-posts-editor .contrast-visual.has-image[data-label]:not([data-label=""])::after, body.page-posts-editor .preview-cover.has-image[data-label]:not([data-label=""])::before{
    display: inline-flex;
  }

  @media  (max-width: 980px) { body.page-posts-editor .editor-layout{ grid-template-columns: 1fr; } }
  @media  (max-width: 760px) { body.page-posts-editor .editor-grid{ grid-template-columns: 1fr; } body.page-posts-editor .editor-panel, body.page-posts-editor .preview-panel{ padding: 20px; } body.page-posts-editor .format-grid{ grid-template-columns: 1fr; } }

/* ===== posts/index.html ===== */


body.page-posts-index{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-posts-index *{ box-sizing: border-box; }
body.page-posts-index{ scroll-behavior: smooth; }

body.page-posts-index{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-posts-index a{ color: inherit; text-decoration: none; }

body.page-posts-index .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-posts-index .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-posts-index .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-posts-index .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-posts-index .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-posts-index .nav-links::-webkit-scrollbar{ display: none; }

body.page-posts-index .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-posts-index .nav-link:hover, body.page-posts-index .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-posts-index .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-posts-index .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-posts-index .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-posts-index .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-posts-index h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-posts-index .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-posts-index .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-posts-index .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-posts-index .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-posts-index .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-posts-index .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-posts-index input, body.page-posts-index select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-posts-index input::placeholder{ color: #778190; }

body.page-posts-index input:focus, body.page-posts-index select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-posts-index select option{
  color: #0f1115;
  background: #fff;
}

body.page-posts-index .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-posts-index .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-posts-index table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-posts-index .table-compact table{
  min-width: 0;
}

body.page-posts-index th, body.page-posts-index td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-posts-index th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-posts-index tr:last-child td{ border-bottom: 0; }
body.page-posts-index tbody tr{ transition: background .18s ease; }
body.page-posts-index tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-posts-index .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-posts-index .artist, body.page-posts-index .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-posts-index .muted{ color: var(--muted); }

body.page-posts-index .acts{
  display: grid;
  gap: 4px;
}

body.page-posts-index .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-posts-index .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-posts-index .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-posts-index .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-posts-index .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-posts-index .tile-icon, body.page-posts-index .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-posts-index .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-posts-index .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-posts-index .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-posts-index .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-posts-index .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-posts-index .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-posts-index .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-posts-index .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-posts-index .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-posts-index .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-posts-index .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-posts-index .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-posts-index .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-posts-index .content-card h2:first-child{ margin-top: 0; }
body.page-posts-index .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-posts-index .content-card ul{ padding-left: 20px; }

body.page-posts-index footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-posts-index .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-posts-index .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-posts-index .brand span{ display: none; }

  body.page-posts-index .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-posts-index .hero{
    grid-template-columns: 1fr;
  }

  body.page-posts-index .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-posts-index .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-posts-index footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-posts-index .grid{ grid-template-columns: 1fr; }
  body.page-posts-index .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-posts-index{
  overflow-y: scroll !important;
}

body.page-posts-index{
  overflow-x: hidden !important;
}

body.page-posts-index .site-nav, body.page-posts-index .page, body.page-posts-index footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-posts-index .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-posts-index .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-posts-index footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-posts-index .site-nav, body.page-posts-index .page, body.page-posts-index footer{
    width: calc(100% - 28px) !important;
  }

  body.page-posts-index .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  
  body.page-posts-index .post-cover.has-image, body.page-posts-index .post-thumb.has-image{
    background-size: cover !important;
    background-position: center !important;
  }

  body.page-posts-index .post-cover.has-image::before, body.page-posts-index .post-thumb.has-image::before{
    display: none !important;
  }

  body.page-posts-index .post-cover.has-image::after, body.page-posts-index .post-thumb.has-image::after{
    opacity: .10;
  }

  body.page-posts-index .post-thumb.has-image{
    background-position: center 42% !important;
  }


  body.page-posts-index .post-cover.has-image, body.page-posts-index .post-thumb.has-image, body.page-posts-index .contrast-visual.has-image, body.page-posts-index .preview-cover.has-image{
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  body.page-posts-index .post-thumb.has-image{
    background-position: center 42% !important;
  }

  body.page-posts-index .post-cover.has-image::after, body.page-posts-index .post-thumb.has-image::after, body.page-posts-index .contrast-visual.has-image::before, body.page-posts-index .preview-cover.has-image::after{
    opacity: .10;
  }

  body.page-posts-index .post-cover.has-image::before, body.page-posts-index .post-thumb.has-image::before, body.page-posts-index .contrast-visual.has-image::after, body.page-posts-index .preview-cover.has-image::before{
    content: attr(data-label);
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    display: none;
    align-items: center;
    width: fit-content;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(16,18,23,.72);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 10px 24px rgba(0,0,0,.24);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
  }

  body.page-posts-index .post-cover.has-image[data-label]:not([data-label=""])::before, body.page-posts-index .post-thumb.has-image[data-label]:not([data-label=""])::before, body.page-posts-index .contrast-visual.has-image[data-label]:not([data-label=""])::after, body.page-posts-index .preview-cover.has-image[data-label]:not([data-label=""])::before{
    display: inline-flex;
  }


/* Featured slider final */

  body.page-posts-index .featured-slider{
    position: relative;
    margin: 0 0 32px;
  }

  body.page-posts-index .featured-track{
    display: grid;
  }

  body.page-posts-index .featured-slide{
    grid-area: 1 / 1;
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity .22s ease, transform .22s ease;
  }

  body.page-posts-index .featured-slide.active{
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  body.page-posts-index .featured-controls{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 14px;
  }

  body.page-posts-index .featured-nav{
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: var(--text);
    cursor: pointer;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
  }

  body.page-posts-index .featured-nav:hover{
    background: rgba(255,255,255,.10);
  }

  body.page-posts-index .featured-dots{
    display: flex;
    gap: 7px;
    align-items: center;
  }

  body.page-posts-index .featured-dot{
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 999px;
    background: rgba(244,247,251,.28);
    cursor: pointer;
    padding: 0;
  }

  body.page-posts-index .featured-dot.active{
    width: 22px;
    background: var(--accent);
  }

  body.page-posts-index .post-cover.has-image[data-label]:not([data-label=""])::before, body.page-posts-index .post-thumb.has-image[data-label]:not([data-label=""])::before, body.page-posts-index .preview-cover.has-image[data-label]:not([data-label=""])::before{
    display: inline-flex !important;
  }

  body.page-posts-index .post-cover.has-image::before, body.page-posts-index .post-thumb.has-image::before, body.page-posts-index .preview-cover.has-image::before{
    content: attr(data-label);
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    align-items: center;
    width: fit-content;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(16,18,23,.72);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 10px 24px rgba(0,0,0,.24);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
  }


/* Generic post visuals */

  body.page-posts-index .visual-generic{
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  body.page-posts-index .visual-generic::after{
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 26% 22%, rgba(255,255,255,.22), transparent 26%),
      repeating-linear-gradient(45deg, rgba(255,255,255,.10) 0 11px, transparent 11px 22px);
  }

  body.page-posts-index .visual-sport{
    background:
      radial-gradient(circle at 24% 26%, rgba(255,255,255,.24), transparent 24%),
      linear-gradient(135deg, rgba(87,213,127,.72), rgba(141,216,255,.56)) !important;
  }

  body.page-posts-index .visual-events{
    background:
      radial-gradient(circle at 24% 26%, rgba(255,255,255,.24), transparent 24%),
      linear-gradient(135deg, rgba(255,184,108,.72), rgba(255,107,157,.58)) !important;
  }

  body.page-posts-index .visual-filme{
    background:
      radial-gradient(circle at 24% 26%, rgba(255,255,255,.22), transparent 24%),
      linear-gradient(135deg, rgba(171,137,255,.70), rgba(141,216,255,.48)) !important;
  }

  body.page-posts-index .visual-serien{
    background:
      radial-gradient(circle at 24% 26%, rgba(255,255,255,.22), transparent 24%),
      linear-gradient(135deg, rgba(141,216,255,.68), rgba(93,121,255,.48)) !important;
  }

  body.page-posts-index .visual-persoenliches{
    background:
      radial-gradient(circle at 24% 26%, rgba(255,255,255,.22), transparent 24%),
      linear-gradient(135deg, rgba(255,199,145,.70), rgba(183,247,212,.52)) !important;
  }

  body.page-posts-index .visual-neutral{
    background:
      radial-gradient(circle at 24% 26%, rgba(255,255,255,.22), transparent 24%),
      linear-gradient(135deg, rgba(141,216,255,.68), rgba(183,247,212,.52)) !important;
  }




  body.page-posts-index .posts-hero{
    display: block;
    margin-bottom: 28px;
  }

  body.page-posts-index .posts-hero .lead{
    max-width: 760px;
  }

  body.page-posts-index .featured-post{
    display: grid;
    grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr);
    gap: 22px;
    align-items: stretch;
    margin-bottom: 28px;
  }

  body.page-posts-index .post-cover{
    min-height: 245px;
    border-radius: var(--radius);
    border: 1px solid rgba(255,255,255,.16);
    position: relative;
    overflow: hidden;
    background:
      linear-gradient(90deg, rgba(238,72,72,.74) 0 49.8%, rgba(22,24,31,.95) 49.8% 50.2%, rgba(87,213,127,.66) 50.2% 100%);
  }

  
  body.page-posts-index .post-cover::before{
    content: "ROT / GRÜN";
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(16,18,23,.72);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 10px 24px rgba(0,0,0,.24);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
  }

  body.page-posts-index .post-cover::after{
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 28% 38%, rgba(255,255,255,.20), transparent 22%),
      radial-gradient(circle at 72% 62%, rgba(255,255,255,.16), transparent 22%),
      repeating-linear-gradient(45deg, rgba(255,255,255,.08) 0 11px, transparent 11px 22px);
  }

  body.page-posts-index .featured-copy{
    background: rgba(255,255,255,.06);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  body.page-posts-index .featured-copy h2{
    margin: 0 0 12px;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.05;
    letter-spacing: -.055em;
  }

  body.page-posts-index .featured-copy p{
    color: var(--muted);
    font-size: 17px;
    margin: 0;
    max-width: 680px;
  }

  body.page-posts-index .post-meta{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 12px;
  }

  
  body.page-posts-index .post-dot{
    color: rgba(244,247,251,.35);
    font-weight: 700;
  }

  body.page-posts-index .post-topic{
    color: rgba(244,247,251,.68);
    font-weight: 800;
  }

  body.page-posts-index .post-tag{
    display: inline-flex;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(141,216,255,.10);
    border: 1px solid rgba(141,216,255,.22);
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  body.page-posts-index .post-button, body.page-posts-index .read-more{
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 850;
  }

  body.page-posts-index .post-list{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }

  body.page-posts-index .post-card{
    background: rgba(255,255,255,.06);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 16px;
    min-height: 260px;
    display: flex;
    flex-direction: column;
  }

  body.page-posts-index .post-thumb{
    height: 112px;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(255,255,255,.16);
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
    background:
      linear-gradient(90deg, rgba(238,72,72,.74) 0 49.8%, rgba(22,24,31,.95) 49.8% 50.2%, rgba(87,213,127,.66) 50.2% 100%);
  }

  
  body.page-posts-index .post-thumb::before{
    content: "ROT / GRÜN";
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(16,18,23,.72);
    border: 1px solid rgba(255,255,255,.10);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .05em;
  }

  body.page-posts-index .post-thumb::after{
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 28% 38%, rgba(255,255,255,.20), transparent 22%),
      radial-gradient(circle at 72% 62%, rgba(255,255,255,.16), transparent 22%),
      repeating-linear-gradient(45deg, rgba(255,255,255,.08) 0 11px, transparent 11px 22px);
  }

  body.page-posts-index .post-card h3{
    margin: 0 0 10px;
    font-size: 21px;
    line-height: 1.08;
    letter-spacing: -.035em;
  }

  body.page-posts-index .post-card p{
    color: var(--muted);
    font-size: 14px;
    flex: 1;
    margin: 0;
  }

  @media  (max-width: 900px) {
    body.page-posts-index .featured-post{
      grid-template-columns: 1fr;
    }

    body.page-posts-index .post-cover{
      min-height: 180px;
    }

    body.page-posts-index .post-list{
      grid-template-columns: 1fr;
    }
  }

/* ===== ratings/index.html ===== */


body.page-ratings-index{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-ratings-index *{ box-sizing: border-box; }
body.page-ratings-index{ scroll-behavior: smooth; }

body.page-ratings-index{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-ratings-index a{ color: inherit; text-decoration: none; }

body.page-ratings-index .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-ratings-index .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-ratings-index .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-ratings-index .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-ratings-index .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-ratings-index .nav-links::-webkit-scrollbar{ display: none; }

body.page-ratings-index .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-ratings-index .nav-link:hover, body.page-ratings-index .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-ratings-index .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-ratings-index .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-ratings-index .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-ratings-index .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-ratings-index h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-ratings-index .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-ratings-index .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-ratings-index .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-ratings-index .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-ratings-index .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-ratings-index .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-ratings-index input, body.page-ratings-index select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-ratings-index input::placeholder{ color: #778190; }

body.page-ratings-index input:focus, body.page-ratings-index select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-ratings-index select option{
  color: #0f1115;
  background: #fff;
}

body.page-ratings-index .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-ratings-index .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-ratings-index table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-ratings-index .table-compact table{
  min-width: 0;
}

body.page-ratings-index th, body.page-ratings-index td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-ratings-index th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-ratings-index tr:last-child td{ border-bottom: 0; }
body.page-ratings-index tbody tr{ transition: background .18s ease; }
body.page-ratings-index tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-ratings-index .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-ratings-index .artist, body.page-ratings-index .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-ratings-index .muted{ color: var(--muted); }

body.page-ratings-index .acts{
  display: grid;
  gap: 4px;
}

body.page-ratings-index .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-ratings-index .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-ratings-index .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-ratings-index .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-ratings-index .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-ratings-index .tile-icon, body.page-ratings-index .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-ratings-index .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-ratings-index .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-ratings-index .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-ratings-index .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-ratings-index .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-ratings-index .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-ratings-index .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-ratings-index .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-ratings-index .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-ratings-index .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-ratings-index .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-ratings-index .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-ratings-index .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-ratings-index .content-card h2:first-child{ margin-top: 0; }
body.page-ratings-index .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-ratings-index .content-card ul{ padding-left: 20px; }

body.page-ratings-index footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-ratings-index .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-ratings-index .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-ratings-index .brand span{ display: none; }

  body.page-ratings-index .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-ratings-index .hero{
    grid-template-columns: 1fr;
  }

  body.page-ratings-index .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-ratings-index .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-ratings-index footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-ratings-index .grid{ grid-template-columns: 1fr; }
  body.page-ratings-index .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-ratings-index{
  overflow-y: scroll !important;
}

body.page-ratings-index{
  overflow-x: hidden !important;
}

body.page-ratings-index .site-nav, body.page-ratings-index .page, body.page-ratings-index footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-ratings-index .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-ratings-index .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-ratings-index footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-ratings-index .site-nav, body.page-ratings-index .page, body.page-ratings-index footer{
    width: calc(100% - 28px) !important;
  }

  body.page-ratings-index .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  
/* Ratings Feintuning: Statistik in eigener Zeile */
body.page-ratings-index .ratings-stats-row{
  margin: 0 0 18px;
}

body.page-ratings-index .ratings-stats{
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0 !important;
  width: 100%;
}

body.page-ratings-index .ratings-stats .stat{
  min-height: 92px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.page-ratings-index .ratings-stats .stat-value{
  font-size: 24px;
  line-height: 1.08;
  white-space: nowrap;
}

body.page-ratings-index .ratings-stats .stat-label{
  font-size: 12px;
}

@media  (max-width: 1180px) {
  body.page-ratings-index .ratings-stats{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media  (max-width: 860px) {
  body.page-ratings-index .ratings-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

  
/* ===== series/index.html ===== */


body.page-series-index{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-series-index *{ box-sizing: border-box; }
body.page-series-index{ scroll-behavior: smooth; }

body.page-series-index{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-series-index a{ color: inherit; text-decoration: none; }

body.page-series-index .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-series-index .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-series-index .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-series-index .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-series-index .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-series-index .nav-links::-webkit-scrollbar{ display: none; }

body.page-series-index .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-series-index .nav-link:hover, body.page-series-index .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-series-index .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-series-index .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-series-index .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-series-index .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-series-index h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-series-index .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-series-index .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-series-index .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-series-index .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-series-index .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-series-index .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-series-index input, body.page-series-index select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-series-index input::placeholder{ color: #778190; }

body.page-series-index input:focus, body.page-series-index select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-series-index select option{
  color: #0f1115;
  background: #fff;
}

body.page-series-index .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-series-index .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-series-index table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-series-index .table-compact table{
  min-width: 0;
}

body.page-series-index th, body.page-series-index td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-series-index th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-series-index tr:last-child td{ border-bottom: 0; }
body.page-series-index tbody tr{ transition: background .18s ease; }
body.page-series-index tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-series-index .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-series-index .artist, body.page-series-index .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-series-index .muted{ color: var(--muted); }

body.page-series-index .acts{
  display: grid;
  gap: 4px;
}

body.page-series-index .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-series-index .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-series-index .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-series-index .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-series-index .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-series-index .tile-icon, body.page-series-index .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-series-index .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-series-index .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-series-index .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-series-index .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-series-index .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-series-index .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-series-index .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-series-index .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-series-index .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-series-index .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-series-index .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-series-index .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-series-index .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-series-index .content-card h2:first-child{ margin-top: 0; }
body.page-series-index .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-series-index .content-card ul{ padding-left: 20px; }

body.page-series-index footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-series-index .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-series-index .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-series-index .brand span{ display: none; }

  body.page-series-index .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-series-index .hero{
    grid-template-columns: 1fr;
  }

  body.page-series-index .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-series-index .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-series-index footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-series-index .grid{ grid-template-columns: 1fr; }
  body.page-series-index .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-series-index{
  overflow-y: scroll !important;
}

body.page-series-index{
  overflow-x: hidden !important;
}

body.page-series-index .site-nav, body.page-series-index .page, body.page-series-index footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-series-index .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-series-index .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-series-index footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-series-index .site-nav, body.page-series-index .page, body.page-series-index footer{
    width: calc(100% - 28px) !important;
  }

  body.page-series-index .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  
/* Serien Feintuning: Statistik in eigener Zeile */
body.page-series-index .series-stats-row{
  margin: 0 0 18px;
}

body.page-series-index .series-stats{
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0 !important;
  width: 100%;
}

body.page-series-index .series-stats .stat{
  min-height: 92px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.page-series-index .series-stats .stat-value{
  font-size: 24px;
  line-height: 1.08;
  white-space: nowrap;
}

body.page-series-index .series-stats .stat-label{
  font-size: 12px;
}

@media  (max-width: 1180px) {
  body.page-series-index .series-stats{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media  (max-width: 860px) {
  body.page-series-index .series-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

  
/* ===== sports/index.html ===== */


body.page-sports-index{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-sports-index *{ box-sizing: border-box; }
body.page-sports-index{ scroll-behavior: smooth; }

body.page-sports-index{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-sports-index a{ color: inherit; text-decoration: none; }

body.page-sports-index .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-sports-index .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-sports-index .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-sports-index .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-sports-index .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-sports-index .nav-links::-webkit-scrollbar{ display: none; }

body.page-sports-index .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-sports-index .nav-link:hover, body.page-sports-index .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-sports-index .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-sports-index .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-sports-index .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-sports-index .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-sports-index h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-sports-index .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-sports-index .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-sports-index .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-sports-index .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-sports-index .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-sports-index .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-sports-index input, body.page-sports-index select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-sports-index input::placeholder{ color: #778190; }

body.page-sports-index input:focus, body.page-sports-index select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-sports-index select option{
  color: #0f1115;
  background: #fff;
}

body.page-sports-index .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-sports-index .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-sports-index table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-sports-index .table-compact table{
  min-width: 0;
}

body.page-sports-index th, body.page-sports-index td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-sports-index th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-sports-index tr:last-child td{ border-bottom: 0; }
body.page-sports-index tbody tr{ transition: background .18s ease; }
body.page-sports-index tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-sports-index .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-sports-index .artist, body.page-sports-index .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-sports-index .muted{ color: var(--muted); }

body.page-sports-index .acts{
  display: grid;
  gap: 4px;
}

body.page-sports-index .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-sports-index .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-sports-index .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-sports-index .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-sports-index .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-sports-index .tile-icon, body.page-sports-index .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-sports-index .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-sports-index .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-sports-index .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-sports-index .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-sports-index .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-sports-index .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-sports-index .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-sports-index .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-sports-index .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-sports-index .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-sports-index .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-sports-index .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-sports-index .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-sports-index .content-card h2:first-child{ margin-top: 0; }
body.page-sports-index .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-sports-index .content-card ul{ padding-left: 20px; }

body.page-sports-index footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-sports-index .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-sports-index .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-sports-index .brand span{ display: none; }

  body.page-sports-index .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-sports-index .hero{
    grid-template-columns: 1fr;
  }

  body.page-sports-index .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-sports-index .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-sports-index footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-sports-index .grid{ grid-template-columns: 1fr; }
  body.page-sports-index .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-sports-index{
  overflow-y: scroll !important;
}

body.page-sports-index{
  overflow-x: hidden !important;
}

body.page-sports-index .site-nav, body.page-sports-index .page, body.page-sports-index footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-sports-index .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-sports-index .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-sports-index footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-sports-index .site-nav, body.page-sports-index .page, body.page-sports-index footer{
    width: calc(100% - 28px) !important;
  }

  body.page-sports-index .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  
/* Sport Feintuning: Statistik in eigener Zeile */
body.page-sports-index .hero{
  display: block !important;
  margin-bottom: 18px;
}

body.page-sports-index .sports-stats-row{
  margin: 0 0 18px;
}

body.page-sports-index .sports-stats{
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
  min-width: 0 !important;
  width: 100%;
}

body.page-sports-index .sports-stats .stat, body.page-sports-index .sports-stats .stat-wide{
  grid-column: auto !important;
}

body.page-sports-index .sports-stats .stat-value{
  font-size: 26px;
}

@media  (max-width: 1180px) {
  body.page-sports-index .sports-stats{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media  (max-width: 860px) {
  body.page-sports-index .sports-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

  
/* Sport Feintuning: kompaktere Statistik-Kacheln */
body.page-sports-index .sports-stats{
  gap: 10px;
}

body.page-sports-index .sports-stats .stat{
  min-height: 92px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.page-sports-index .sports-stats .stat-value{
  font-size: 24px;
  line-height: 1.08;
  white-space: nowrap;
}

body.page-sports-index .sports-stats .stat-label{
  font-size: 12px;
}

body.page-sports-index .range-separator{
  display: inline-block;
  margin: 0 7px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
  transform: translateY(-1px);
}

@media  (max-width: 1180px) {
  body.page-sports-index .sports-stats .stat{
    min-height: 86px;
  }
}

  
/* ===== tools/index.html ===== */


body.page-tools-hub{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-tools-hub *{ box-sizing: border-box; }
body.page-tools-hub{ scroll-behavior: smooth; }

body.page-tools-hub{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-tools-hub a{ color: inherit; text-decoration: none; }

body.page-tools-hub .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-tools-hub .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-tools-hub .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-tools-hub .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-tools-hub .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-tools-hub .nav-links::-webkit-scrollbar{ display: none; }

body.page-tools-hub .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-tools-hub .nav-link:hover, body.page-tools-hub .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-tools-hub .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-tools-hub .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-tools-hub .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-tools-hub .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-tools-hub h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-tools-hub .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-tools-hub .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-tools-hub .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-tools-hub .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-tools-hub .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-tools-hub .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-tools-hub input, body.page-tools-hub select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-tools-hub input::placeholder{ color: #778190; }

body.page-tools-hub input:focus, body.page-tools-hub select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-tools-hub select option{
  color: #0f1115;
  background: #fff;
}

body.page-tools-hub .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-tools-hub .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-tools-hub table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-tools-hub .table-compact table{
  min-width: 0;
}

body.page-tools-hub th, body.page-tools-hub td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-tools-hub th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-tools-hub tr:last-child td{ border-bottom: 0; }
body.page-tools-hub tbody tr{ transition: background .18s ease; }
body.page-tools-hub tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-tools-hub .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-tools-hub .artist, body.page-tools-hub .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-tools-hub .muted{ color: var(--muted); }

body.page-tools-hub .acts{
  display: grid;
  gap: 4px;
}

body.page-tools-hub .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-tools-hub .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-tools-hub .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-tools-hub .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-tools-hub .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-tools-hub .tile-icon, body.page-tools-hub .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-tools-hub .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-tools-hub .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-tools-hub .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-tools-hub .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-tools-hub .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-tools-hub .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-tools-hub .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-tools-hub .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-tools-hub .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-tools-hub .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-tools-hub .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-tools-hub .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-tools-hub .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-tools-hub .content-card h2:first-child{ margin-top: 0; }
body.page-tools-hub .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-tools-hub .content-card ul{ padding-left: 20px; }

body.page-tools-hub footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-tools-hub .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-tools-hub .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-tools-hub .brand span{ display: none; }

  body.page-tools-hub .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-tools-hub .hero{
    grid-template-columns: 1fr;
  }

  body.page-tools-hub .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-tools-hub .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-tools-hub footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-tools-hub .grid{ grid-template-columns: 1fr; }
  body.page-tools-hub .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-tools-hub{
  overflow-y: scroll !important;
}

body.page-tools-hub{
  overflow-x: hidden !important;
}

body.page-tools-hub .site-nav, body.page-tools-hub .page, body.page-tools-hub footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-tools-hub .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-tools-hub .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-tools-hub footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-tools-hub .site-nav, body.page-tools-hub .page, body.page-tools-hub footer{
    width: calc(100% - 28px) !important;
  }

  body.page-tools-hub .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  


  body.page-tools-hub .csv-layout{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: 18px;
    align-items: start;
  }

  body.page-tools-hub .csv-panel, body.page-tools-hub .csv-output{
    border: 1px solid var(--line);
    background: rgba(255,255,255,.06);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 24px;
  }

  body.page-tools-hub .csv-panel h2, body.page-tools-hub .csv-output h2{
    margin: 0 0 16px;
    font-size: 28px;
    line-height: 1.08;
    letter-spacing: -.04em;
  }

  body.page-tools-hub .csv-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  body.page-tools-hub .field{
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
  }

  body.page-tools-hub .field-full{
    grid-column: 1 / -1;
  }

  body.page-tools-hub .field input, body.page-tools-hub .field select, body.page-tools-hub .field textarea{
    width: 100%;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 16px;
    background: rgba(15,17,21,.58);
    color: var(--text);
    padding: 13px 14px;
    font: inherit;
    outline: none;
  }

  body.page-tools-hub .field textarea{
    min-height: 86px;
    resize: vertical;
  }

  body.page-tools-hub .hint{
    color: var(--muted);
    opacity: .75;
    font-size: 12px;
    font-weight: 650;
  }

  body.page-tools-hub .dynamic-fields{
    display: contents;
  }

  body.page-tools-hub .actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
  }

  body.page-tools-hub .editor-button{
    border: 0;
    border-radius: 999px;
    padding: 12px 15px;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    color: #0f1115;
    background: linear-gradient(135deg, var(--accent), var(--accent-2, #b7f7d4));
    box-shadow: 0 14px 34px rgba(141,216,255,.16);
  }

  body.page-tools-hub .editor-button.secondary{
    color: var(--text);
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: none;
  }

  body.page-tools-hub pre{
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 18px;
    background: rgba(15,17,21,.56);
    padding: 14px;
    color: rgba(244,247,251,.82);
    min-height: 110px;
    max-height: 280px;
    overflow: auto;
    font-size: 12px;
  }

  body.page-tools-hub .mini-help{
    margin-top: 16px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    padding: 16px;
  }

  body.page-tools-hub .mini-help h3{
    margin: 0 0 8px;
    font-size: 17px;
    letter-spacing: -.02em;
  }

  body.page-tools-hub .mini-help p, body.page-tools-hub .mini-help li{
    color: var(--muted);
    font-size: 13px;
    line-height: 1.55;
  }

  body.page-tools-hub .mini-help ul{
    margin: 8px 0 0;
    padding-left: 18px;
  }

  body.page-tools-hub .filename{
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(141,216,255,.10);
    border: 1px solid rgba(141,216,255,.22);
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  @media  (max-width: 980px) {
    body.page-tools-hub .csv-layout{
      grid-template-columns: 1fr;
    }
  }

  @media  (max-width: 760px) {
    body.page-tools-hub .csv-grid{
      grid-template-columns: 1fr;
    }

    body.page-tools-hub .csv-panel, body.page-tools-hub .csv-output{
      padding: 20px;
    }
  }


/* ===== Generic visuals for posts ===== */
body.page-posts-index .visual-generic,
body.page-posts-editor .visual-generic,
body.page-posts-article .visual-generic {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body.page-posts-index .visual-sport,
body.page-posts-editor .visual-sport,
body.page-posts-article .visual-sport { background-image: url('../../posts/assets/images/generic/sport.png') !important; }
body.page-posts-index .visual-events,
body.page-posts-editor .visual-events,
body.page-posts-article .visual-events { background-image: url('../../posts/assets/images/generic/events.png') !important; }
body.page-posts-index .visual-filme,
body.page-posts-editor .visual-filme,
body.page-posts-article .visual-filme { background-image: url('../../posts/assets/images/generic/filme.png') !important; }
body.page-posts-index .visual-serien,
body.page-posts-editor .visual-serien,
body.page-posts-article .visual-serien { background-image: url('../../posts/assets/images/generic/serien.png') !important; }
body.page-posts-index .visual-persoenliches,
body.page-posts-editor .visual-persoenliches,
body.page-posts-article .visual-persoenliches { background-image: url('../../posts/assets/images/generic/persoenliches.png') !important; }
body.page-posts-index .visual-kueche,
body.page-posts-editor .visual-kueche,
body.page-posts-article .visual-kueche { background-image: url('../../posts/assets/images/generic/kueche.png') !important; }
body.page-posts-index .visual-reisen,
body.page-posts-editor .visual-reisen,
body.page-posts-article .visual-reisen { background-image: url('../../posts/assets/images/generic/reisen.png') !important; }
body.page-posts-index .visual-technik,
body.page-posts-editor .visual-technik,
body.page-posts-article .visual-technik { background-image: url('../../posts/assets/images/generic/technik.png') !important; }
body.page-posts-index .visual-gaming,
body.page-posts-editor .visual-gaming,
body.page-posts-article .visual-gaming { background-image: url('../../posts/assets/images/generic/gaming.png') !important; }
body.page-posts-index .visual-finanzen,
body.page-posts-editor .visual-finanzen,
body.page-posts-article .visual-finanzen { background-image: url('../../posts/assets/images/generic/finanzen.png') !important; }
body.page-posts-index .visual-auto,
body.page-posts-editor .visual-auto,
body.page-posts-article .visual-auto { background-image: url('../../posts/assets/images/generic/auto.png') !important; }
body.page-posts-index .visual-bike,
body.page-posts-editor .visual-bike,
body.page-posts-article .visual-bike { background-image: url('../../posts/assets/images/generic/bike.png') !important; }
body.page-posts-index .visual-neutral,
body.page-posts-editor .visual-neutral,
body.page-posts-article .visual-neutral { background-image: url('../../posts/assets/images/generic/neutral.png') !important; }

body.page-posts-editor .generic-visual-picker {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.035);
}
body.page-posts-editor .picker-title {
  display: block;
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
  margin-bottom: 10px;
}
body.page-posts-editor .generic-visual-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
}
body.page-posts-editor .generic-visual-card {
  display: grid;
  gap: 8px;
  background: rgba(15,17,21,.7);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 10px;
  color: inherit;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  min-width: 0;
  overflow: hidden;
}
body.page-posts-editor .generic-visual-card:hover,
body.page-posts-editor .generic-visual-card.active {
  transform: translateY(-2px);
  border-color: rgba(116,200,255,.45);
  box-shadow: 0 12px 30px rgba(0,0,0,.28);
}
body.page-posts-editor .generic-visual-thumb {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
body.page-posts-editor .picker-note {
  margin: 10px 0 0;
  color: rgba(255,255,255,.65);
  font-size: 13px;
}

/* ===== Editor generic visual click fix ===== */
body.page-posts-editor .generic-visual-card {
  position: relative;
  z-index: 1;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  text-align: left;
}
body.page-posts-editor .generic-visual-card * {
  pointer-events: none;
}
body.page-posts-editor .generic-visual-card.active {
  outline: 2px solid rgba(116,200,255,.5);
  outline-offset: 2px;
}
body.page-posts-editor .selected-visual-status {
  color: rgba(255,255,255,.78);
}


/* ===== Hub hero avatar/title update ===== */
body.page-hub .hero-title-row {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.8vw, 18px);
  margin-top: 12px;
  flex-wrap: nowrap;
}

body.page-hub .hero-title-row h1 {
  margin: 0;
}

body.page-hub .hero-avatar {
  width: clamp(56px, 5.5vw, 84px);
  height: clamp(56px, 5.5vw, 84px);
  border-radius: 999px;
  object-fit: cover;
  flex: 0 0 auto;
  box-shadow: 0 18px 50px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
}

@media (max-width: 720px) {
  body.page-hub .hero-title-row {
    align-items: center;
    flex-direction: row;
    gap: 10px;
    flex-wrap: nowrap;
  }

  body.page-hub .hero-avatar {
    width: 56px;
    height: 56px;
  }
}


/* ===== Shared nav/hero icon update 0.4.3 ===== */
.nav-link .nav-symbol {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
}

.hero-title-row {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.8vw, 18px);
  margin-top: 12px;
  flex-wrap: nowrap;
}

.hero-title-row h1 {
  margin: 0;
}

.hero-icon-badge {
  width: clamp(56px, 5vw, 78px);
  height: clamp(56px, 5vw, 78px);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 50px rgba(0,0,0,.28);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text, #f4f6fb);
  flex: 0 0 auto;
}

.hero-icon-badge svg {
  width: clamp(28px, 2.8vw, 36px);
  height: clamp(28px, 2.8vw, 36px);
}

.hero-symbol-badge {
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 850;
  letter-spacing: -.04em;
}

@media (max-width: 720px) {
  .hero-title-row {
    gap: 10px;
  }

  .hero-icon-badge {
    width: 56px;
    height: 56px;
    border-radius: 999px;
  }

  .hero-icon-badge svg {
    width: 28px;
    height: 28px;
  }

  .hero-symbol-badge {
    font-size: 30px;
  }
}


.tile-icon.tile-symbol {
  font-size: 24px;
  line-height: 1;
}


/* ===== Photos albums 0.4.3 ===== */
body.page-photos-index .photos-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 260px);
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-photos-index .photos-toolbar input,
body.page-photos-index .photos-toolbar select {
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-photos-index .photo-albums {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.page-photos-index .photo-album-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-photos-index .photo-album-cover {
  min-height: 230px;
  background: linear-gradient(135deg, rgba(141,216,255,.18), rgba(183,247,212,.14));
  background-size: cover;
  background-position: center;
  display: grid;
  place-items: center;
  color: var(--accent);
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.page-photos-index .photo-album-copy {
  padding: 20px;
}

body.page-photos-index .photo-album-copy h2 {
  margin: 10px 0 8px;
  font-size: 26px;
  letter-spacing: -.04em;
}

body.page-photos-index .photo-album-copy p {
  margin: 0 0 16px;
  color: var(--muted);
}

body.page-photos-index .photo-preview-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-photos-index .photo-preview-list span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--muted);
  font-size: 12px;
  background: rgba(255,255,255,.04);
}

body.page-photos-index .empty-state {
  color: var(--muted);
}

@media (max-width: 900px) {
  body.page-photos-index .photo-albums {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.page-photos-index .photos-toolbar,
  body.page-photos-index .photo-albums {
    grid-template-columns: 1fr;
  }
}


body.page-photos-index .photo-album-open {
  margin-top: 16px;
  border: 1px solid rgba(141,216,255,.28);
  background: rgba(141,216,255,.10);
  color: var(--text);
  border-radius: 999px;
  padding: 10px 14px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

body.page-photos-index .photo-gallery {
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0 20px 20px;
}

body.page-photos-index .photo-album-card.open .photo-gallery {
  display: grid;
}

body.page-photos-index .photo-item {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,255,255,.04);
}

body.page-photos-index .photo-item-image {
  min-height: 140px;
  background: linear-gradient(135deg, rgba(141,216,255,.18), rgba(183,247,212,.14));
  background-size: cover;
  background-position: center;
}

body.page-photos-index .photo-item-copy {
  padding: 12px;
  display: grid;
  gap: 4px;
}

body.page-photos-index .photo-item-copy strong {
  font-size: 14px;
}

body.page-photos-index .photo-item-copy span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 640px) {
  body.page-photos-index .photo-gallery {
    grid-template-columns: 1fr;
  }
}

/* ===== Photos editor/lightbox update 0.4.3 ===== */
body.page-photos-index .photo-item-image.photo-lightbox-trigger {
  width: 100%;
  border: 0;
  cursor: zoom-in;
  display: block;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
}

body.page-photos-index .photo-item-image.photo-lightbox-trigger:hover {
  filter: brightness(1.08);
}

body.photo-lightbox-open {
  overflow: hidden;
}

.photo-lightbox {
  position: fixed;
  inset: 0;
  z-index: 999;
  background: rgba(5,7,10,.88);
  backdrop-filter: blur(18px);
  display: grid;
  place-items: center;
  padding: 28px;
}

.photo-lightbox[hidden] {
  display: none;
}

.photo-lightbox img {
  max-width: min(1180px, 94vw);
  max-height: 82vh;
  border-radius: 22px;
  box-shadow: 0 28px 90px rgba(0,0,0,.55);
  object-fit: contain;
}

.photo-lightbox-close {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
  color: #fff;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}

.photo-lightbox-title {
  margin-top: 14px;
  color: rgba(255,255,255,.82);
  font-weight: 800;
  text-align: center;
}


/* ===== Photos meta styling like posts 0.4.3 ===== */
body.page-photos-index .photo-album-copy .post-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.2;
}

body.page-photos-index .photo-album-copy .post-tag {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.22);
  color: var(--accent);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .01em;
}

body.page-photos-index .photo-album-copy .post-dot {
  color: rgba(255,255,255,.4);
}

body.page-photos-index .photo-album-copy h2 {
  margin: 14px 0 8px;
  font-size: 26px;
  letter-spacing: -.04em;
  line-height: 1.05;
}


/* ===== Photos lightbox navigation 0.4.3 ===== */
.photo-lightbox-nav {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 54px;
  height: 54px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
  color: #fff;
  font-size: 42px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.photo-lightbox-prev { left: 22px; }
.photo-lightbox-next { right: 22px; }

.photo-lightbox-nav:hover {
  background: rgba(255,255,255,.18);
}

.photo-lightbox-nav:disabled {
  opacity: .28;
  cursor: default;
}

@media (max-width: 720px) {
  .photo-lightbox-nav {
    width: 44px;
    height: 44px;
    font-size: 34px;
  }

  .photo-lightbox-prev { left: 10px; }
  .photo-lightbox-next { right: 10px; }
}

/* ===== Photos album CSV structure 0.4.3 ===== */
body.page-photos-index .photo-item.no-caption .photo-item-image {
  min-height: 165px;
}

body.page-photos-index .photo-item-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.page-photos-index .photo-item-tags span {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(141,216,255,.22);
  background: rgba(141,216,255,.10);
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
}


/* ===== Editor snippet actions 0.4.33 ===== */
body.page-posts-editor .snippet-actions,
body.page-tools-hub .snippet-actions {
  margin-top: 10px;
  margin-bottom: 20px;
}

body.page-tools-hub .csv-output .snippet-actions {
  margin-bottom: 16px;
}


/* ===== dnnspit changelog 0.5.1 ===== */
body.page-tools-changelog .changelog-list {
  display: grid;
  gap: 14px;
  margin-top: 26px;
}

body.page-tools-changelog .changelog-entry {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.055);
  box-shadow: var(--shadow);
  padding: 22px;
}

body.page-tools-changelog .changelog-entry.current {
  border-color: rgba(141,216,255,.34);
  background: rgba(141,216,255,.08);
}

body.page-tools-changelog .changelog-version {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(141,216,255,.10);
  border: 1px solid rgba(141,216,255,.22);
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
}

body.page-tools-changelog .changelog-entry h2 {
  margin: 0 0 10px;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.05;
  letter-spacing: -.04em;
}

body.page-tools-changelog .changelog-entry ul {
  margin: 0;
  padding-left: 20px;
  color: var(--muted);
  line-height: 1.6;
  font-weight: 650;
}

/* ===== Photos eigene Albumseiten 0.4.4 ===== */
body.page-photos-index .photo-album-card {
  display: flex;
  flex-direction: column;
}

body.page-photos-index .photo-album-cover {
  display: grid;
  text-decoration: none;
  aspect-ratio: 16 / 10;
  min-height: 0;
}

body.page-photos-index .photo-album-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
}

body.page-photos-index .photo-album-copy h2 a {
  color: inherit;
  text-decoration: none;
}

body.page-photos-index .photo-album-copy h2 a:hover {
  color: var(--accent);
}

body.page-photos-index .photo-album-copy p {
  margin-bottom: 0;
}

body.page-photos-index .photo-album-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-decoration: none;
  margin-top: auto;
}

body.page-photos-index .photo-gallery,
body.page-photos-index .photo-album-card.open .photo-gallery {
  display: none;
}

body.page-photos-album .back-link {
  margin: 0 0 18px;
}

body.page-photos-album .back-link a {
  color: var(--accent);
  text-decoration: none;
  font-weight: 800;
}

body.page-photos-album .back-link a:hover {
  color: var(--text);
}

body.page-photos-album .photo-album-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.2;
  margin-top: 16px;
}

body.page-photos-album .photo-album-meta .post-tag {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.22);
  color: var(--accent);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .01em;
}

body.page-photos-album .photo-album-meta .post-dot {
  color: rgba(255,255,255,.4);
}

body.page-photos-album .photo-album-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

body.page-photos-album .photo-item {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-photos-album .photo-item-image {
  width: 100%;
  min-height: 180px;
  aspect-ratio: 4 / 3;
  border: 0;
  background: linear-gradient(135deg, rgba(141,216,255,.18), rgba(183,247,212,.14));
  background-size: cover;
  background-position: center;
}

body.page-photos-album .photo-item-copy {
  padding: 12px;
  display: grid;
  gap: 6px;
}

body.page-photos-album .photo-item-copy strong {
  font-size: 14px;
}

body.page-photos-album .photo-item-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.page-photos-album .photo-item-tags span {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(141,216,255,.22);
  background: rgba(141,216,255,.10);
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
}

body.page-photos-album .photo-item-image.photo-lightbox-trigger {
  cursor: zoom-in;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
}

body.page-photos-album .photo-item-image.photo-lightbox-trigger:hover {
  filter: brightness(1.08);
}

@media (max-width: 1100px) {
  body.page-photos-album .photo-album-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  body.page-photos-album .photo-album-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 540px) {
  body.page-photos-album .photo-album-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== Photos klickbare Album-Cards 0.4.41 ===== */
body.page-photos-index .photo-album-card {
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

body.page-photos-index .photo-album-card:hover {
  transform: translateY(-2px);
  border-color: rgba(141,216,255,.38);
  background: rgba(28,32,40,.88);
}

body.page-photos-index .photo-album-link {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 100%;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

body.page-photos-index .photo-album-link:focus-visible {
  outline: 2px solid rgba(141,216,255,.75);
  outline-offset: 4px;
}

body.page-photos-index .photo-album-cover {
  pointer-events: none;
}

body.page-photos-index .photo-album-copy h2 {
  color: var(--text);
}

body.page-photos-index .photo-album-card:hover .photo-album-copy h2 {
  color: var(--accent);
}

body.page-photos-index .photo-album-open {
  display: none;
}


/* ===== tools/readme.html ===== */
body.page-tools-readme .readme-hero{
  align-items: stretch;
}
body.page-tools-readme .readme-version-card{
  min-width: 220px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(135deg, rgba(141,216,255,.12), rgba(183,247,212,.08));
  box-shadow: var(--shadow);
}
body.page-tools-readme .readme-version-card span,
body.page-tools-readme .readme-version-card small{
  color: var(--muted);
  font-size: 13px;
}
body.page-tools-readme .readme-version-card strong{
  font-size: 42px;
  line-height: 1;
  letter-spacing: -.06em;
}
body.page-tools-readme .readme-layout{
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}
body.page-tools-readme .readme-toc{
  position: sticky;
  top: 96px;
  max-height: calc(100vh - 120px);
  overflow: auto;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}
body.page-tools-readme .readme-toc-title{
  color: var(--accent);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 850;
  margin-bottom: 10px;
}
body.page-tools-readme .readme-toc a{
  display: block;
  color: var(--muted);
  padding: 9px 10px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.35;
}
body.page-tools-readme .readme-toc a:hover{
  background: rgba(255,255,255,.07);
  color: var(--text);
}
body.page-tools-readme .readme-doc{
  min-width: 0;
}
body.page-tools-readme .readme-doc > h1{
  display: none;
}
body.page-tools-readme .readme-section{
  margin: 0 0 18px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(23,26,33,.72);
  box-shadow: var(--shadow);
}
body.page-tools-readme .readme-section h2{
  margin: 0 0 14px;
  font-size: clamp(24px, 3vw, 34px);
  letter-spacing: -.04em;
}
body.page-tools-readme .readme-section h3{
  margin: 28px 0 10px;
  font-size: 19px;
  letter-spacing: -.02em;
}
body.page-tools-readme .readme-section p,
body.page-tools-readme .readme-section li{
  color: var(--muted);
  line-height: 1.72;
}
body.page-tools-readme .readme-section p{
  margin: 0 0 14px;
}
body.page-tools-readme .readme-section ul,
body.page-tools-readme .readme-section ol{
  margin: 10px 0 18px;
  padding-left: 22px;
}
body.page-tools-readme .readme-section code{
  color: var(--accent-2);
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  padding: 2px 6px;
  font-size: .92em;
}
body.page-tools-readme .readme-section pre{
  overflow: auto;
  margin: 14px 0 18px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(15,17,21,.82);
}
body.page-tools-readme .readme-section pre code{
  display: block;
  color: var(--text);
  background: transparent;
  border: 0;
  padding: 0;
  white-space: pre;
}
body.page-tools-readme .readme-table-wrap{
  overflow-x: auto;
  margin: 14px 0 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}
body.page-tools-readme .readme-table{
  width: 100%;
  border-collapse: collapse;
  min-width: 720px;
}
body.page-tools-readme .readme-table th,
body.page-tools-readme .readme-table td{
  padding: 13px 14px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}
body.page-tools-readme .readme-table th{
  color: var(--accent);
  background: rgba(255,255,255,.05);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
body.page-tools-readme .readme-table tr:last-child td{ border-bottom: 0; }
@media (max-width: 900px){
  body.page-tools-readme .readme-layout{ grid-template-columns: 1fr; }
  body.page-tools-readme .readme-toc{ position: static; max-height: none; }
  body.page-tools-readme .readme-version-card{ min-width: 0; }
}


/* ===== 404.html ===== */
body.page-error{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --pad: 22px;
  margin: 0;
  min-height: 100vh;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  overflow-x: hidden;
}
body.page-error *{ box-sizing: border-box; }
body.page-error a{ color: inherit; text-decoration: none; }
body.page-error .site-header{ position: sticky; top: 0; z-index: 100; background: rgba(15,17,21,.82); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); }
body.page-error .site-nav{ width: calc(100% - 44px); height: 72px; margin: 0 auto; padding: 0 var(--pad); display: flex; align-items: center; justify-content: space-between; gap: 18px; }
body.page-error .brand{ display: flex; align-items: center; gap: 12px; min-width: max-content; font-weight: 750; font-size: 16px; letter-spacing: -.02em; }
body.page-error .brand img{ width: 38px; height: 38px; border-radius: 12px; object-fit: cover; display: block; box-shadow: 0 10px 30px rgba(141,216,255,.18); }
body.page-error .nav-links{ display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex: 1 1 auto; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
body.page-error .nav-links::-webkit-scrollbar{ display: none; }
body.page-error .nav-link{ display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 10px 12px; border-radius: 999px; color: var(--muted); white-space: nowrap; font-size: 14px; line-height: 1; flex: 0 0 auto; transition: background .18s ease, color .18s ease; }
body.page-error .nav-link:hover{ background: rgba(255,255,255,.08); color: var(--text); }
body.page-error .nav-link svg{ width: 17px; height: 17px; flex: 0 0 auto; }
body.page-error .nav-symbol{ width: 17px; height: 17px; display: inline-grid; place-items: center; font-weight: 850; }
body.page-error .page{ width: calc(100% - 44px); max-width: 1180px; margin: 0 auto; padding: 72px 0 78px; }
body.page-error .hero{ display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 28px; align-items: center; }
body.page-error .eyebrow{ color: var(--accent); font-size: 14px; letter-spacing: .08em; text-transform: uppercase; font-weight: 800; margin-bottom: 12px; }
body.page-error h1{ margin: 0; max-width: 760px; font-size: clamp(44px, 7vw, 86px); line-height: .95; letter-spacing: -.06em; }
body.page-error .lead{ max-width: 720px; margin: 20px 0 0; color: var(--muted); font-size: clamp(16px, 2vw, 20px); line-height: 1.65; }
body.page-error .error-actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
body.page-error .btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 16px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.06); color: var(--text); font-weight: 750; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
body.page-error .btn:hover{ transform: translateY(-2px); background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.18); }
body.page-error .btn.primary{ background: linear-gradient(135deg, rgba(141,216,255,.24), rgba(183,247,212,.16)); border-color: rgba(141,216,255,.32); }
body.page-error .error-card{ min-height: 260px; border-radius: 32px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.04)); box-shadow: var(--shadow); display: grid; place-items: center; padding: 28px; text-align: center; }
body.page-error .error-card img{ width: 86px; height: 86px; border-radius: 26px; box-shadow: 0 18px 50px rgba(141,216,255,.20); }
body.page-error .error-card span{ color: var(--muted); font-weight: 750; margin-top: 6px; }
body.page-error .error-card strong{ font-size: 64px; letter-spacing: -.06em; }
body.page-error .error-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 36px; }
body.page-error .error-tile{ min-height: 136px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.06); padding: 20px; display: flex; flex-direction: column; justify-content: space-between; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
body.page-error .error-tile:hover{ transform: translateY(-3px); background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.18); }
body.page-error .error-tile span{ color: var(--accent); font-size: 13px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
body.page-error .error-tile strong{ font-size: 18px; line-height: 1.25; letter-spacing: -.03em; }
body.page-error footer{ width: calc(100% - 44px); max-width: 1180px; margin: 0 auto; padding: 0 0 28px; color: var(--muted); font-size: 13px; }
@media (max-width: 860px){
  body.page-error .site-nav{ width: 100%; }
  body.page-error .page{ width: calc(100% - 28px); padding-top: 42px; }
  body.page-error .hero{ grid-template-columns: 1fr; }
  body.page-error .error-card{ min-height: 180px; }
  body.page-error .error-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  body.page-error .error-grid{ grid-template-columns: 1fr; }
  body.page-error .error-actions .btn{ width: 100%; }
}

/* Stats Dashboard · 0.4.54 */
body.page-stats-index .stats-page{
  max-width:1180px;
}
body.page-stats-index .stats-hero{
  align-items:stretch;
  gap:24px;
}
body.page-stats-index .stats-version-card{
  min-width:230px;
  border:1px solid rgba(137,190,225,.26);
  border-radius:28px;
  background:linear-gradient(145deg, rgba(137,190,225,.13), rgba(255,255,255,.04));
  padding:26px;
  box-shadow:0 20px 50px rgba(0,0,0,.22);
  align-self:center;
}
body.page-stats-index .stats-version-card span,
body.page-stats-index .stat-card span{
  display:block;
  color:var(--muted);
  font-size:.86rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}
body.page-stats-index .stats-version-card strong{
  display:block;
  margin-top:8px;
  font-size:3rem;
  line-height:1;
}
body.page-stats-index .stats-version-card small,
body.page-stats-index .stat-card small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  line-height:1.45;
}
body.page-stats-index .stats-status{
  margin:0 0 22px;
  border:1px solid rgba(137,190,225,.22);
  border-radius:18px;
  background:rgba(137,190,225,.08);
  color:var(--muted);
  padding:14px 18px;
}
body.page-stats-index .stats-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
  margin-bottom:28px;
}
body.page-stats-index .stat-card,
body.page-stats-index .stats-panel{
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:rgba(18,23,31,.82);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
body.page-stats-index .stat-card{
  padding:22px;
}
body.page-stats-index .stat-card strong{
  display:block;
  margin-top:10px;
  color:#fff;
  font-size:2.6rem;
  line-height:1;
  letter-spacing:-.04em;
}
body.page-stats-index .stats-panels{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:22px;
}
body.page-stats-index .stats-panel{
  padding:24px;
}
body.page-stats-index .section-head.compact{
  margin-bottom:16px;
}
body.page-stats-index .section-head.compact h2{
  margin:0 0 6px;
}
body.page-stats-index .stats-list{
  display:grid;
  gap:12px;
  margin:0;
}
body.page-stats-index .stats-list div{
  display:grid;
  grid-template-columns:minmax(150px, .42fr) 1fr;
  gap:16px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:12px;
}
body.page-stats-index .stats-list dt{
  color:var(--muted);
  font-weight:800;
}
body.page-stats-index .stats-list dd{
  margin:0;
  color:var(--text);
}
body.page-stats-index .source-list{
  list-style:none;
  display:grid;
  gap:12px;
  padding:0;
  margin:0;
}
body.page-stats-index .source-list li{
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:12px;
}
body.page-stats-index code{
  display:inline-block;
  color:#d7efff;
  background:rgba(137,190,225,.10);
  border:1px solid rgba(137,190,225,.18);
  border-radius:999px;
  padding:5px 9px;
  font-size:.86rem;
}
body.page-stats-index .source-list span{
  display:block;
  margin-top:7px;
  color:var(--muted);
}
@media (max-width: 900px){
  body.page-stats-index .stats-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  body.page-stats-index .stats-panels{ grid-template-columns:1fr; }
}
@media (max-width: 620px){
  body.page-stats-index .stats-grid{ grid-template-columns:1fr; }
  body.page-stats-index .stats-list div{ grid-template-columns:1fr; gap:5px; }
  body.page-stats-index .stats-version-card{ width:100%; }
}


/* 0.4.54 navigation upkeep */
.site-nav .nav-links{
  display:flex;
  align-items:center;
  gap:8px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  flex-wrap:nowrap;
}
.site-nav .nav-links::-webkit-scrollbar{display:none;}
.site-nav .nav-link{
  flex:0 0 auto;
  white-space:nowrap;
}
@media (max-width: 900px){
  .site-nav{align-items:flex-start;}
  .site-nav .nav-links{width:100%; padding-bottom:2px;}
}
@media (max-width: 560px){
  .site-nav .nav-link{padding-inline:10px; font-size:12px;}
}


/* Timeline · 0.4.6 */
.timeline-page { padding-bottom: 56px; }
.timeline-hero .hero-copy { max-width: 760px; }
.timeline-controls { display: flex; gap: 16px; align-items: end; justify-content: space-between; margin: 22px 0; flex-wrap: wrap; }
.timeline-search { min-width: min(420px, 100%); flex: 1; display: grid; gap: 8px; color: var(--muted); font-size: .9rem; }
.timeline-search input { width: 100%; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.035); color: var(--text); padding: 15px 18px; font: inherit; outline: none; }
.timeline-search input:focus { border-color: rgba(120,205,255,.65); box-shadow: 0 0 0 4px rgba(120,205,255,.08); }
.timeline-filter { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
.timeline-filter::-webkit-scrollbar { display: none; }
.timeline-filter button { border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.035); color: var(--muted); padding: 11px 14px; font: inherit; cursor: pointer; white-space: nowrap; }
.timeline-filter button:hover, .timeline-filter button.active { color: var(--text); border-color: rgba(120,205,255,.65); background: rgba(120,205,255,.12); }
.timeline-summary { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin: 22px 0; }
.timeline-summary article { border: 1px solid var(--line); background: rgba(255,255,255,.035); border-radius: 22px; padding: 20px; }
.timeline-summary span { display:block; color: var(--muted); font-size: .84rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.timeline-summary strong { display:block; font-size: clamp(2rem,4vw,3.2rem); line-height: 1; margin-top: 10px; }
.timeline-status { border: 1px solid var(--line); background: rgba(255,255,255,.035); border-radius: 18px; padding: 14px 18px; color: var(--muted); margin: 18px 0; }
.timeline-list { position: relative; display: grid; gap: 14px; margin-top: 22px; }
.timeline-list:before { content:""; position: absolute; left: 122px; top: 58px; bottom: 12px; width: 1px; background: linear-gradient(to bottom, transparent, rgba(120,205,255,.38), transparent); }
.timeline-year { margin: 34px 0 6px; font-size: clamp(1.6rem, 4vw, 3rem); letter-spacing: -.04em; }
.timeline-entry { display: grid; grid-template-columns: 104px minmax(0,1fr); gap: 38px; align-items: stretch; position: relative; }
.timeline-entry:before { content:""; position:absolute; left:116px; top: 28px; width: 13px; height: 13px; border-radius: 999px; background: var(--accent); box-shadow: 0 0 0 6px rgba(120,205,255,.12); z-index: 1; }
.timeline-entry-date { color: var(--muted); font-weight: 800; padding-top: 22px; white-space: nowrap; }
.timeline-entry-card { display:block; text-decoration:none; color:inherit; border:1px solid var(--line); background: rgba(255,255,255,.035); border-radius: 24px; padding: 20px 22px; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.timeline-entry-card:hover { transform: translateY(-2px); border-color: rgba(120,205,255,.55); background: rgba(120,205,255,.07); }
.timeline-entry-top { display:flex; gap:10px; align-items:center; flex-wrap:wrap; color: var(--muted); font-size:.92rem; }
.timeline-pill { display:inline-flex; border:1px solid rgba(120,205,255,.38); background: rgba(120,205,255,.12); color: var(--accent); border-radius: 999px; padding: 5px 10px; font-weight: 900; font-size:.78rem; text-transform: uppercase; letter-spacing:.05em; }
.timeline-entry h2 { margin: 12px 0 6px; font-size: clamp(1.2rem,2vw,1.7rem); letter-spacing: -.03em; }
.timeline-entry p { margin: 0; color: var(--muted); }
.timeline-entry small { display:block; margin-top: 12px; color: color-mix(in srgb, var(--muted), transparent 25%); }
.timeline-empty { border:1px solid var(--line); border-radius: 22px; padding: 24px; color: var(--muted); }
@media (max-width: 760px) {
  .timeline-summary { grid-template-columns: 1fr; }
  .timeline-list:before { left: 12px; }
  .timeline-entry { grid-template-columns: 1fr; gap: 8px; padding-left: 34px; }
  .timeline-entry:before { left: 6px; top: 36px; }
  .timeline-entry-date { padding-top: 0; }
}


/* Navigation Dropdowns · 0.4.61 */
.site-header .site-nav .nav-links.nav-compact{
  overflow: visible;
  flex-wrap: nowrap;
}
.nav-group{
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.nav-trigger{
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  cursor: pointer;
}
.nav-caret{
  display: inline-flex;
  margin-left: .15rem;
  font-size: .95em;
  line-height: 1;
  opacity: .78;
}
.nav-dropdown{
  position: absolute;
  top: calc(100% + .55rem);
  left: 0;
  min-width: 12rem;
  padding: .45rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 1rem;
  background: rgba(9,11,18,.96);
  box-shadow: 0 18px 46px rgba(0,0,0,.35);
  backdrop-filter: blur(18px);
  opacity: 0;
  transform: translateY(-.25rem);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 50;
}
.nav-group:hover .nav-dropdown,
.nav-group:focus-within .nav-dropdown{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.nav-dropdown-link{
  display: flex;
  align-items: center;
  padding: .68rem .78rem;
  border-radius: .75rem;
  color: rgba(255,255,255,.78);
  text-decoration: none;
  font-size: .92rem;
  white-space: nowrap;
}
.nav-dropdown-link:hover,
.nav-dropdown-link.active{
  color: #fff;
  background: rgba(255,255,255,.08);
}
footer a{
  color: inherit;
  text-decoration: none;
  opacity: .82;
}
footer a:hover{
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: .18em;
}
@media (max-width: 720px){
  .site-header .site-nav .nav-links.nav-compact{
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: .15rem;
  }
  .nav-dropdown{
    position: fixed;
    top: 4.25rem;
    left: 1rem;
    right: 1rem;
    min-width: 0;
  }
}


/* Timeline, Dropdowns und README-Tabellen · 0.4.66 */
body.page-timeline-index .timeline-hero{
  align-items: stretch;
  gap: 24px;
}
body.page-timeline-index .timeline-version-card{
  min-width: 230px;
  border: 1px solid rgba(137,190,225,.26);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(137,190,225,.13), rgba(255,255,255,.04));
  padding: 26px;
  box-shadow: 0 20px 50px rgba(0,0,0,.22);
  align-self: center;
}
body.page-timeline-index .timeline-version-card span{
  display:block;
  color:var(--muted);
  font-size:.86rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}
body.page-timeline-index .timeline-version-card strong{
  display:block;
  margin-top:8px;
  font-size:3rem;
  line-height:1;
}
body.page-timeline-index .timeline-version-card small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  line-height:1.45;
}
.nav-group::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:.75rem;
}
.nav-dropdown{
  top:100%;
  margin-top:.45rem;
}
.nav-group:hover .nav-trigger,
.nav-group:focus-within .nav-trigger{
  color:var(--text);
  border-color:rgba(120,205,255,.55);
  background:rgba(120,205,255,.10);
}
body.page-tools-readme .readme-section{
  overflow:hidden;
}
body.page-tools-readme .readme-section table{
  width:100%;
  max-width:100%;
  margin:14px 0 20px;
  border:1px solid var(--line);
  border-radius:16px;
  border-collapse:separate;
  border-spacing:0;
  background:rgba(255,255,255,.025);
  overflow:hidden;
}
body.page-tools-readme .readme-section table th,
body.page-tools-readme .readme-section table td{
  padding:13px 16px;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:top;
}
body.page-tools-readme .readme-section table th{
  color:var(--muted);
  background:rgba(137,190,225,.09);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:850;
}
body.page-tools-readme .readme-section table tr:last-child td{
  border-bottom:0;
}
body.page-tools-readme .readme-section table code{
  white-space:nowrap;
}
@media (max-width: 760px){
  body.page-timeline-index .timeline-version-card{ width:100%; }
  body.page-tools-readme .readme-section table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  body.page-tools-readme .readme-section table th,
  body.page-tools-readme .readme-section table td{
    min-width:160px;
  }
}


/* dnnspit-Navigation · 0.5.6.2 */
.tools-site-header .tools-nav .brand span{ white-space: nowrap; }
.tools-site-header .tools-nav .nav-links.nav-compact{ overflow: visible; flex-wrap: nowrap; }
.tools-site-header .tools-nav .nav-link.active,
.tools-site-header .tools-nav .nav-trigger.active{ color:#fff; background: rgba(120,205,255,.12); border-color: rgba(120,205,255,.35); }
.tools-site-header .tools-nav .tools-dropdown{ min-width: 15rem; }
.tools-site-header .tools-nav .nav-dropdown{ top: calc(100% + .35rem); }
.tools-site-header .tools-nav .nav-group:after{ content:""; position:absolute; left:0; right:0; top:100%; height:.55rem; }
.tools-hub-nav-note{ margin: -8px 0 24px; color: var(--muted); font-size: 14px; }
@media (max-width: 780px){
  .tools-site-header .tools-nav{ align-items:flex-start; }
  .tools-site-header .tools-nav .nav-links.nav-compact{ overflow-x:auto; overflow-y:visible; padding-bottom:.2rem; }
  .tools-site-header .tools-nav .nav-dropdown{ position:fixed; left:1rem; right:1rem; top:4.25rem; min-width:0; }
}


/* Audit-Feinschliff · 0.4.66 */
body.page-posts-editor.page-tools-page .editor-head{
  margin-top: 0;
}
body.page-tools-readme #design-audit{
  border-color: rgba(120,205,255,.28);
}
body.page-tools-readme .readme-section ul{
  padding-left: 1.25rem;
}


/* CSV + Posts Direct Save · 0.4.68 */
.save-status {
  margin: 10px 0 0;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.5;
}
.save-status.is-busy {
  border-color: rgba(141,216,255,.3);
  background: rgba(141,216,255,.08);
  color: rgba(244,247,251,.92);
}
.save-status.is-success {
  border-color: rgba(183,247,212,.32);
  background: rgba(183,247,212,.09);
  color: rgba(244,247,251,.92);
}
.save-status.is-error {
  border-color: rgba(255,159,159,.28);
  background: rgba(255,159,159,.09);
  color: rgba(255,230,230,.96);
}
body.page-tools-hub .mini-help ol,
body.page-posts-editor .mini-help ol {
  margin: 8px 0 0;
  padding-left: 18px;
}
body.page-posts-editor .mini-help {
  margin-top: 16px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  padding: 16px;
}
body.page-posts-editor .mini-help h3 {
  margin: 0 0 8px;
  font-size: 17px;
  letter-spacing: -.02em;
}
body.page-posts-editor .mini-help p, body.page-posts-editor .mini-help li {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
body.page-tools-hub .editor-button.danger,
body.page-posts-editor .editor-button.danger {
  color: #ffdede;
  background: rgba(160, 40, 40, .22);
  border: 1px solid rgba(255,120,120,.25);
  box-shadow: none;
}
.editor-button:disabled {
  cursor: progress;
  opacity: 0.65;
}


/* Posts Manager · 0.4.69 */
body.page-posts-manager .manager-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:18px;
  align-items:start;
}
body.page-posts-manager .manager-panel,
body.page-posts-manager .manager-side .mini-help{
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);
  background:rgba(255,255,255,.055);
  box-shadow:var(--shadow);
}
body.page-posts-manager .manager-panel{
  padding:22px;
}
body.page-posts-manager .manager-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
body.page-posts-manager .manager-head h2{
  margin:0 0 6px;
}
body.page-posts-manager .manager-head p{
  margin:0;
  color:var(--muted);
}
body.page-posts-manager .posts-manager-list{
  display:grid;
  gap:12px;
  margin-top:16px;
}
body.page-posts-manager .post-manager-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:16px;
  padding:16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(15,17,21,.34);
}
body.page-posts-manager .post-manager-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  color:var(--muted);
  font-size:13px;
  font-weight:750;
  margin-bottom:8px;
}
body.page-posts-manager .post-manager-card h3{
  margin:0 0 8px;
  font-size:20px;
}
body.page-posts-manager .post-manager-card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}
body.page-posts-manager .post-manager-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
body.page-posts-manager .post-manager-links a{
  color:var(--accent);
  font-size:13px;
  font-weight:850;
}
body.page-posts-manager .post-manager-actions{
  display:grid;
  gap:10px;
  align-content:start;
}
body.page-posts-manager .field{
  display:grid;
  gap:6px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
body.page-posts-manager select{
  width:100%;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(15,17,21,.58);
  color:var(--text);
  padding:11px 12px;
  font:inherit;
}
body.page-posts-manager .manager-empty{
  color:var(--muted);
  padding:18px;
  border:1px dashed rgba(255,255,255,.18);
  border-radius:18px;
}
body.page-posts-manager .manager-side{
  display:grid;
  gap:14px;
}
body.page-posts-manager .mini-help{
  padding:16px;
}
body.page-posts-manager .mini-help h3{
  margin:0 0 8px;
  font-size:17px;
}
body.page-posts-manager .mini-help p,
body.page-posts-manager .mini-help li{
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
body.page-posts-manager .mini-help ol{
  margin:8px 0 0;
  padding-left:18px;
}
body.page-posts-manager .editor-button{
  border:0;
  border-radius:999px;
  padding:12px 15px;
  font:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  color:#0f1115;
  background:linear-gradient(135deg,var(--accent),var(--accent-2,#b7f7d4));
  box-shadow:0 14px 34px rgba(141,216,255,.16);
}
body.page-posts-manager .editor-button.secondary{
  color:var(--text);
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:none;
}
body.page-posts-manager .editor-button.danger{
  color:#ffdede;
  background:rgba(160,40,40,.22);
  border:1px solid rgba(255,120,120,.25);
  box-shadow:none;
}
body.page-posts-manager .actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
@media(max-width:960px){
  body.page-posts-manager .manager-shell,
  body.page-posts-manager .post-manager-card{
    grid-template-columns:1fr;
  }
}


/* Photos Image Tool checkbox cards · 0.5.0 */
body.page-photos-image-tool .check-field{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}

body.page-photos-image-tool .check-field-title{
  color:var(--muted);
  font-size:13px;
  font-weight:850;
}

body.page-photos-image-tool .check-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:54px;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(15,17,21,.48);
  color:var(--text);
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}

body.page-photos-image-tool .check-card:hover{
  border-color:rgba(141,216,255,.34);
  background:rgba(141,216,255,.07);
}

body.page-photos-image-tool .check-card input{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
  pointer-events:none;
}

body.page-photos-image-tool .check-ui{
  width:22px;
  height:22px;
  border-radius:7px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.06);
  display:grid;
  place-items:center;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
}

body.page-photos-image-tool .check-ui::after{
  content:"";
  width:10px;
  height:6px;
  border-left:3px solid #0f1115;
  border-bottom:3px solid #0f1115;
  transform:rotate(-45deg) translate(1px,-1px) scale(.74);
  opacity:0;
  transition:opacity .16s ease, transform .16s ease;
}

body.page-photos-image-tool .check-card input:checked + .check-ui{
  border-color:rgba(141,216,255,.78);
  background:linear-gradient(135deg, var(--accent), var(--accent-2, #b7f7d4));
}

body.page-photos-image-tool .check-card input:checked + .check-ui::after{
  opacity:1;
  transform:rotate(-45deg) translate(1px,-1px) scale(1);
}

body.page-photos-image-tool .check-card input:focus-visible + .check-ui{
  outline:2px solid rgba(141,216,255,.66);
  outline-offset:3px;
}

body.page-photos-image-tool .check-copy{
  min-width:0;
  display:grid;
  gap:2px;
}

body.page-photos-image-tool .check-title{
  color:var(--text);
  font-weight:900;
  line-height:1.2;
}

body.page-photos-image-tool .check-hint{
  color:var(--muted);
  font-size:12px;
  font-weight:750;
  line-height:1.35;
}

body.page-photos-image-tool .server-save-options{
  display:grid;
  gap:10px;
  margin:12px 0 16px;
}

body.page-photos-image-tool .server-save-card{
  min-height:auto;
  padding:12px 13px;
  border-radius:16px;
}

body.page-photos-image-tool .server-save-card .check-title{
  font-weight:850;
}

@media(max-width:720px){
  body.page-photos-image-tool .check-card{
    align-items:flex-start;
  }
}


/* Post editor comfort · 0.5.0 */
body.page-posts-editor .editor-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,320px);
  gap:18px;
  align-items:start;
  margin-bottom:16px;
}

body.page-posts-editor .editor-toolbar > div:first-child{
  min-width:0;
}

body.page-posts-editor .editor-toolbar h2{
  margin:8px 0 0;
  max-width:760px;
  font-size:clamp(26px,3vw,36px);
  line-height:1.05;
  letter-spacing:-.055em;
  overflow-wrap:anywhere;
}

body.page-posts-editor .mode-badge{
  display:inline-flex;
  width:fit-content;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(141,216,255,.22);
  background:rgba(141,216,255,.10);
  color:var(--accent);
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body.page-posts-editor .post-load-field{
  min-width:0;
  width:100%;
  margin:0;
  justify-self:end;
}

body.page-posts-editor .post-load-field select{
  min-height:52px;
  border-color:rgba(141,216,255,.32);
  box-shadow:0 0 0 4px rgba(141,216,255,.07);
}

body.page-posts-editor .editor-tips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 20px;
}

body.page-posts-editor .editor-tips span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  line-height:1.25;
}

body.page-posts-editor .editor-grid{
  align-items:start;
}

body.page-posts-editor .field{
  min-width:0;
}

body.page-posts-editor .field input,
body.page-posts-editor .field select,
body.page-posts-editor .field textarea{
  min-width:0;
}

body.page-posts-editor .field input{
  min-height:50px;
}

body.page-posts-editor .hint{
  line-height:1.35;
}

body.page-posts-editor .mini-action{
  width:fit-content;
  max-width:100%;
  margin-top:8px;
  border:1px solid rgba(141,216,255,.18);
  border-radius:999px;
  background:rgba(141,216,255,.08);
  color:var(--accent);
  padding:7px 10px;
  font:inherit;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  cursor:pointer;
  white-space:normal;
  text-align:left;
}

body.page-posts-editor .mini-action:hover{
  border-color:rgba(141,216,255,.38);
  background:rgba(141,216,255,.13);
}

body.page-posts-editor #excerpt{
  text-overflow:ellipsis;
}

@media(max-width:980px){
  body.page-posts-editor .editor-toolbar{
    grid-template-columns:1fr;
  }
  body.page-posts-editor .post-load-field{
    justify-self:stretch;
  }
}

@media(max-width:720px){
  body.page-posts-editor .editor-grid{
    grid-template-columns:1fr;
  }
}


/* Post editor field alignment · 0.5.0 */
body.page-posts-editor #imageLabel,
body.page-posts-editor #slug{
  min-height:50px;
}

body.page-posts-editor label.field:has(#imageLabel),
body.page-posts-editor label.field:has(#slug){
  align-content:start;
}

body.page-posts-editor label.field:has(#imageLabel) .hint,
body.page-posts-editor label.field:has(#slug) .hint{
  min-height:34px;
  display:block;
}

body.page-posts-editor label.field:has(#slug) .mini-action{
  margin-top:2px;
  padding:6px 9px;
  font-size:11.5px;
}

@supports not selector(:has(*)){
  body.page-posts-editor #imageLabel,
  body.page-posts-editor #slug{
    min-height:50px;
  }
}


/* Featured Manager slots · 0.5.0 */
body.page-posts-manager .featured-slots{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}

body.page-posts-manager .featured-slot{
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(15,17,21,.42);
  padding:14px;
  min-height:142px;
  display:grid;
  gap:8px;
  align-content:start;
  position:relative;
  overflow:hidden;
}

body.page-posts-manager .featured-slot::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 8%, rgba(141,216,255,.18), transparent 34%);
  opacity:.42;
  pointer-events:none;
}

body.page-posts-manager .featured-slot.is-filled{
  border-color:rgba(141,216,255,.32);
  background:rgba(141,216,255,.08);
}

body.page-posts-manager .slot-label{
  width:fit-content;
  border-radius:999px;
  border:1px solid rgba(141,216,255,.26);
  background:rgba(141,216,255,.10);
  color:var(--accent);
  padding:5px 9px;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.05em;
  position:relative;
}

body.page-posts-manager .featured-slot h3{
  margin:0;
  font-size:18px;
  line-height:1.12;
  position:relative;
}

body.page-posts-manager .featured-slot p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
  position:relative;
}

body.page-posts-manager .slot-actions{
  margin-top:4px;
  position:relative;
}

body.page-posts-manager .manager-filter-row{
  margin:8px 0 14px;
}

body.page-posts-manager .manager-search-field input{
  min-height:48px;
}

body.page-posts-manager .post-manager-card.is-featured{
  border-color:rgba(141,216,255,.25);
  background:rgba(141,216,255,.055);
}

body.page-posts-manager .featured-pill{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  border:1px solid rgba(141,216,255,.25);
  background:rgba(141,216,255,.10);
  color:var(--accent);
  padding:3px 7px;
  font-size:11px;
  font-weight:950;
}

body.page-posts-manager .slot-button-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
}

body.page-posts-manager .mini-action{
  border:1px solid rgba(141,216,255,.18);
  border-radius:999px;
  background:rgba(141,216,255,.08);
  color:var(--accent);
  padding:8px 10px;
  font:inherit;
  font-size:12px;
  font-weight:900;
  line-height:1.15;
  cursor:pointer;
  text-align:center;
}

body.page-posts-manager .mini-action:hover{
  border-color:rgba(141,216,255,.38);
  background:rgba(141,216,255,.13);
}

body.page-posts-manager .mini-action.active{
  color:#0f1115;
  border-color:transparent;
  background:linear-gradient(135deg,var(--accent),var(--accent-2,#b7f7d4));
}

body.page-posts-manager .mini-action.secondary{
  color:var(--text);
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.13);
}

body.page-posts-manager .post-manager-actions{
  min-width:0;
}

body.page-posts-manager .manager-search-field{
  max-width:520px;
}

@media(max-width:1100px){
  body.page-posts-manager .featured-slots{
    grid-template-columns:1fr;
  }
}

@media(max-width:960px){
  body.page-posts-manager .slot-button-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:620px){
  body.page-posts-manager .slot-button-grid{
    grid-template-columns:1fr;
  }
}


/* Changelog Editor · 0.5.0 */
body.page-changelog-editor .changelog-editor-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:18px;
  align-items:start;
}

body.page-changelog-editor .changelog-editor-panel,
body.page-changelog-editor .changelog-preview-panel{
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:24px;
}

body.page-changelog-editor .changelog-editor-panel .editor-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

body.page-changelog-editor .field{
  display:grid;
  gap:7px;
  color:var(--muted);
  font-size:13px;
  font-weight:850;
}

body.page-changelog-editor .field-full{
  grid-column:1 / -1;
}

body.page-changelog-editor .field input,
body.page-changelog-editor .field textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(15,17,21,.58);
  color:var(--text);
  padding:13px 14px;
  font:inherit;
  outline:none;
}

body.page-changelog-editor .field textarea{
  min-height:170px;
  resize:vertical;
}

body.page-changelog-editor .hint{
  color:var(--muted);
  opacity:.76;
  font-size:12px;
  font-weight:650;
  line-height:1.35;
}

body.page-changelog-editor .actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

body.page-changelog-editor .editor-button{
  border:0;
  border-radius:999px;
  padding:12px 15px;
  font:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  color:#0f1115;
  background:linear-gradient(135deg,var(--accent),var(--accent-2,#b7f7d4));
  box-shadow:0 14px 34px rgba(141,216,255,.16);
  text-decoration:none;
}

body.page-changelog-editor .editor-button.secondary{
  color:var(--text);
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:none;
}

body.page-changelog-editor .changelog-check{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(15,17,21,.48);
  cursor:pointer;
}

body.page-changelog-editor .changelog-check input{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
  pointer-events:none;
}

body.page-changelog-editor .check-ui{
  width:22px;
  height:22px;
  border-radius:7px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.06);
  display:grid;
  place-items:center;
}

body.page-changelog-editor .check-ui::after{
  content:"";
  width:10px;
  height:6px;
  border-left:3px solid #0f1115;
  border-bottom:3px solid #0f1115;
  transform:rotate(-45deg) translate(1px,-1px) scale(.74);
  opacity:0;
}

body.page-changelog-editor .changelog-check input:checked + .check-ui{
  border-color:rgba(141,216,255,.78);
  background:linear-gradient(135deg,var(--accent),var(--accent-2,#b7f7d4));
}

body.page-changelog-editor .changelog-check input:checked + .check-ui::after{
  opacity:1;
  transform:rotate(-45deg) translate(1px,-1px) scale(1);
}

body.page-changelog-editor .check-copy{
  min-width:0;
  display:grid;
  gap:2px;
}

body.page-changelog-editor .check-title{
  color:var(--text);
  font-weight:900;
  line-height:1.2;
}

body.page-changelog-editor .check-hint{
  color:var(--muted);
  font-size:12px;
  font-weight:750;
  line-height:1.35;
}

body.page-changelog-editor .preview-entry{
  margin:0 0 18px;
}

body.page-changelog-editor .mini-help{
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  padding:16px;
}

body.page-changelog-editor .mini-help h3{
  margin:0 0 8px;
}

body.page-changelog-editor .mini-help li{
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}

@media(max-width:980px){
  body.page-changelog-editor .changelog-editor-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:720px){
  body.page-changelog-editor .changelog-editor-panel .editor-grid{
    grid-template-columns:1fr;
  }
}


/* Changelog Editor checkbox visibility fix · 0.5.0 */
body.page-changelog-editor .changelog-check input:checked + .check-ui{
  position:relative;
  border-color:rgba(141,216,255,.82);
  background:linear-gradient(135deg,var(--accent),var(--accent-2,#b7f7d4));
}

body.page-changelog-editor .changelog-check input:checked + .check-ui::after{
  content:"";
  position:absolute;
  left:5px;
  top:5px;
  width:10px;
  height:6px;
  border-left:3px solid #0f1115;
  border-bottom:3px solid #0f1115;
  transform:rotate(-45deg);
  opacity:1;
}


/* Photo Albums Manager · 0.5.0 */
body.page-photo-albums-manager .albums-manager-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:18px;
  align-items:start;
}

body.page-photo-albums-manager .albums-list-panel,
body.page-photo-albums-manager .album-edit-panel{
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:24px;
}

body.page-photo-albums-manager .manager-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}

body.page-photo-albums-manager .manager-head h2,
body.page-photo-albums-manager .album-edit-panel h2{
  margin:0 0 6px;
}

body.page-photo-albums-manager .manager-head p{
  margin:0;
  color:var(--muted);
}

body.page-photo-albums-manager .albums-manager-list{
  display:grid;
  gap:12px;
  margin-top:14px;
}

body.page-photo-albums-manager .album-manager-card{
  display:grid;
  grid-template-columns:128px minmax(0,1fr);
  gap:14px;
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(15,17,21,.34);
  cursor:pointer;
}

body.page-photo-albums-manager .album-manager-card.active,
body.page-photo-albums-manager .album-manager-card:hover{
  border-color:rgba(141,216,255,.34);
  background:rgba(141,216,255,.07);
}

body.page-photo-albums-manager .album-card-cover{
  min-height:92px;
  border-radius:16px;
  background:
    linear-gradient(135deg,rgba(141,216,255,.16),rgba(183,247,212,.10)),
    rgba(255,255,255,.05);
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.10);
}

body.page-photo-albums-manager .album-card-main h3{
  margin:4px 0 6px;
  font-size:20px;
  line-height:1.1;
}

body.page-photo-albums-manager .album-card-main p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}

body.page-photo-albums-manager .album-card-flags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

body.page-photo-albums-manager .album-card-flags span{
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  padding:4px 7px;
  color:var(--muted);
  background:rgba(255,255,255,.045);
  font-size:11px;
  font-weight:850;
}

body.page-photo-albums-manager .album-card-flags .ok{
  color:#b7f7d4;
  border-color:rgba(183,247,212,.22);
  background:rgba(183,247,212,.08);
}

body.page-photo-albums-manager .album-card-flags .warn{
  color:#ffd8a8;
  border-color:rgba(255,216,168,.22);
  background:rgba(255,216,168,.08);
}

body.page-photo-albums-manager .editor-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

body.page-photo-albums-manager .field{
  display:grid;
  gap:7px;
  color:var(--muted);
  font-size:13px;
  font-weight:850;
}

body.page-photo-albums-manager .field-full{
  grid-column:1 / -1;
}

body.page-photo-albums-manager .field input,
body.page-photo-albums-manager .field textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(15,17,21,.58);
  color:var(--text);
  padding:13px 14px;
  font:inherit;
  outline:none;
}

body.page-photo-albums-manager .field textarea{
  min-height:120px;
  resize:vertical;
}

body.page-photo-albums-manager .hint{
  color:var(--muted);
  opacity:.76;
  font-size:12px;
  font-weight:650;
  line-height:1.35;
}

body.page-photo-albums-manager .actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

body.page-photo-albums-manager .editor-button{
  border:0;
  border-radius:999px;
  padding:12px 15px;
  font:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  color:#0f1115;
  background:linear-gradient(135deg,var(--accent),var(--accent-2,#b7f7d4));
  text-decoration:none;
}

body.page-photo-albums-manager .editor-button.secondary{
  color:var(--text);
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.14);
}

body.page-photo-albums-manager .editor-button.danger{
  color:#ffdede;
  background:rgba(160,40,40,.22);
  border:1px solid rgba(255,120,120,.25);
}

body.page-photo-albums-manager .album-preview{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:14px;
  margin-top:18px;
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(15,17,21,.34);
}

body.page-photo-albums-manager .album-preview-cover{
  min-height:92px;
  border-radius:16px;
  background:
    linear-gradient(135deg,rgba(141,216,255,.16),rgba(183,247,212,.10)),
    rgba(255,255,255,.05);
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.10);
}

body.page-photo-albums-manager .album-preview-meta{
  color:var(--muted);
  font-size:12px;
  font-weight:850;
}

body.page-photo-albums-manager .album-preview h3{
  margin:5px 0 6px;
  line-height:1.1;
}

body.page-photo-albums-manager .album-preview p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}

@media(max-width:1100px){
  body.page-photo-albums-manager .albums-manager-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:720px){
  body.page-photo-albums-manager .manager-head,
  body.page-photo-albums-manager .album-manager-card,
  body.page-photo-albums-manager .album-preview{
    grid-template-columns:1fr;
  }
  body.page-photo-albums-manager .editor-grid{
    grid-template-columns:1fr;
  }
}


/* Data Manager table polish · 0.5.0 */
body.page-data-manager .table-wrap{
  max-width:100%;
  scrollbar-color:rgba(141,216,255,.45) rgba(255,255,255,.08);
  scrollbar-width:thin;
}

body.page-data-manager table{
  table-layout:auto;
  min-width:760px;
}

body.page-data-manager th,
body.page-data-manager td{
  max-width:260px;
}

body.page-data-manager th.col-small,
body.page-data-manager td.col-small{
  width:120px;
  max-width:130px;
}

body.page-data-manager th.col-medium,
body.page-data-manager td.col-medium{
  width:180px;
  max-width:220px;
}

body.page-data-manager th.col-path,
body.page-data-manager td.col-path{
  width:220px;
  max-width:260px;
}

body.page-data-manager th.col-wide,
body.page-data-manager td.col-wide{
  width:280px;
  max-width:340px;
}

body.page-data-manager th.col-actions,
body.page-data-manager td.col-actions{
  position:sticky;
  right:0;
  width:178px;
  min-width:178px;
  background:#151922;
  box-shadow:-12px 0 22px rgba(0,0,0,.20);
}

body.page-data-manager td input{
  min-width:0;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.page-data-manager .row-actions{
  justify-content:flex-end;
  flex-wrap:wrap;
}

body.page-data-manager .small-button{
  padding:7px 9px;
}


/* Rebuilt dnnspit managers on Post-Editor structure · 0.5.0 */
body.page-dnnspit-manager .editor-head{
  margin-bottom:18px;
}

body.page-dnnspit-manager .editor-head h1{
  font-size:clamp(30px,3.8vw,48px);
}

body.page-dnnspit-manager .manager-panel-full{
  max-width:none;
}

body.page-dnnspit-manager .manager-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 220px auto;
  gap:12px;
  align-items:end;
  margin-bottom:12px;
}

body.page-dnnspit-manager .manager-toolbar-inline{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
  margin-bottom:12px;
}

body.page-dnnspit-manager .manager-toolbar-inline h2{
  margin:0 0 6px;
}

body.page-dnnspit-manager .manager-actions{
  justify-content:flex-end;
}

body.page-dnnspit-manager .manager-list{
  display:grid;
  gap:10px;
  margin-top:12px;
}

body.page-dnnspit-manager .backup-card,
body.page-dnnspit-manager .album-manager-card{
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  padding:12px 14px;
}

body.page-dnnspit-manager .backup-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
}

body.page-dnnspit-manager .backup-card h3,
body.page-dnnspit-manager .album-card-main h3{
  margin:0 0 6px;
  font-size:18px;
  line-height:1.15;
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
}

body.page-dnnspit-manager .backup-meta,
body.page-dnnspit-manager .post-manager-meta,
body.page-dnnspit-manager .album-card-flags,
body.page-dnnspit-manager .manager-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  color:var(--muted);
  font-size:12px;
}

body.page-dnnspit-manager .backup-meta span,
body.page-dnnspit-manager .post-tag,
body.page-dnnspit-manager .album-card-flags span,
body.page-dnnspit-manager .manager-meta span{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.045);
  border-radius:999px;
  padding:4px 7px;
  color:var(--muted);
  font-size:11px;
  font-weight:650;
}

body.page-dnnspit-manager .post-tag{
  color:var(--accent);
  border-color:rgba(141,216,255,.22);
  background:rgba(141,216,255,.08);
}

body.page-dnnspit-manager .album-card-flags .ok{
  color:#b7f7d4;
  border-color:rgba(183,247,212,.20);
  background:rgba(183,247,212,.07);
}

body.page-dnnspit-manager .album-card-flags .warn{
  color:#ffd8a8;
  border-color:rgba(255,216,168,.18);
  background:rgba(255,216,168,.06);
}

body.page-dnnspit-manager .mini-actions,
body.page-dnnspit-manager .row-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:6px;
}

body.page-dnnspit-manager .small-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:var(--text);
  padding:7px 9px;
  font:inherit;
  font-size:12px;
  font-weight:750;
  text-decoration:none;
  cursor:pointer;
}

body.page-dnnspit-manager .small-button.download-backup{
  color:#0f1115;
  background:linear-gradient(135deg,var(--accent),var(--accent-2,#b7f7d4));
  border-color:transparent;
}

body.page-dnnspit-manager .small-button.danger,
body.page-dnnspit-manager .editor-button.danger{
  color:#ffdede;
  background:rgba(160,40,40,.22);
  border:1px solid rgba(255,120,120,.25);
  box-shadow:none;
}

body.page-dnnspit-photos .manager-split-layout{
  grid-template-columns:minmax(0,1fr) 430px;
}

body.page-dnnspit-photos .album-manager-card{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
  cursor:pointer;
}

body.page-dnnspit-photos .album-manager-card.active,
body.page-dnnspit-photos .album-manager-card:hover,
body.page-dnnspit-manager .backup-card:hover{
  border-color:rgba(141,216,255,.28);
  background:rgba(141,216,255,.055);
}

body.page-dnnspit-photos .album-card-cover,
body.page-dnnspit-photos .album-preview-cover{
  min-height:80px;
  border-radius:14px;
  background:
    linear-gradient(135deg,rgba(141,216,255,.14),rgba(183,247,212,.08)),
    rgba(255,255,255,.045);
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.09);
}

body.page-dnnspit-photos .album-card-main p,
body.page-dnnspit-photos .album-preview p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}

body.page-dnnspit-photos .album-preview{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
  margin-top:16px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}

body.page-dnnspit-photos .album-preview h3{
  margin:4px 0 5px;
  font-size:18px;
  letter-spacing:-.03em;
}

body.page-dnnspit-photos .album-preview-meta{
  color:var(--muted);
  font-size:12px;
  font-weight:650;
}

body.page-dnnspit-data .manager-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  scrollbar-color:rgba(141,216,255,.38) rgba(255,255,255,.06);
  scrollbar-width:thin;
}

body.page-dnnspit-data table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:760px;
}

body.page-dnnspit-data th,
body.page-dnnspit-data td{
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:7px;
  vertical-align:top;
  max-width:260px;
}

body.page-dnnspit-data th{
  position:sticky;
  top:0;
  z-index:1;
  background:#171b23;
  color:var(--accent);
  font-size:12px;
  text-align:left;
}

body.page-dnnspit-data td input{
  min-width:0;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border-radius:12px;
  padding:9px 10px;
  font-size:13px;
}

body.page-dnnspit-data th.col-actions,
body.page-dnnspit-data td.col-actions{
  position:sticky;
  right:0;
  width:168px;
  min-width:168px;
  background:#151922;
  box-shadow:-10px 0 18px rgba(0,0,0,.18);
}

@media(max-width:980px){
  body.page-dnnspit-manager .manager-toolbar,
  body.page-dnnspit-manager .manager-toolbar-inline,
  body.page-dnnspit-photos .manager-split-layout{
    grid-template-columns:1fr;
  }
  body.page-dnnspit-manager .manager-actions{
    justify-content:flex-start;
  }
}

@media(max-width:720px){
  body.page-dnnspit-photos .album-manager-card,
  body.page-dnnspit-photos .album-preview,
  body.page-dnnspit-manager .backup-card{
    grid-template-columns:1fr;
  }
}


/* Manager hard rebuild without hero · 0.5.0 */
body.page-dnnspit-manager .manager-editor-layout{
  margin-top:0;
}

body.page-dnnspit-manager .manager-single{
  grid-template-columns:minmax(0,1fr);
}

body.page-dnnspit-manager .editor-panel .editor-toolbar h2{
  margin-top:8px;
}

body.page-dnnspit-manager .manager-control-grid{
  grid-template-columns:minmax(0,1fr) minmax(220px,320px);
  margin-bottom:10px;
}

body.page-dnnspit-manager .manager-actions{
  margin-top:0;
  justify-content:flex-end;
}

body.page-dnnspit-manager .manager-list{
  display:grid;
  gap:10px;
  margin-top:12px;
}

body.page-dnnspit-manager .backup-card,
body.page-dnnspit-manager .album-manager-card{
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  padding:12px 14px;
}

body.page-dnnspit-manager .backup-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
}

body.page-dnnspit-manager .backup-card h3,
body.page-dnnspit-manager .album-card-main h3{
  margin:0 0 6px;
  font-size:18px;
  line-height:1.15;
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
}

body.page-dnnspit-manager .backup-meta,
body.page-dnnspit-manager .post-manager-meta,
body.page-dnnspit-manager .album-card-flags,
body.page-dnnspit-manager .manager-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  color:var(--muted);
  font-size:12px;
}

body.page-dnnspit-manager .backup-meta span,
body.page-dnnspit-manager .post-tag,
body.page-dnnspit-manager .album-card-flags span,
body.page-dnnspit-manager .manager-meta span{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.045);
  border-radius:999px;
  padding:4px 7px;
  color:var(--muted);
  font-size:11px;
  font-weight:650;
}

body.page-dnnspit-manager .post-tag{
  color:var(--accent);
  border-color:rgba(141,216,255,.22);
  background:rgba(141,216,255,.08);
}

body.page-dnnspit-manager .album-card-flags .ok{
  color:#b7f7d4;
  border-color:rgba(183,247,212,.20);
  background:rgba(183,247,212,.07);
}

body.page-dnnspit-manager .album-card-flags .warn{
  color:#ffd8a8;
  border-color:rgba(255,216,168,.18);
  background:rgba(255,216,168,.06);
}

body.page-dnnspit-manager .mini-actions,
body.page-dnnspit-manager .row-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:6px;
}

body.page-dnnspit-manager .small-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:var(--text);
  padding:7px 9px;
  font:inherit;
  font-size:12px;
  font-weight:750;
  text-decoration:none;
  cursor:pointer;
}

body.page-dnnspit-manager .small-button.download-backup{
  color:#0f1115;
  background:linear-gradient(135deg,var(--accent),var(--accent-2,#b7f7d4));
  border-color:transparent;
}

body.page-dnnspit-manager .small-button.danger,
body.page-dnnspit-manager .editor-button.danger{
  color:#ffdede;
  background:rgba(160,40,40,.22);
  border:1px solid rgba(255,120,120,.25);
  box-shadow:none;
}

body.page-dnnspit-photos .album-manager-card{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
  cursor:pointer;
}

body.page-dnnspit-photos .album-manager-card.active,
body.page-dnnspit-photos .album-manager-card:hover,
body.page-dnnspit-manager .backup-card:hover{
  border-color:rgba(141,216,255,.28);
  background:rgba(141,216,255,.055);
}

body.page-dnnspit-photos .album-card-cover,
body.page-dnnspit-photos .album-preview-cover{
  min-height:80px;
  border-radius:14px;
  background:
    linear-gradient(135deg,rgba(141,216,255,.14),rgba(183,247,212,.08)),
    rgba(255,255,255,.045);
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.09);
}

body.page-dnnspit-photos .album-card-main p,
body.page-dnnspit-photos .album-preview p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}

body.page-dnnspit-photos .album-preview{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
  margin-top:16px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}

body.page-dnnspit-photos .album-preview h3{
  margin:4px 0 5px;
  font-size:18px;
  letter-spacing:-.03em;
}

body.page-dnnspit-photos .album-preview-meta{
  color:var(--muted);
  font-size:12px;
  font-weight:650;
}

body.page-dnnspit-data .manager-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  scrollbar-color:rgba(141,216,255,.38) rgba(255,255,255,.06);
  scrollbar-width:thin;
}

body.page-dnnspit-data table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:760px;
}

body.page-dnnspit-data th,
body.page-dnnspit-data td{
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:7px;
  vertical-align:top;
  max-width:260px;
}

body.page-dnnspit-data th{
  position:sticky;
  top:0;
  z-index:1;
  background:#171b23;
  color:var(--accent);
  font-size:12px;
  text-align:left;
}

body.page-dnnspit-data td input{
  min-width:0;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border-radius:12px;
  padding:9px 10px;
  font-size:13px;
}

body.page-dnnspit-data th.col-actions,
body.page-dnnspit-data td.col-actions{
  position:sticky;
  right:0;
  width:168px;
  min-width:168px;
  background:#151922;
  box-shadow:-10px 0 18px rgba(0,0,0,.18);
}

@media(max-width:980px){
  body.page-dnnspit-manager .manager-control-grid{
    grid-template-columns:1fr;
  }
  body.page-dnnspit-manager .manager-actions{
    justify-content:flex-start;
  }
}

@media(max-width:720px){
  body.page-dnnspit-photos .album-manager-card,
  body.page-dnnspit-photos .album-preview,
  body.page-dnnspit-manager .backup-card{
    grid-template-columns:1fr;
  }
}


/* Manager flat editor/table alignment · 0.5.0 */
body.page-dnnspit-manager .page{
  padding-top:22px;
}

body.page-dnnspit-manager .manager-editor-layout{
  margin-top:0;
}

body.page-dnnspit-manager .manager-single{
  grid-template-columns:minmax(0,1fr);
}

body.page-dnnspit-manager .editor-panel{
  padding:20px;
}

body.page-dnnspit-manager .manager-flat-toolbar{
  align-items:center;
  margin-bottom:14px;
}

body.page-dnnspit-manager .manager-flat-title{
  display:grid;
  gap:3px;
  min-width:0;
}

body.page-dnnspit-manager .manager-flat-title strong{
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.04em;
  color:var(--text);
}

body.page-dnnspit-manager .manager-flat-title span{
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
  font-weight:600;
}

body.page-dnnspit-manager .panel-title{
  margin-bottom:14px;
}

body.page-dnnspit-manager .manager-control-grid{
  grid-template-columns:minmax(0,1fr) minmax(220px,320px);
  margin-bottom:10px;
  gap:12px;
}

body.page-dnnspit-manager .manager-actions{
  margin-top:0;
  justify-content:flex-end;
}

body.page-dnnspit-manager .manager-list{
  display:grid;
  gap:8px;
  margin-top:10px;
}

/* Backup: list rows, not cards */
body.page-dnnspit-backup .backup-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:10px 12px;
  min-height:58px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.026);
}

body.page-dnnspit-backup .backup-card:hover{
  border-color:rgba(141,216,255,.24);
  background:rgba(141,216,255,.045);
}

body.page-dnnspit-backup .backup-card h3{
  margin:0 0 5px;
  font-size:16px;
  line-height:1.15;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}

body.page-dnnspit-backup .backup-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  align-items:center;
  color:var(--muted);
  font-size:11px;
}

body.page-dnnspit-backup .backup-meta span,
body.page-dnnspit-manager .manager-meta span,
body.page-dnnspit-photos .post-tag,
body.page-dnnspit-photos .album-card-flags span{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:999px;
  padding:3px 7px;
  color:var(--muted);
  font-size:10.5px;
  font-weight:650;
}

body.page-dnnspit-manager .mini-actions,
body.page-dnnspit-manager .row-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:6px;
}

body.page-dnnspit-manager .small-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:var(--text);
  padding:6px 8px;
  font:inherit;
  font-size:11px;
  font-weight:720;
  text-decoration:none;
  cursor:pointer;
}

body.page-dnnspit-manager .small-button.download-backup{
  color:#0f1115;
  background:linear-gradient(135deg,var(--accent),var(--accent-2,#b7f7d4));
  border-color:transparent;
}

body.page-dnnspit-manager .small-button.danger,
body.page-dnnspit-manager .editor-button.danger{
  color:#ffdede;
  background:rgba(160,40,40,.20);
  border:1px solid rgba(255,120,120,.23);
  box-shadow:none;
}

/* Photo manager: compact editor split */
body.page-dnnspit-photos .album-manager-card{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:10px;
  cursor:pointer;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.026);
}

body.page-dnnspit-photos .album-manager-card.active,
body.page-dnnspit-photos .album-manager-card:hover{
  border-color:rgba(141,216,255,.24);
  background:rgba(141,216,255,.045);
}

body.page-dnnspit-photos .album-card-cover,
body.page-dnnspit-photos .album-preview-cover{
  min-height:68px;
  border-radius:12px;
  background:
    linear-gradient(135deg,rgba(141,216,255,.13),rgba(183,247,212,.07)),
    rgba(255,255,255,.04);
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.08);
}

body.page-dnnspit-photos .album-card-main h3{
  margin:2px 0 4px;
  font-size:15px;
  line-height:1.18;
  letter-spacing:-.02em;
}

body.page-dnnspit-photos .album-card-main p,
body.page-dnnspit-photos .album-preview p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}

body.page-dnnspit-photos .post-manager-meta,
body.page-dnnspit-photos .album-card-flags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  align-items:center;
  color:var(--muted);
  font-size:11px;
}

body.page-dnnspit-photos .post-tag{
  color:var(--accent);
  border-color:rgba(141,216,255,.20);
  background:rgba(141,216,255,.07);
}

body.page-dnnspit-photos .album-card-flags{
  margin-top:6px;
}

body.page-dnnspit-photos .album-card-flags .ok{
  color:#b7f7d4;
  border-color:rgba(183,247,212,.20);
  background:rgba(183,247,212,.06);
}

body.page-dnnspit-photos .album-card-flags .warn{
  color:#ffd8a8;
  border-color:rgba(255,216,168,.18);
  background:rgba(255,216,168,.05);
}

body.page-dnnspit-photos .album-preview{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:10px;
  margin-top:14px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.026);
}

body.page-dnnspit-photos .album-preview h3{
  margin:3px 0 4px;
  font-size:16px;
  letter-spacing:-.025em;
}

body.page-dnnspit-photos .album-preview-meta{
  color:var(--muted);
  font-size:11px;
  font-weight:650;
}

/* Data table */
body.page-dnnspit-data .manager-table-wrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.026);
  scrollbar-color:rgba(141,216,255,.35) rgba(255,255,255,.05);
  scrollbar-width:thin;
}

body.page-dnnspit-data table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:760px;
}

body.page-dnnspit-data th,
body.page-dnnspit-data td{
  border-bottom:1px solid rgba(255,255,255,.07);
  padding:6px;
  vertical-align:top;
  max-width:250px;
}

body.page-dnnspit-data th{
  position:sticky;
  top:0;
  z-index:1;
  background:#171b23;
  color:var(--accent);
  font-size:11px;
  text-align:left;
}

body.page-dnnspit-data td input{
  min-width:0;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border-radius:10px;
  padding:8px 9px;
  font-size:12px;
}

body.page-dnnspit-data th.col-actions,
body.page-dnnspit-data td.col-actions{
  position:sticky;
  right:0;
  width:158px;
  min-width:158px;
  background:#151922;
  box-shadow:-8px 0 14px rgba(0,0,0,.16);
}

@media(max-width:980px){
  body.page-dnnspit-manager .manager-control-grid{
    grid-template-columns:1fr;
  }
  body.page-dnnspit-manager .manager-actions{
    justify-content:flex-start;
  }
}

@media(max-width:720px){
  body.page-dnnspit-photos .album-manager-card,
  body.page-dnnspit-photos .album-preview,
  body.page-dnnspit-backup .backup-card{
    grid-template-columns:1fr;
  }
}


/* Manager navbar alignment with working editor nav · 0.5.0 */
body.page-dnnspit-manager .tools-nav-links .nav-link svg{
  width:20px;
  height:20px;
  flex:0 0 auto;
}

body.page-dnnspit-manager .tools-nav-links .nav-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

body.page-dnnspit-manager .tools-nav-links .nav-trigger.active{
  color:var(--text);
  border-color:rgba(141,216,255,.26);
  background:rgba(141,216,255,.10);
}

body.page-dnnspit-manager .tools-dropdown{
  z-index:100;
}

body.page-dnnspit-manager .nav-dropdown-link.active{
  color:var(--accent);
  background:rgba(141,216,255,.10);
}

@media(max-width:860px){
  body.page-dnnspit-manager .tools-nav{
    align-items:flex-start;
    flex-direction:column;
    padding-block:14px;
  }
  body.page-dnnspit-manager .tools-nav-links{
    justify-content:flex-start;
  }
}


/* dnnspit Changelog optische Beruhigung · 0.5.1 */
body.page-tools-changelog .hero .eyebrow{
  color: var(--accent);
}
body.page-tools-changelog .changelog-list{
  gap: 12px;
}
body.page-tools-changelog .changelog-entry{
  padding: 18px 20px;
  box-shadow: 0 18px 44px rgba(0,0,0,.20);
}
body.page-tools-changelog .changelog-version{
  margin-bottom: 10px;
  font-weight: 800;
  letter-spacing: .02em;
}
body.page-tools-changelog .changelog-entry h2{
  font-size: clamp(19px, 2.2vw, 26px);
  letter-spacing: -.025em;
  line-height: 1.15;
  font-weight: 760;
}
body.page-tools-changelog .changelog-entry ul{
  line-height: 1.55;
  font-weight: 430;
}
body.page-tools-changelog .changelog-entry li + li{
  margin-top: 4px;
}
body.page-tools-changelog .changelog-entry code{
  font-weight: 560;
}


/* dnnspit Changelog finaler Polish · 0.5.6.2 */
body.page-tools-changelog .changelog-list{
  gap: 10px;
}
body.page-tools-changelog .changelog-entry{
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  box-shadow: 0 14px 34px rgba(0,0,0,.16);
}
body.page-tools-changelog .changelog-entry.current{
  background: rgba(141,216,255,.075);
  border-color: rgba(141,216,255,.30);
}
body.page-tools-changelog .changelog-version{
  padding: 5px 9px;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 760;
}
body.page-tools-changelog .changelog-entry h2{
  margin-bottom: 8px;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 720;
}
body.page-tools-changelog .changelog-entry ul{
  font-weight: 400;
  line-height: 1.5;
}
body.page-tools-changelog .changelog-entry li::marker{
  color: var(--accent);
}


/* 0.5.4: feste CSV-Editoren zeigen keine auswählbare CSV-Auswahl mehr */
[hidden]{display:none!important;}
body.page-tools-hub .csv-fixed-display .field-label{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
body.page-tools-hub .csv-fixed-display .readonly-value{
  width:100%;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(15,17,21,.58);
  color:var(--text);
  padding:13px 14px;
  font-weight:850;
  box-sizing:border-box;
}


/* dnnspit-Hub und Navigation · 0.5.6.2 */
.tools-site-header .tools-nav .tools-dropdown{ min-width: 13.5rem; }
.nav-dropdown-label{
  display:block;
  padding:.45rem .78rem .25rem;
  color: rgba(255,255,255,.45);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tools-hub-section{ margin: 0 0 28px; }
.tools-hub-section-head{ margin: 0 0 14px; }
.tools-hub-section-head h2{ margin:0; font-size: clamp(1.25rem,2vw,1.75rem); }
.tools-hub-section-head p{ margin:.35rem 0 0; color: var(--muted); max-width: 760px; }
.tools-hub-grid{ margin-top:0; }
@media (max-width: 780px){
  .tools-hub-section{ margin-bottom: 22px; }
}


/* 0.5.6.2 · dnnspit Hover-Navigation und Data-Manager-Feinschliff */
.tools-site-header .tools-nav .tools-nav-group{
  position:relative;
  padding-bottom:.28rem;
}
.tools-site-header .tools-nav .tools-nav-group:hover > .nav-dropdown,
.tools-site-header .tools-nav .tools-nav-group:focus-within > .nav-dropdown{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.tools-site-header .tools-nav .tools-nav-group:hover > .nav-trigger,
.tools-site-header .tools-nav .tools-nav-group:focus-within > .nav-trigger{
  color:var(--text);
  border-color:rgba(120,205,255,.55);
  background:rgba(120,205,255,.10);
}
.tools-site-header .tools-nav .tools-dropdown{
  margin-top:.5rem;
  z-index:90;
}
.tools-site-header .tools-nav .tools-nav-group::after{
  content:"";
  position:absolute;
  left:-.35rem;
  right:-.35rem;
  top:100%;
  height:.75rem;
}
body.page-data-manager .manager-control-grid{
  margin-bottom:16px;
  gap:16px;
}
body.page-data-manager #dataStatus{
  margin:16px 0 10px;
}
body.page-data-manager .data-meta.manager-meta{
  margin:10px 0 16px;
  gap:8px;
}
body.page-data-manager .manager-table-wrap{
  margin-top:6px;
}
body.page-data-manager thead th{
  padding-top:10px;
  padding-bottom:10px;
}
body.page-data-manager tbody td{
  padding-top:6px;
  padding-bottom:6px;
}
body.page-data-manager .sort-column{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
body.page-data-manager .sort-column.is-active{
  border-color:rgba(120,205,255,.55);
  background:rgba(120,205,255,.13);
  color:var(--text);
}
body.page-data-manager .sort-indicator{
  min-width:1em;
  opacity:.85;
}
@media (max-width: 780px){
  .tools-site-header .tools-nav .tools-nav-group{ padding-bottom:0; }
  .tools-site-header .tools-nav .tools-nav-group::after{ display:none; }
}


/* 0.5.6.2 · Data-Manager Feinschliffs- und Abstandsupdate */
body.page-data-manager .manager-control-grid{
  margin:18px 0 20px;
  gap:18px;
}
body.page-data-manager #dataStatus{
  margin:20px 0 14px;
  padding:15px 18px;
}
body.page-data-manager .data-meta.manager-meta{
  margin:14px 0 22px;
  gap:10px;
}
body.page-data-manager .data-quality{
  margin:0 0 22px;
  padding:14px 16px;
  border:1px solid rgba(120,205,255,.20);
  border-radius:18px;
  background:rgba(120,205,255,.055);
  color:var(--muted);
}
body.page-data-manager .data-quality[hidden]{
  display:none !important;
}
body.page-data-manager .data-quality-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body.page-data-manager .data-quality-chips span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:var(--text);
  font-size:.88rem;
}
body.page-data-manager .data-quality p{
  margin:10px 0 0;
  font-size:.9rem;
  line-height:1.5;
}
body.page-data-manager .manager-table-wrap{
  margin-top:10px;
}
body.page-data-manager thead th{
  padding-top:12px;
  padding-bottom:12px;
}
body.page-data-manager tbody td{
  padding-top:7px;
  padding-bottom:7px;
}
body.page-data-manager .manager-flat-toolbar .actions{
  gap:8px;
}
@media (max-width: 780px){
  body.page-data-manager .manager-flat-toolbar .actions{
    width:100%;
  }
  body.page-data-manager .manager-flat-toolbar .actions .editor-button{
    flex:1 1 180px;
  }
}


/* 0.5.6.2.1 · Data-Manager Toolbar-Polish */
body.page-data-manager .data-manager-toolbar{
  display:block;
  padding:20px;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(255,255,255,.045), rgba(120,205,255,.035));
  border:1px solid rgba(255,255,255,.08);
}
body.page-data-manager .manager-toolbar-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
body.page-data-manager .manager-flat-title{
  min-width:220px;
}
body.page-data-manager .manager-action-strip{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:stretch;
}
body.page-data-manager .manager-action-group{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(12,18,22,.34);
}
body.page-data-manager .manager-action-group-quality{
  background:rgba(120,205,255,.045);
}
body.page-data-manager .manager-action-label{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 10px 0 2px;
  color:var(--muted);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
}
body.page-data-manager .manager-save-button{
  flex:0 0 auto;
  min-width:118px;
  box-shadow:0 12px 28px rgba(120,255,230,.16);
}
body.page-data-manager .manager-action-strip .editor-button{
  min-height:36px;
  padding:.62rem .9rem;
}
@media (max-width: 920px){
  body.page-data-manager .manager-toolbar-head{
    display:block;
  }
  body.page-data-manager .manager-save-button{
    margin-top:14px;
    width:100%;
  }
  body.page-data-manager .manager-action-group{
    width:100%;
  }
}
@media (max-width: 560px){
  body.page-data-manager .data-manager-toolbar{
    padding:16px;
  }
  body.page-data-manager .manager-action-label{
    width:100%;
    min-height:auto;
    padding:0 0 2px;
  }
  body.page-data-manager .manager-action-strip .editor-button,
  body.page-data-manager .manager-action-group .editor-button{
    flex:1 1 150px;
  }
}


/* dnnspit Systemcheck · 0.5.6.2 */
.page-systemcheck .systemcheck-panel {
  display: grid;
  gap: 1rem;
}

.systemcheck-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin: .25rem 0 .5rem;
}

.systemcheck-summary-card {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.045);
  border-radius: 18px;
  padding: .9rem 1rem;
  display: grid;
  gap: .25rem;
}

.systemcheck-summary-card span {
  color: var(--muted, #9fb0c7);
  font-size: .8rem;
}

.systemcheck-summary-card strong {
  font-size: 1.7rem;
  line-height: 1;
}

.systemcheck-list {
  display: grid;
  gap: 1rem;
}

.systemcheck-group {
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(255,255,255,.035);
  border-radius: 20px;
  padding: 1rem;
}

.systemcheck-group h2 {
  margin: 0 0 .85rem;
  font-size: 1rem;
}

.systemcheck-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .72rem 0;
  border-top: 1px solid rgba(255,255,255,.08);
}

.systemcheck-row:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.systemcheck-row-main {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-width: 0;
}

.systemcheck-row-main strong,
.systemcheck-row-main small {
  display: block;
}

.systemcheck-row-main small {
  color: var(--muted, #9fb0c7);
  margin-top: .12rem;
  overflow-wrap: anywhere;
}

.systemcheck-row-meta {
  color: var(--muted, #9fb0c7);
  font-size: .9rem;
  text-align: right;
  white-space: nowrap;
}

.systemcheck-badge {
  min-width: 4.5rem;
  text-align: center;
  border-radius: 999px;
  padding: .28rem .55rem;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  font-size: .76rem;
}

.systemcheck-row-ok .systemcheck-badge,
.systemcheck-ok {
  border-color: rgba(151, 242, 218, .35);
}

.systemcheck-row-warn .systemcheck-badge,
.systemcheck-warn {
  border-color: rgba(255, 214, 128, .42);
}

.systemcheck-row-error .systemcheck-badge,
.systemcheck-error {
  border-color: rgba(255, 126, 126, .45);
}

@media (max-width: 780px) {
  .systemcheck-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .systemcheck-row {
    align-items: flex-start;
    flex-direction: column;
    gap: .45rem;
  }

  .systemcheck-row-meta {
    text-align: left;
    white-space: normal;
  }
}


/* dnnspit Systemcheck-Integration und Kopfbereich · 0.5.6.3 */
.page-systemcheck .editor-panel.systemcheck-panel{
  padding:28px;
}
.page-systemcheck .systemcheck-toolbar{
  margin-bottom:18px;
}
.page-systemcheck .manager-toolbar-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  padding-bottom:6px;
}
.page-systemcheck .systemcheck-title{
  gap:8px;
  max-width:760px;
}
.page-systemcheck .systemcheck-title strong{
  font-size:24px;
  line-height:1.15;
}
.page-systemcheck .systemcheck-title span{
  font-size:14px;
  line-height:1.55;
  max-width:720px;
}
.page-systemcheck .systemcheck-actions{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  padding-top:2px;
  flex:0 0 auto;
}
.page-systemcheck #runSystemcheck{
  min-width:142px;
  box-shadow:0 14px 32px rgba(120,255,230,.16);
}
.page-systemcheck #systemcheckStatus{
  margin-top:2px;
  margin-bottom:10px;
}
@media (max-width: 760px){
  .page-systemcheck .editor-panel.systemcheck-panel{
    padding:20px;
  }
  .page-systemcheck .manager-toolbar-head{
    display:grid;
    gap:16px;
  }
  .page-systemcheck .systemcheck-actions{
    justify-content:flex-start;
  }
  .page-systemcheck #runSystemcheck{
    width:100%;
  }
}


/* dnnspit Gesamt-Polish, Systemcheck-Ausbau und Photo-Manager Komfort · 0.5.6.4 */
body.page-dnnspit-manager .editor-panel{
  border-color: rgba(255,255,255,.105);
}
body.page-dnnspit-manager .save-status{
  line-height:1.45;
}
body.page-dnnspit-photos .album-health-panel{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:12px 0 14px;
}
body.page-dnnspit-photos .album-health-item{
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  padding:10px 11px;
}
body.page-dnnspit-photos .album-health-item span{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  margin-bottom:4px;
}
body.page-dnnspit-photos .album-health-item strong{
  display:block;
  color:var(--text);
  font-size:13px;
  line-height:1.25;
}
body.page-dnnspit-photos .album-health-panel.is-ok .album-health-item:first-child{
  border-color:rgba(183,247,212,.22);
  background:rgba(183,247,212,.055);
}
body.page-dnnspit-photos .album-health-panel.is-warn .album-health-item:first-child{
  border-color:rgba(255,216,168,.18);
  background:rgba(255,216,168,.045);
}
body.page-dnnspit-photos .manager-actions{
  gap:8px;
}
body.page-dnnspit-photos .album-manager-card{
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
body.page-dnnspit-photos .album-manager-card:hover{
  transform:translateY(-1px);
}
.page-systemcheck .systemcheck-group-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-end;
  margin-bottom:10px;
}
.page-systemcheck .systemcheck-group-head h2{
  margin:0;
}
.page-systemcheck .systemcheck-group-head div{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:flex-end;
}
.page-systemcheck .systemcheck-group-head span{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:999px;
  padding:4px 8px;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.page-systemcheck .systemcheck-row{
  gap:14px;
}
.page-systemcheck .systemcheck-row-meta{
  text-align:right;
  line-height:1.35;
}
.page-systemcheck .systemcheck-summary-card{
  min-height:70px;
}
@media(max-width:820px){
  body.page-dnnspit-photos .album-health-panel{grid-template-columns:1fr;}
  .page-systemcheck .systemcheck-group-head{align-items:flex-start;flex-direction:column;}
  .page-systemcheck .systemcheck-row-meta{text-align:left;}
}


/* Photo-Manager Detail-Polish · 0.5.6.7 */
body.page-dnnspit-photos #albumsStatus{
  margin:0 0 18px;
  padding:14px 16px;
}
body.page-dnnspit-photos #albumsStatus + .field{
  margin-top:4px;
}
body.page-dnnspit-photos #albumsStatus + .field input{
  margin-top:8px;
}
body.page-dnnspit-photos .albums-manager-list{
  margin-top:12px;
}
body.page-dnnspit-photos .album-health-panel{
  margin:16px 0 16px;
}
body.page-dnnspit-photos .preview-panel .manager-actions{
  margin-top:4px;
}
body.page-dnnspit-photos .preview-panel .hint{
  margin-top:14px;
}


/* dnnspit Qualitätsrunde · 0.5.6.7 */
body.page-dnnspit-manager .save-status{
  margin:14px 0 18px;
  padding:13px 16px;
  border-radius:16px;
  border-color:rgba(151,242,218,.22);
  background:rgba(151,242,218,.055);
}
body.page-dnnspit-manager .save-status.is-busy{
  border-color:rgba(167,196,255,.22);
  background:rgba(167,196,255,.055);
}
body.page-dnnspit-manager .save-status.is-success{
  border-color:rgba(151,242,218,.30);
  background:rgba(151,242,218,.075);
}
body.page-dnnspit-manager .save-status.is-error{
  border-color:rgba(255,126,126,.34);
  background:rgba(255,126,126,.075);
}
body.page-dnnspit-manager .manager-flat-toolbar{
  gap:18px;
}
body.page-dnnspit-manager .manager-control-grid{
  margin-top:16px;
  margin-bottom:8px;
}
body.page-dnnspit-manager .manager-actions{
  align-items:center;
  row-gap:10px;
}
body.page-dnnspit-manager .editor-panel > .hint:last-child,
body.page-dnnspit-manager .preview-panel > .hint:last-child{
  margin-top:18px;
}
body.page-dnnspit-backup .manager-control-grid + .save-status,
body.page-data-manager #dataManagerStatus,
body.page-dnnspit-photos #albumsStatus,
body.page-systemcheck #systemcheckStatus{
  margin-top:18px;
}
.page-systemcheck .systemcheck-summary{
  margin:2px 0 14px;
}
.page-systemcheck .systemcheck-summary-card{
  position:relative;
  overflow:hidden;
  padding:14px 15px;
}
.page-systemcheck .systemcheck-summary-card span{
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:10px;
  font-weight:800;
}
.page-systemcheck .systemcheck-summary-card strong{
  margin-top:2px;
}
.page-systemcheck .systemcheck-options{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:-2px 0 10px;
}
.page-systemcheck .systemcheck-filter-button{
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
}
.page-systemcheck .systemcheck-filter-button.is-active{
  border-color:rgba(151,242,218,.38);
  background:rgba(151,242,218,.11);
  color:var(--text);
}
.page-systemcheck .systemcheck-mini-note{
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.page-systemcheck .systemcheck-group{
  padding:16px;
}
.page-systemcheck .systemcheck-group-head{
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  margin-bottom:2px;
}
.page-systemcheck .systemcheck-row{
  padding:13px 0;
}
.page-systemcheck .systemcheck-row:first-of-type{
  padding-top:13px;
}
.page-systemcheck .systemcheck-row-main{
  gap:12px;
}
.page-systemcheck .systemcheck-badge{
  font-weight:800;
  letter-spacing:.02em;
}
.page-systemcheck .systemcheck-row-error .systemcheck-badge{
  background:rgba(255,126,126,.08);
}
.page-systemcheck .systemcheck-row-warn .systemcheck-badge{
  background:rgba(255,214,128,.08);
}
.page-systemcheck .systemcheck-row-ok .systemcheck-badge{
  background:rgba(151,242,218,.07);
}
.page-systemcheck .systemcheck-empty{
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  padding:18px;
  color:var(--muted);
}
@media(max-width:760px){
  .page-systemcheck .systemcheck-options{align-items:flex-start;flex-direction:column;}
  .page-systemcheck .systemcheck-filter-button{width:100%;}
}


/* Backup-Manager Polish · 0.5.6.7 */
body.page-dnnspit-backup .backup-overview{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:0 0 16px;
}
body.page-dnnspit-backup .backup-overview-card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  padding:12px 14px;
  min-height:70px;
}
body.page-dnnspit-backup .backup-overview-card span{
  display:block;
  color:var(--muted);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:4px;
}
body.page-dnnspit-backup .backup-overview-card strong{
  display:block;
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.03em;
}
body.page-dnnspit-backup .backup-overview-card small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
body.page-dnnspit-backup .backup-overview-wide{
  grid-column:span 2;
}
body.page-dnnspit-backup .backup-list{
  gap:14px;
}
body.page-dnnspit-backup .backup-group{
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(255,255,255,.022);
  padding:12px;
}
body.page-dnnspit-backup .backup-group-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  padding:2px 2px 12px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
body.page-dnnspit-backup .backup-group-head h2{
  margin:0 0 3px;
  font-size:15px;
  line-height:1.2;
  letter-spacing:-.02em;
}
body.page-dnnspit-backup .backup-group-head span,
body.page-dnnspit-backup .backup-group-head small{
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
}
body.page-dnnspit-backup .backup-group .backup-card + .backup-card{
  margin-top:8px;
}
body.page-dnnspit-backup .backup-card{
  padding:11px 12px;
}
body.page-dnnspit-backup .backup-card.is-latest{
  border-color:rgba(151,242,218,.24);
  background:rgba(151,242,218,.045);
}
body.page-dnnspit-backup .backup-main{
  min-width:0;
}
body.page-dnnspit-backup .backup-latest-badge{
  display:inline-flex;
  vertical-align:middle;
  margin-left:6px;
  transform:translateY(-1px);
  border:1px solid rgba(151,242,218,.24);
  border-radius:999px;
  background:rgba(151,242,218,.08);
  color:var(--text);
  padding:2px 6px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.02em;
}
body.page-dnnspit-backup .backup-empty{
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  padding:18px;
  display:grid;
  gap:4px;
}
body.page-dnnspit-backup .backup-empty span{
  color:var(--muted);
  font-size:13px;
}
@media(max-width:860px){
  body.page-dnnspit-backup .backup-overview{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.page-dnnspit-backup .backup-overview-wide{grid-column:span 2;}
  body.page-dnnspit-backup .backup-card{grid-template-columns:1fr;}
  body.page-dnnspit-backup .mini-actions{justify-content:flex-start;}
}
@media(max-width:560px){
  body.page-dnnspit-backup .backup-overview{grid-template-columns:1fr;}
  body.page-dnnspit-backup .backup-overview-wide{grid-column:auto;}
  body.page-dnnspit-backup .backup-group-head{flex-direction:column;}
}


/* dnnspit Konsolidierungsstand · 0.5.7 */
body.page-systemcheck .systemcheck-summary-card.systemcheck-version strong{
  font-size: clamp(18px, 2.4vw, 28px);
  letter-spacing: -.03em;
}
body.page-systemcheck .systemcheck-summary-card.systemcheck-version{
  border-color: rgba(141,216,255,.34);
}


/* Öffentliche Seiten Polish · 0.5.8 */
body.page-hub:not(.page-tools-hub) .page,
body.page-posts-index .page,
body.page-events-index .page,
body.page-sports-index .page,
body.page-ratings-index .page,
body.page-series-index .page{
  padding-top: clamp(28px, 4vw, 56px);
}

body.page-hub:not(.page-tools-hub) .hero,
body.page-posts-index .hero,
body.page-events-index .hero,
body.page-sports-index .hero,
body.page-ratings-index .hero,
body.page-series-index .hero,
body.page-stats-index .hero,
body.page-timeline-index .hero{
  gap: clamp(20px, 4vw, 44px);
  align-items: center;
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 24px 70px rgba(0,0,0,.22);
}

body.page-hub:not(.page-tools-hub) .hero-title-row,
body.page-posts-index .hero-title-row,
body.page-events-index .hero-title-row,
body.page-sports-index .hero-title-row,
body.page-ratings-index .hero-title-row,
body.page-series-index .hero-title-row,
body.page-stats-index .hero-title-row,
body.page-timeline-index .hero-title-row{
  align-items: center;
  gap: clamp(12px, 2vw, 18px);
  margin-top: 4px;
  margin-bottom: 10px;
}

body.page-hub:not(.page-tools-hub) .lead,
body.page-posts-index .lead,
body.page-events-index .lead,
body.page-sports-index .lead,
body.page-ratings-index .lead,
body.page-series-index .lead,
body.page-stats-index .hero-copy,
body.page-timeline-index .hero-copy{
  max-width: 820px;
  line-height: 1.7;
}

body.page-hub:not(.page-tools-hub) .tile,
body.page-posts-index .post-card,
body.page-photos-index .album-card,
body.page-events-index .table-shell,
body.page-sports-index .table-shell,
body.page-ratings-index .table-shell,
body.page-series-index .table-shell,
body.page-stats-index .stat-card,
body.page-stats-index .stats-panel{
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 18px 52px rgba(0,0,0,.18);
}

body.page-hub:not(.page-tools-hub) .tile:hover,
body.page-posts-index .post-card:hover,
body.page-photos-index .album-card:hover,
body.page-stats-index .stat-card:hover{
  transform: translateY(-2px);
  border-color: rgba(183,247,212,.26);
}

body.page-events-index .stats,
body.page-sports-index .stats,
body.page-ratings-index .stats,
body.page-series-index .stats,
body.page-timeline-index .timeline-summary,
body.page-stats-index .stats-grid{
  gap: 14px;
}

body.page-events-index .stat,
body.page-sports-index .stat,
body.page-ratings-index .stat,
body.page-series-index .stat,
body.page-timeline-index .timeline-summary article,
body.page-stats-index .stat-card{
  min-height: 104px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.page-events-index .toolbar,
body.page-sports-index .toolbar,
body.page-ratings-index .toolbar,
body.page-series-index .toolbar,
body.page-photos-index .photos-toolbar,
body.page-timeline-index .timeline-controls{
  margin-top: 20px;
  margin-bottom: 22px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 24px;
  background: rgba(255,255,255,.035);
}

body.page-events-index .toolbar input,
body.page-events-index .toolbar select,
body.page-sports-index .toolbar input,
body.page-sports-index .toolbar select,
body.page-ratings-index .toolbar input,
body.page-ratings-index .toolbar select,
body.page-series-index .toolbar input,
body.page-series-index .toolbar select,
body.page-photos-index .photos-toolbar input,
body.page-photos-index .photos-toolbar select,
body.page-timeline-index .timeline-controls input{
  min-height: 48px;
}

body.page-events-index .table-shell,
body.page-sports-index .table-shell,
body.page-ratings-index .table-shell,
body.page-series-index .table-shell{
  margin-top: 18px;
}

body.page-events-index thead th,
body.page-sports-index thead th,
body.page-ratings-index thead th,
body.page-series-index thead th{
  letter-spacing: .02em;
}

body.page-events-index tbody tr,
body.page-sports-index tbody tr,
body.page-ratings-index tbody tr,
body.page-series-index tbody tr{
  transition: background .16s ease;
}

body.page-events-index tbody tr:hover,
body.page-sports-index tbody tr:hover,
body.page-ratings-index tbody tr:hover,
body.page-series-index tbody tr:hover{
  background: rgba(255,255,255,.035);
}

body.page-photos-index .photo-albums{
  margin-top: 22px;
  gap: 18px;
}

body.page-stats-index .stats-status,
body.page-timeline-index .timeline-status{
  margin-top: 18px;
  margin-bottom: 18px;
}

@media (max-width: 760px){
  body.page-hub:not(.page-tools-hub) .hero,
  body.page-posts-index .hero,
  body.page-events-index .hero,
  body.page-sports-index .hero,
  body.page-ratings-index .hero,
  body.page-series-index .hero,
  body.page-stats-index .hero,
  body.page-timeline-index .hero{
    padding: 24px;
  }

  body.page-events-index .toolbar,
  body.page-sports-index .toolbar,
  body.page-ratings-index .toolbar,
  body.page-series-index .toolbar,
  body.page-photos-index .photos-toolbar,
  body.page-timeline-index .timeline-controls{
    padding: 12px;
    border-radius: 20px;
  }
}


/* ===== Photos Übersicht Veredelung · 0.6.0 ===== */
body.page-photos-index .photos-hero {
  overflow: hidden;
  position: relative;
}

body.page-photos-index .photos-hero::after {
  content: "";
  position: absolute;
  right: clamp(20px, 8vw, 110px);
  bottom: -46px;
  width: clamp(190px, 23vw, 340px);
  aspect-ratio: 1;
  border-radius: 42% 58% 48% 52%;
  background:
    radial-gradient(circle at 35% 32%, rgba(255,255,255,.20), transparent 0 18%, rgba(141,216,255,.20) 19% 42%, transparent 43%),
    linear-gradient(135deg, rgba(141,216,255,.18), rgba(183,247,212,.12));
  border: 1px solid rgba(255,255,255,.10);
  opacity: .75;
  pointer-events: none;
}

body.page-photos-index .photos-overview-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: 18px;
  align-items: stretch;
  margin: 28px 0 16px;
}

body.page-photos-index .photos-overview-copy,
body.page-photos-index .photos-filter-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.055);
  box-shadow: var(--shadow);
  padding: clamp(18px, 2.5vw, 26px);
}

body.page-photos-index .section-kicker {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(141,216,255,.24);
  background: rgba(141,216,255,.10);
  color: var(--accent);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .02em;
}

body.page-photos-index .photos-overview-copy h2 {
  margin: 0 0 10px;
  max-width: 760px;
  font-size: clamp(28px, 4vw, 48px);
  line-height: .98;
  letter-spacing: -.055em;
}

body.page-photos-index .photos-overview-copy p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

body.page-photos-index .photos-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.page-photos-index .photos-stat-card {
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(141,216,255,.10), rgba(255,255,255,.045));
  padding: 18px;
}

body.page-photos-index .photos-stat-card span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}

body.page-photos-index .photos-stat-card strong {
  font-size: clamp(26px, 3vw, 38px);
  line-height: .95;
  letter-spacing: -.055em;
}

body.page-photos-index .photos-filter-panel {
  margin: 0 0 18px;
}

body.page-photos-index .photos-toolbar {
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) auto minmax(180px, 260px);
  align-items: center;
  gap: 10px 12px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.page-photos-index .photos-toolbar .field-label {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

body.page-photos-index .photos-toolbar input,
body.page-photos-index .photos-toolbar select {
  min-height: 48px;
  background: rgba(10,12,16,.72);
}

body.page-photos-index .photos-category-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

body.page-photos-index .photo-category-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  color: var(--muted);
  padding: 8px 11px;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

body.page-photos-index .photo-category-pill span {
  color: var(--text);
  opacity: .72;
}

body.page-photos-index .photo-category-pill:hover,
body.page-photos-index .photo-category-pill.active {
  color: var(--text);
  border-color: rgba(141,216,255,.36);
  background: rgba(141,216,255,.12);
}

body.page-photos-index .photo-albums {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

body.page-photos-index .photo-album-card {
  grid-column: span 2;
  border-radius: 28px;
  background: rgba(23,26,33,.82);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

body.page-photos-index .photo-album-card.photo-album-featured {
  grid-column: span 3;
}

body.page-photos-index .photo-album-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 26px 70px rgba(0,0,0,.34);
}

body.page-photos-index .photo-album-cover {
  position: relative;
  aspect-ratio: 16 / 10.5;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(141,216,255,.20), rgba(183,247,212,.12));
}

body.page-photos-index .photo-album-cover.has-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(5,7,10,.08), rgba(5,7,10,.55));
  pointer-events: none;
}

body.page-photos-index .photo-cover-label,
body.page-photos-index .photo-count-badge {
  position: absolute;
  z-index: 1;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(8,10,14,.48);
  backdrop-filter: blur(12px);
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
}

body.page-photos-index .photo-cover-label {
  left: 14px;
  top: 14px;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 850;
}

body.page-photos-index .photo-count-badge {
  right: 14px;
  bottom: 14px;
  border-radius: 999px;
  padding: 8px 11px;
  font-size: 12px;
  font-weight: 850;
}

body.page-photos-index .photo-album-copy {
  padding: 18px;
  gap: 0;
}

body.page-photos-index .photo-album-featured .photo-album-copy {
  padding: clamp(20px, 2.4vw, 26px);
}

body.page-photos-index .photo-album-copy h2 {
  margin: 14px 0 9px;
  font-size: clamp(24px, 2.8vw, 34px);
}

body.page-photos-index .photo-album-copy p {
  color: var(--muted);
  line-height: 1.55;
}

body.page-photos-index .photo-album-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 18px;
  color: var(--accent);
  font-size: 14px;
  font-weight: 850;
}

body.page-photos-index .photo-album-foot span:last-child {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(141,216,255,.25);
  background: rgba(141,216,255,.10);
}

@media (max-width: 1080px) {
  body.page-photos-index .photos-overview-panel {
    grid-template-columns: 1fr;
  }

  body.page-photos-index .photo-album-card,
  body.page-photos-index .photo-album-card.photo-album-featured {
    grid-column: span 3;
  }
}

@media (max-width: 760px) {
  body.page-photos-index .photos-toolbar {
    grid-template-columns: 1fr;
  }

  body.page-photos-index .photos-stats,
  body.page-photos-index .photo-albums {
    grid-template-columns: 1fr;
  }

  body.page-photos-index .photo-album-card,
  body.page-photos-index .photo-album-card.photo-album-featured {
    grid-column: auto;
  }
}


/* ===== Photos Vorschau Fill-Fix · 0.6.0 ===== */
body.page-photos-index .photo-album-cover {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  padding: 0;
  background: linear-gradient(180deg, rgba(12,14,19,.92), rgba(17,20,27,.88));
}

body.page-photos-index .photo-album-cover.has-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(141,216,255,.12), transparent 62%);
  pointer-events: none;
}

body.page-photos-index .photo-album-cover-image {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

body.page-photos-index .photo-album-cover-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: rgba(255,255,255,.8);
  font-size: 15px;
  font-weight: 750;
  letter-spacing: .02em;
}


/* 0.6.0 polish: public archive, recipes, about, timeline split */
:root{--dnns-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}
body{font-family:var(--dnns-font);}
.muted-note{color:var(--muted);}
.timeline-section{position:relative;display:grid;gap:14px;margin:28px 0 44px;}
.timeline-section-head{border:1px solid rgba(120,205,255,.28);background:linear-gradient(135deg,rgba(120,205,255,.12),rgba(255,255,255,.035));border-radius:26px;padding:22px 24px;margin-bottom:6px;}
.timeline-section-head span{display:inline-flex;border:1px solid rgba(120,205,255,.38);background:rgba(120,205,255,.12);color:var(--accent);border-radius:999px;padding:6px 12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;}
.timeline-section-head p{margin:12px 0 0;color:var(--muted);font-size:1.02rem;}
.timeline-section-upcoming .timeline-entry-card{background:linear-gradient(135deg,rgba(120,205,255,.08),rgba(255,255,255,.035));}
.timeline-section-past{padding-top:14px;border-top:1px solid rgba(255,255,255,.08);}
.recipes-page .hero-icon-badge,.about-page .hero-icon-badge{font-size:1.7rem;display:grid;place-items:center;}
.recipes-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px) minmax(180px,240px);gap:14px;margin:24px 0;}
.recipes-toolbar label,.recipe-admin-form label{display:grid;gap:8px;color:var(--muted);font-size:.9rem;font-weight:750;}
.recipes-toolbar input,.recipes-toolbar select,.recipe-admin-form input,.recipe-admin-form select,.recipe-admin-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);color:var(--text);font:inherit;padding:13px 15px;outline:none;}
.recipe-admin-form textarea{resize:vertical;}
.recipes-toolbar input:focus,.recipes-toolbar select:focus,.recipe-admin-form input:focus,.recipe-admin-form select:focus,.recipe-admin-form textarea:focus{border-color:rgba(120,205,255,.65);box-shadow:0 0 0 4px rgba(120,205,255,.08);}
.recipes-meta,.recipe-admin-status{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;padding:14px 18px;color:var(--muted);margin:18px 0;}
.recipe-admin-status.ok{border-color:rgba(70,220,150,.38);color:#a8f0ce}.recipe-admin-status.warn{border-color:rgba(255,210,120,.38);color:#ffe0a4}.recipe-admin-status.error{border-color:rgba(255,120,120,.38);color:#ffb4b4}
.recipes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 42px;}
.recipe-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:24px;padding:20px;transition:transform .16s ease,border-color .16s ease,background .16s ease;}
.recipe-card:hover{transform:translateY(-2px);border-color:rgba(120,205,255,.55);background:rgba(120,205,255,.07);}
.recipe-card-top{display:flex;gap:10px;align-items:center;justify-content:space-between;color:var(--muted);font-size:.88rem;}
.recipe-card-top span{display:inline-flex;border:1px solid rgba(120,205,255,.38);background:rgba(120,205,255,.12);color:var(--accent);border-radius:999px;padding:5px 10px;font-weight:900;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;}
.recipe-card h2{margin:14px 0 8px;font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:-.035em;}
.recipe-card p{color:var(--muted);margin:0 0 14px;line-height:1.55;}
.recipe-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;}.recipe-tags em{font-style:normal;border:1px solid var(--line);border-radius:999px;color:var(--muted);padding:5px 9px;font-size:.78rem;background:rgba(255,255,255,.025);}
.recipe-card-meta,.recipe-note{color:var(--muted);}.recipe-full{max-width:980px;margin:0 auto;}.recipe-full h1{font-size:clamp(2.3rem,6vw,4.8rem);letter-spacing:-.06em;margin:18px 0 12px;}.recipe-full .lead{font-size:1.16rem;color:var(--muted);}.recipe-columns{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:28px;margin:28px 0;}.recipe-columns li{margin:8px 0;color:var(--text);line-height:1.55;}.small-button.primary{background:rgba(120,205,255,.16);border-color:rgba(120,205,255,.45);color:var(--text);}.recipe-admin-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:20px;align-items:start;}.recipe-admin-sidebar{position:sticky;top:90px;display:grid;gap:14px;}.recipe-admin-row{width:100%;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:16px;color:inherit;padding:13px 14px;margin-bottom:10px;cursor:pointer;}.recipe-admin-row.active,.recipe-admin-row:hover{border-color:rgba(120,205,255,.55);background:rgba(120,205,255,.08);}.recipe-admin-row strong,.recipe-admin-row span{display:block;}.recipe-admin-row span{color:var(--muted);font-size:.86rem;margin-top:4px;}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}.recipe-admin-form{display:grid;gap:14px;}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0 42px;}.about-grid .content-card{height:100%;}.mail-safe{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:var(--accent);}
@media(max-width:860px){.recipes-toolbar,.recipes-grid,.recipe-columns,.recipe-admin-layout,.about-grid{grid-template-columns:1fr}.recipe-admin-sidebar{position:static}.form-grid{grid-template-columns:1fr}}


/* ===== 0.6.0 Nacharbeit ===== */
body.page-photos-index .photos-hero::after{display:none;}
.recipe-card{overflow:hidden;padding:0;}
.recipe-card-body{padding:20px;}
.recipe-card-image{height:180px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.035);overflow:hidden;display:grid;place-items:center;}
.recipe-card-image img{width:100%;height:100%;object-fit:cover;display:block;}
.recipe-card-image-fallback{font-size:2.4rem;color:var(--muted);}
.recipe-hero-image{margin:22px 0 24px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.035);}
.recipe-hero-image img{width:100%;max-height:560px;object-fit:cover;display:block;}
.stats-grid .stat-card[data-area="recipes"]{background:linear-gradient(135deg,rgba(120,205,255,.08),rgba(255,255,255,.035));}
@media(max-width:860px){.recipe-card-image{height:220px}}

/* ===== 0.6.4 Rezeptbilder lokal + externe Rezeptlinks ===== */
.recipe-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px;}
.recipe-links .small-button{margin:0;}
.recipe-video{margin:22px 0 24px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.035);}
.recipe-video iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000;}
.recipe-video p{padding:14px 16px;margin:0;border-top:1px solid var(--line);}
.tool-note{color:var(--muted);line-height:1.55;}
.tool-note code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--accent);background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:8px;padding:2px 6px;}

/* 0.6.4 Rezept-Editor polish */
body.page-recipe-admin .mini-actions.recipe-admin-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:0 0 4px;
}
body.page-recipe-admin .small-button{
  appearance:none;
  border:1px solid rgba(141,216,255,.28);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:var(--text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:11px 15px;
  font:inherit;
  font-size:.92rem;
  font-weight:850;
  letter-spacing:-.01em;
  text-decoration:none;
  cursor:pointer;
  box-shadow:none;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
body.page-recipe-admin .small-button:hover{
  transform:translateY(-1px);
  border-color:rgba(141,216,255,.55);
  background:rgba(141,216,255,.10);
}
body.page-recipe-admin .small-button.primary{
  border-color:rgba(141,216,255,.62);
  background:linear-gradient(135deg,rgba(141,216,255,.24),rgba(183,247,212,.13));
  color:var(--text);
}
body.page-recipe-admin .small-button.secondary{
  background:rgba(255,255,255,.045);
}
body.page-recipe-admin .recipe-admin-sidebar{
  align-self:start;
}
@media (min-width:861px){
  body.page-recipe-admin .mini-actions.recipe-admin-actions{
    position:sticky;
    top:90px;
    z-index:2;
  }
}


/* 0.6.4 Rezept-Editor spacing */
body.page-recipe-admin .recipe-admin-layout{
  margin-top:22px;
}
body.page-recipe-admin .tool-note{
  margin-bottom:0;
}
body.page-recipe-admin .recipe-admin-actions{
  margin-bottom:18px;
}
body.page-recipe-admin [data-recipe-admin-list]{
  display:grid;
  gap:10px;
}
body.page-recipe-admin .recipe-admin-row{
  margin-bottom:0;
}
@media(max-width:860px){
  body.page-recipe-admin .recipe-admin-layout{margin-top:18px;}
}


/* 0.6.4 Rezeptbild-Upload */
body.page-recipe-admin .recipe-image-upload{
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.025);
  padding:14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
}
body.page-recipe-admin .recipe-image-upload label{margin:0;}
body.page-recipe-admin .recipe-image-preview{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--muted);
  font-size:.88rem;
}
body.page-recipe-admin .recipe-image-preview img{
  width:92px;
  height:62px;
  object-fit:cover;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}
body.page-recipe-admin .recipe-admin-status.busy{border-color:rgba(141,216,255,.45);color:var(--accent);}
@media(max-width:680px){
  body.page-recipe-admin .recipe-image-upload{grid-template-columns:1fr;}
  body.page-recipe-admin .recipe-image-preview img{width:82px;height:56px;}
}

/* 0.6.4 Rezept-Editor: Verwaltungsliste mit Suche und Filtern */
body.page-recipe-admin .recipe-admin-sidebar{
  gap:14px;
}
body.page-recipe-admin .recipe-admin-actions{
  margin-bottom:0;
}
body.page-recipe-admin .recipe-admin-list-tools{
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(255,255,255,.028);
  padding:14px;
  display:grid;
  gap:12px;
}
body.page-recipe-admin .recipe-admin-list-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
body.page-recipe-admin .recipe-admin-list-head strong{
  font-size:1rem;
  letter-spacing:-.02em;
}
body.page-recipe-admin .recipe-admin-list-head span{
  color:var(--muted);
  font-size:.82rem;
  border:1px solid var(--line);
  border-radius:999px;
  padding:4px 9px;
  background:rgba(255,255,255,.035);
  white-space:nowrap;
}
body.page-recipe-admin .recipe-admin-list-tools label{
  display:grid;
  gap:7px;
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
}
body.page-recipe-admin .recipe-admin-list-tools input,
body.page-recipe-admin .recipe-admin-list-tools select{
  width:100%;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(0,0,0,.14);
  color:var(--text);
  font:inherit;
  font-size:.9rem;
  padding:11px 12px;
  outline:none;
}
body.page-recipe-admin .recipe-admin-list-tools input:focus,
body.page-recipe-admin .recipe-admin-list-tools select:focus{
  border-color:rgba(141,216,255,.55);
  box-shadow:0 0 0 4px rgba(141,216,255,.08);
}
body.page-recipe-admin .recipe-admin-filter-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
body.page-recipe-admin [data-recipe-admin-list]{
  max-height:calc(100vh - 430px);
  overflow:auto;
  padding-right:3px;
}
body.page-recipe-admin .recipe-admin-row{
  padding:14px 14px;
}
body.page-recipe-admin .recipe-admin-row strong{
  line-height:1.18;
}
body.page-recipe-admin .recipe-admin-export{
  margin-top:2px;
  opacity:.82;
}
@media(max-width:860px){
  body.page-recipe-admin [data-recipe-admin-list]{max-height:none;overflow:visible;padding-right:0;}
}
@media(max-width:420px){
  body.page-recipe-admin .recipe-admin-filter-row{grid-template-columns:1fr;}
}
body.page-recipe-admin .mini-actions.recipe-admin-actions{position:static;top:auto;}


/* 0.6.4 Rezept-Editor: keine permanente Komplettliste */
body.page-recipe-admin .recipe-admin-current-hint{
  color:var(--muted);
  font-size:.78rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin:2px 2px -2px;
}
body.page-recipe-admin .recipe-admin-row.current-only{
  border-color:rgba(141,216,255,.58);
  background:rgba(141,216,255,.08);
}
body.page-recipe-admin .recipe-admin-search-note{
  margin:0;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.45;
}
body.page-recipe-admin [data-recipe-admin-list]{
  max-height:none;
  overflow:visible;
}


/* ===== Posts 2.0 · 0.6.4 ===== */
body.page-posts-json .posts-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px);gap:14px;margin:20px 0 24px;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:rgba(255,255,255,.035);}
body.page-posts-json .posts-toolbar label{display:grid;gap:8px;color:var(--muted);font-size:.9rem;font-weight:750;}
body.page-posts-json .posts-toolbar input,body.page-posts-json .posts-toolbar select{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);color:var(--text);font:inherit;padding:13px 15px;outline:none;min-height:48px;}
body.page-posts-json .post-card-link{display:block;color:inherit;text-decoration:none;}
body.page-post-admin .recipe-admin-status.busy{border-color:rgba(141,216,255,.45);color:var(--accent);}
body.page-post-admin .recipe-admin-layout{margin-top:18px;}
body.page-post-admin .recipe-admin-sidebar{gap:18px;}
body.page-post-admin .recipe-admin-list-tools{display:grid;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.025);}
body.page-post-admin .recipe-admin-list-tools label{display:grid;gap:7px;color:var(--muted);font-size:.88rem;font-weight:750;}
body.page-post-admin .recipe-admin-list-tools input,body.page-post-admin .recipe-admin-list-tools select{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);color:var(--text);font:inherit;padding:11px 12px;outline:none;}
body.page-post-admin .recipe-admin-current-hint{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:4px 0 8px;}
body.page-post-admin .recipe-admin-search-note{margin:10px 2px 0;color:var(--muted);font-size:.86rem;line-height:1.5;}
@media(max-width:760px){body.page-posts-json .posts-toolbar{grid-template-columns:1fr;}}

/* ===== Posts 2.0 · 0.6.4 Featured-Verwaltung ===== */
body.page-post-admin .post-featured-manager{
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(141,216,255,.06), rgba(255,255,255,.025));
  padding:14px;
  display:grid;
  gap:10px;
}
body.page-post-admin .post-featured-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
body.page-post-admin .post-featured-head strong{
  font-size:1rem;
  letter-spacing:-.02em;
}
body.page-post-admin .post-featured-head span{
  border:1px solid rgba(141,216,255,.28);
  border-radius:999px;
  padding:4px 9px;
  color:var(--accent);
  background:rgba(141,216,255,.08);
  font-size:.82rem;
  font-weight:850;
}
body.page-post-admin .post-featured-manager p,
body.page-post-admin .post-featured-manager small{
  margin:0;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.45;
}
body.page-post-admin .post-featured-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px;
  gap:8px;
  align-items:center;
}
body.page-post-admin .post-featured-row button{
  min-height:42px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.04);
  color:var(--text);
  font:inherit;
  cursor:pointer;
}
body.page-post-admin .post-featured-row > button:first-child{
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  padding:9px 10px;
  min-width:0;
}
body.page-post-admin .post-featured-row > button:first-child span{
  width:24px;
  height:24px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(141,216,255,.10);
  color:var(--accent);
  font-size:.78rem;
  font-weight:900;
}
body.page-post-admin .post-featured-row > button:first-child strong{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
body.page-post-admin .post-featured-row.active > button:first-child{
  border-color:rgba(141,216,255,.52);
  background:rgba(141,216,255,.08);
}
body.page-post-admin .post-featured-remove{
  font-size:1.2rem;
  color:var(--muted);
}
body.page-post-admin .post-featured-slot{
  display:inline-flex;
  width:max-content;
  border:1px dashed rgba(255,255,255,.18);
  border-radius:999px;
  padding:5px 9px;
  color:var(--muted);
  font-size:.78rem;
}
body.page-post-admin .post-featured-add{
  width:100%;
  justify-content:center;
}
body.page-post-admin .post-featured-empty{
  border:1px dashed rgba(255,255,255,.18);
  border-radius:16px;
  padding:10px 12px;
}


/* ===== Posts 2.0 · 0.6.4 Editor-Polish ===== */
body.page-post-admin .post-admin-sidebar{
  position:static;
  align-self:start;
  display:grid;
  gap:18px;
}
@media (min-width:861px){
  body.page-post-admin .post-admin-sidebar{
    max-height:calc(100vh - 112px);
    overflow:auto;
    padding-right:6px;
    scrollbar-width:thin;
    scrollbar-color:rgba(141,216,255,.35) transparent;
  }
  body.page-post-admin .post-admin-sidebar::-webkit-scrollbar{width:8px;}
  body.page-post-admin .post-admin-sidebar::-webkit-scrollbar-thumb{background:rgba(141,216,255,.28);border-radius:999px;}
}
body.page-post-admin .mini-actions.recipe-admin-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:0;
}
body.page-post-admin .small-button,
body.page-post-admin button.small-button,
body.page-post-admin .post-featured-row button{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(141,216,255,.30);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:var(--text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:11px 15px;
  font:inherit;
  font-size:.92rem;
  font-weight:850;
  letter-spacing:-.01em;
  text-decoration:none;
  cursor:pointer;
  box-shadow:none;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease;
}
body.page-post-admin .small-button:hover,
body.page-post-admin .post-featured-row button:hover{
  transform:translateY(-1px);
  border-color:rgba(141,216,255,.58);
  background:rgba(141,216,255,.10);
}
body.page-post-admin .small-button.primary{
  border-color:rgba(141,216,255,.62);
  background:linear-gradient(135deg,rgba(141,216,255,.24),rgba(183,247,212,.13));
}
body.page-post-admin .small-button.secondary{background:rgba(255,255,255,.045);}
body.page-post-admin .small-button:disabled,
body.page-post-admin button:disabled{
  opacity:.42;
  cursor:not-allowed;
  transform:none;
}
body.page-post-admin .recipe-admin-list-head strong{
  font-size:1rem;
  letter-spacing:-.02em;
}
body.page-post-admin .recipe-admin-list-head span{
  color:var(--muted);
  font-size:.82rem;
  border:1px solid var(--line);
  border-radius:999px;
  padding:4px 9px;
  background:rgba(255,255,255,.035);
  white-space:nowrap;
}
body.page-post-admin .recipe-admin-filter-row{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
body.page-post-admin [data-post-admin-list]{
  display:grid;
  gap:10px;
}
body.page-post-admin .recipe-admin-row{margin-bottom:0;}
body.page-post-admin .recipe-admin-export{
  margin-top:0;
  opacity:.82;
}
body.page-post-admin .recipe-image-upload{
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.025);
  padding:14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
}
body.page-post-admin .recipe-image-upload label{margin:0;}
body.page-post-admin .recipe-image-preview{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--muted);
  font-size:.88rem;
}
body.page-post-admin .recipe-image-preview img{
  width:92px;
  height:62px;
  object-fit:cover;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}
body.page-post-admin .post-featured-row > button:first-child{
  border-radius:16px;
  justify-content:flex-start;
}
body.page-post-admin .post-featured-remove{
  width:42px;
  height:42px;
  min-height:42px;
  padding:0;
  border-radius:999px;
}
@media(max-width:860px){
  body.page-post-admin .post-admin-sidebar{max-height:none;overflow:visible;padding-right:0;}
  body.page-post-admin .recipe-image-upload{grid-template-columns:1fr;}
}

body.page-post-admin .recipe-admin-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}

/* ===== Posts 2.0 · 0.6.4 Scrollverhalten ===== */
body.page-post-admin .post-admin-sidebar{
  max-height:none !important;
  overflow:visible !important;
  padding-right:0 !important;
}


/* ===== Media Panel · 0.8.1 ===== */
.media-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0;}
.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:18px;}
.media-card{display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:start;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035);padding:16px;box-shadow:var(--shadow-soft);}
.media-poster{width:86px;height:124px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid var(--line);display:grid;place-items:center;font-size:2rem;overflow:hidden;}
.media-poster img{width:100%;height:100%;object-fit:cover;display:block;}
.media-kicker{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;}
.media-card h2{font-size:1.15rem;margin:0 0 7px;}
.media-card p{margin:0 0 10px;color:var(--muted);font-size:.92rem;}
.media-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.85rem;}
.media-meta span{border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:rgba(255,255,255,.035);}
.media-progress{position:relative;height:30px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.035);margin:10px 0;}
.media-progress span{position:absolute;left:0;top:0;bottom:0;background:rgba(255,255,255,.12);}
.media-progress strong{position:relative;z-index:1;display:block;padding:6px 10px;font-size:.83rem;}
.media-admin-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;align-items:start;}
.media-admin-sidebar,.media-admin-form{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.035);padding:18px;}
.media-admin-sidebar .mini-actions{display:grid;gap:10px;margin-bottom:16px;}
.media-fetch-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0;}
.media-history-panel{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;}
.media-history-row{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:16px;padding:10px 12px;margin-bottom:8px;background:rgba(255,255,255,.025);}
@media(max-width:860px){.media-stats{grid-template-columns:repeat(2,minmax(0,1fr));}.media-admin-layout{grid-template-columns:1fr;}.media-card{grid-template-columns:70px 1fr;}.media-poster{width:70px;height:104px;}}


/* ===== Media-Unterordner-Fix · 0.8.1 =====
   Movies/Serien/Ratings nutzen gemeinsame Media-Basisstyles. */
body.page-media{
  --bg: #0f1115;
  --panel: #171a21;
  --panel-2: #1f2430;
  --text: #f4f6fb;
  --muted: #9aa4b2;
  --line: rgba(255,255,255,.10);
  --accent: #8dd8ff;
  --accent-2: #b7f7d4;
  --shadow: 0 18px 60px rgba(0,0,0,.35);
  --radius: 22px;
  --radius-sm: 14px;
  --max: 1180px;
  --pad: 22px;
}

body.page-media *{ box-sizing: border-box; }
body.page-media{ scroll-behavior: smooth; }

body.page-media{
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(141,216,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(183,247,212,.12), transparent 30rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

body.page-media a{ color: inherit; text-decoration: none; }

body.page-media .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15,17,21,.82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}

body.page-media .site-nav{
  width: calc(100% - 44px);
  height: 72px;
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body.page-media .brand{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  font-weight: 750;
  font-size: 16px;
  letter-spacing: -.02em;
}

body.page-media .brand img{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
}

body.page-media .nav-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

body.page-media .nav-links::-webkit-scrollbar{ display: none; }

body.page-media .nav-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--muted);
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
  transition: background .18s ease, color .18s ease;
}

body.page-media .nav-link:hover, body.page-media .nav-link.active{
  background: rgba(255,255,255,.08);
  color: var(--text);
}

body.page-media .nav-link svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

body.page-media .page{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 52px 0 72px;
}

body.page-media .hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.page-media .eyebrow{
  color: var(--accent);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 12px;
}

body.page-media h1{
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .95;
  letter-spacing: -.06em;
}

body.page-media .lead{
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
}

body.page-media .stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 12px;
  min-width: 280px;
}

body.page-media .stat{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 18px;
}

body.page-media .stat-value{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.page-media .stat-label{
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

body.page-media .toolbar{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 180px 180px;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin: 28px 0 18px;
  box-shadow: var(--shadow);
}

body.page-media input, body.page-media select{
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,17,21,.78);
  color: var(--text);
  border-radius: 14px;
  padding: 13px 14px;
  outline: none;
  font: inherit;
}

body.page-media input::placeholder{ color: #778190; }

body.page-media input:focus, body.page-media select:focus{
  border-color: rgba(141,216,255,.55);
  box-shadow: 0 0 0 4px rgba(141,216,255,.10);
}

body.page-media select option{
  color: #0f1115;
  background: #fff;
}

body.page-media .table-shell{
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(23,26,33,.78);
  box-shadow: var(--shadow);
}

body.page-media .table-scroll{
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-media table{
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

body.page-media .table-compact table{
  min-width: 0;
}

body.page-media th, body.page-media td{
  padding: 17px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
}

body.page-media th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(31,36,48,.96);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

body.page-media tr:last-child td{ border-bottom: 0; }
body.page-media tbody tr{ transition: background .18s ease; }
body.page-media tbody tr:hover{ background: rgba(255,255,255,.04); }

body.page-media .date{
  white-space: nowrap;
  font-weight: 750;
  color: var(--accent-2);
}

body.page-media .artist, body.page-media .strong{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-media .muted{ color: var(--muted); }

body.page-media .acts{
  display: grid;
  gap: 4px;
}

body.page-media .act-pill{
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(141,216,255,.12);
  border: 1px solid rgba(141,216,255,.18);
  color: var(--text);
  font-size: 13px;
}

body.page-media .empty{
  padding: 32px;
  color: var(--muted);
  text-align: center;
  display: none;
}

body.page-media .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.page-media .tile{
  display: block;
  min-height: 210px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-media .tile:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-media .tile-icon, body.page-media .link-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(141,216,255,.95), rgba(183,247,212,.9));
  color: #0f1115;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px rgba(141,216,255,.18);
  font-weight: 900;
}

body.page-media .tile-icon svg{
  width: 22px;
  height: 22px;
}

body.page-media .tile-kicker{
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  margin-bottom: 9px;
}

body.page-media .tile h2{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.04em;
}

body.page-media .tile p{
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

body.page-media .link-list{
  display: grid;
  gap: 12px;
  width: 100%;
}

body.page-media .link-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

body.page-media .link-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

body.page-media .link-left{
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.page-media .link-icon{
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  flex: 0 0 auto;
}

body.page-media .link-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

body.page-media .link-sub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

body.page-media .content-card{
  background: rgba(23,26,33,.82);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  line-height: 1.7;
  color: var(--muted);
}

body.page-media .content-card h2{
  color: var(--text);
  margin: 28px 0 10px;
  font-size: 20px;
  letter-spacing: -.03em;
}

body.page-media .content-card h2:first-child{ margin-top: 0; }
body.page-media .content-card a{ border-bottom: 1px solid rgba(255,255,255,.28); }
body.page-media .content-card ul{ padding-left: 20px; }

body.page-media footer{
  width: calc(100% - 44px);
  margin: 0 auto;
  padding: 0 0 34px;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

@media  (max-width: 980px) {
  body.page-media .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media  (max-width: 860px) {
  body.page-media .site-nav{
    width: 100%;
    height: 66px;
    padding: 0 14px;
  }

  body.page-media .brand span{ display: none; }

  body.page-media .page{
    width: calc(100% - 28px);
    padding-top: 38px;
  }

  body.page-media .hero{
    grid-template-columns: 1fr;
  }

  body.page-media .stats{
    min-width: 0;
    width: 100%;
  }

  body.page-media .toolbar{
    grid-template-columns: 1fr;
  }

  body.page-media footer{
    width: calc(100% - 28px);
  }
}

@media  (max-width: 640px) {
  body.page-media .grid{ grid-template-columns: 1fr; }
  body.page-media .link-card{ align-items: flex-start; }
}

  
/* FINAL WIDTH FIX: kein 100vw mehr, alle Seiten haben denselben Layout-Raum */
body.page-media{
  overflow-y: scroll !important;
}

body.page-media{
  overflow-x: hidden !important;
}

body.page-media .site-nav, body.page-media .page, body.page-media footer{
  width: calc(100% - 44px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-media .site-nav{
  height: 72px !important;
  min-height: 72px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

body.page-media .page{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-media footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media  (max-width: 860px) {
  body.page-media .site-nav, body.page-media .page, body.page-media footer{
    width: calc(100% - 28px) !important;
  }

  body.page-media .site-nav{
    height: 66px !important;
    min-height: 66px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

  
/* Ratings Feintuning: Statistik in eigener Zeile */

body.page-media .hero-title-row{display:flex;align-items:center;gap:18px;}
body.page-media .hero-icon-badge{width:78px;height:78px;border-radius:999px;border:1px solid var(--line);display:grid;place-items:center;background:rgba(255,255,255,.045);font-size:1.5rem;}
body.page-media .nav-group{position:relative;}
body.page-media .nav-trigger{appearance:none;-webkit-appearance:none;border:0;font:inherit;}
body.page-media .nav-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;padding:8px;border:1px solid var(--line);border-radius:18px;background:rgba(18,21,27,.96);box-shadow:var(--shadow-soft);display:none;z-index:50;}
body.page-media .nav-group:hover .nav-dropdown, body.page-media .nav-group:focus-within .nav-dropdown{display:grid;gap:4px;}
body.page-media .nav-dropdown-link{display:block;padding:10px 12px;border-radius:12px;color:var(--muted);text-decoration:none;}
body.page-media .nav-dropdown-link:hover, body.page-media .nav-dropdown-link.active{background:rgba(141,216,255,.12);color:var(--text);}
@media(max-width:760px){body.page-media .hero-title-row{align-items:flex-start;} body.page-media .hero-icon-badge{width:58px;height:58px;}}


/* Media/navigation and image fallback polish · 0.8.1 */
.nav-group:hover > .nav-trigger,
.nav-group:focus-within > .nav-trigger,
.nav-trigger.active{
  color: var(--text);
  border-color: rgba(120,205,255,.55);
  background: rgba(120,205,255,.10);
}
body.page-media .nav-trigger.active{
  color:#fff;
  background:rgba(255,255,255,.10);
  border-color:rgba(120,205,255,.42);
}
body.page-photos-album .photo-item-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
body.page-photos-album .photo-item-image.has-image{
  background:linear-gradient(135deg, rgba(141,216,255,.18), rgba(183,247,212,.14));
}
.media-rating-text{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(120,205,255,.26);
  background:rgba(120,205,255,.10);
  color:var(--accent);
  border-radius:999px;
  padding:.22rem .55rem;
  font-weight:900;
  font-size:.86rem;
}


/* Media Core · 0.8.1 */
body.page-media .media-toolbar{ grid-template-columns:minmax(240px,1fr) repeat(4,minmax(150px,.35fr)); }
body.page-media .media-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 26px;}
body.page-media.page-movies .media-stats{grid-template-columns:repeat(3,minmax(0,1fr));}
body.page-media .media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-top:18px;}
body.page-media .media-card{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:start;border:1px solid var(--line);border-radius:24px;background:rgba(23,26,33,.78);padding:16px;box-shadow:0 18px 45px rgba(0,0,0,.18);}
body.page-media .media-poster{width:88px;height:132px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line);display:grid;place-items:center;font-size:2rem;overflow:hidden;}
body.page-media .media-poster img{width:100%;height:100%;object-fit:cover;display:block;}
body.page-media .media-kicker{color:var(--accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:6px;}
body.page-media .media-card h2{font-size:1.12rem;line-height:1.22;margin:0 0 8px;letter-spacing:-.03em;}
body.page-media .media-card p{margin:0 0 10px;color:var(--muted);font-size:.92rem;line-height:1.45;}
body.page-media .media-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.85rem;}
body.page-media .media-meta.clean > span{border:1px solid var(--line);border-radius:999px;padding:4px 9px;background:rgba(255,255,255,.035);}
body.page-media .media-rating-badge{display:inline-flex;align-items:center;justify-content:center;border:0!important;background:transparent!important;color:var(--accent)!important;font-weight:900;padding:0!important;}
body.page-media .media-soft-badge{color:var(--muted);}
body.page-media .media-progress{position:relative;height:30px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07);margin:10px 0;}
body.page-media .media-progress span{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(141,216,255,.45),rgba(183,247,212,.25));}
body.page-media .media-progress strong{position:relative;z-index:1;display:block;padding:6px 10px;font-size:.83rem;color:#fff;}
body.page-media .nav-group:hover > .nav-trigger, body.page-media .nav-group:focus-within > .nav-trigger{background:rgba(255,255,255,.08);color:var(--text);}
body.page-media .nav-dropdown{pointer-events:auto;}
@media(max-width:900px){body.page-media .media-toolbar,body.page-media .media-stats,body.page-media.page-movies .media-stats{grid-template-columns:1fr;} body.page-media .media-card{grid-template-columns:74px 1fr;} body.page-media .media-poster{width:74px;height:108px;}}

/* Media Panel & Media Public Polish · 0.8.5 */
.nav-group{position:relative;}
.nav-group:hover > .nav-dropdown,
.nav-group:focus-within > .nav-dropdown{display:grid;gap:4px;}
.nav-trigger{cursor:pointer;}
.nav-group:hover > .nav-trigger,
.nav-group:focus-within > .nav-trigger{background:rgba(255,255,255,.08);color:var(--text);}
body.page-media .nav-group:hover > .nav-trigger,
body.page-media .nav-group:focus-within > .nav-trigger{background:rgba(255,255,255,.08);color:var(--text);}

body.page-media-admin .mini-actions.media-actions{display:grid;gap:10px;margin-bottom:18px;}
body.page-media-admin .small-button,
body.page-media-admin button.small-button{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(120,205,255,.30);
  border-radius:999px;
  min-height:42px;
  padding:10px 14px;
  background:rgba(255,255,255,.045);
  color:var(--text);
  font:inherit;
  font-weight:850;
  cursor:pointer;
  box-shadow:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
body.page-media-admin .small-button:hover{background:rgba(120,205,255,.12);border-color:rgba(120,205,255,.55);transform:translateY(-1px);}
body.page-media-admin .small-button.primary{background:linear-gradient(135deg,rgba(120,205,255,.24),rgba(120,205,255,.10));border-color:rgba(120,205,255,.58);}
body.page-media-admin .small-button.ghost{background:transparent;border-color:rgba(255,255,255,.14);color:var(--muted);}
body.page-media-admin .media-current-hint{color:var(--muted);font-size:.88rem;line-height:1.45;margin:12px 0 12px;}
body.page-media-admin .recipe-admin-row small{display:block;margin-top:5px;color:var(--accent);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;}
body.page-media-admin .media-tmdb-panel{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025);padding:16px;margin:18px 0;}
body.page-media-admin .media-tmdb-panel h2{margin:0 0 12px;font-size:1.1rem;}
body.page-media-admin .media-fetch-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;}
body.page-media-admin .media-fetch-row input[type=file]{max-width:270px;color:var(--muted);}
body.page-media-admin .inline-field{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:800;}
body.page-media-admin .inline-field select{min-width:190px;}
body.page-media-admin .check-field{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.9rem;line-height:1.35;}
body.page-media-admin .check-field input{accent-color:#8dd8ff;}
body.page-media-admin .tmdb-batch-report{margin-top:14px;}
body.page-media-admin .tmdb-batch-report h3{margin:0 0 6px;}
body.page-media-admin .tmdb-report-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:4px;}
body.page-media-admin .tmdb-report-row{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.035);display:grid;gap:4px;}
body.page-media-admin .tmdb-report-row.ok{border-color:rgba(183,247,212,.24);}
body.page-media-admin .tmdb-report-row.check{border-color:rgba(255,210,120,.30);}
body.page-media-admin .tmdb-report-row.fail{border-color:rgba(255,120,120,.30);}
body.page-media-admin .tmdb-report-row span{color:var(--muted);font-size:.88rem;}

body.page-media .media-rating-badge{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;color:var(--accent)!important;font-weight:900;}
body.page-media .media-meta.clean > span:has(.media-rating-badge){border-color:rgba(120,205,255,.28);background:rgba(120,205,255,.10);}
body.page-media .series-card{grid-template-columns:104px 1fr;}
body.page-media .series-card .media-poster{width:104px;height:156px;}
body.page-media .series-info-grid{display:grid;gap:7px;margin-top:12px;}
body.page-media .series-info-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:7px 10px;background:rgba(255,255,255,.03);}
body.page-media .series-info-row span{color:var(--muted);font-size:.82rem;}
body.page-media .series-info-row strong{font-size:.86rem;text-align:right;color:var(--text);}
body.page-media .series-info-row.positive{border-color:rgba(183,247,212,.25);background:rgba(183,247,212,.08);}
@media(max-width:900px){body.page-media .series-card{grid-template-columns:74px 1fr;} body.page-media .series-card .media-poster{width:74px;height:108px;} body.page-media-admin .media-fetch-row{align-items:stretch;} body.page-media-admin .inline-field{width:100%;} body.page-media-admin .inline-field select{flex:1;}}


/* Media Panel / Public Polish · 0.8.5 */
body.page-media-admin .tool-note{margin-bottom:18px;}
body.page-media-admin .media-admin-layout{margin-top:18px;}
body.page-media-admin .media-admin-sidebar,
body.page-media-admin .media-admin-form{padding:20px;}
body.page-media-admin .media-admin-form .form-grid{gap:16px 12px;}
body.page-media-admin .media-admin-form label{display:grid;gap:8px;color:var(--muted);font-weight:800;}
body.page-media-admin .media-admin-form input,
body.page-media-admin .media-admin-form select,
body.page-media-admin .media-admin-form textarea{
  width:100%;
  min-height:44px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(10,12,16,.58);
  color:var(--text);
  padding:11px 12px;
  font:inherit;
  font-weight:650;
  outline:none;
}
body.page-media-admin .media-admin-form textarea{resize:vertical;line-height:1.45;min-height:96px;}
body.page-media-admin .media-admin-form input:focus,
body.page-media-admin .media-admin-form select:focus,
body.page-media-admin .media-admin-form textarea:focus{border-color:rgba(120,205,255,.55);box-shadow:0 0 0 3px rgba(120,205,255,.08);}
body.page-media-admin .media-tmdb-panel{padding:18px;margin:22px 0 18px;}
body.page-media-admin .panel-title-row h2{margin:0 0 4px;font-size:1.12rem;}
body.page-media-admin .panel-title-row p{margin:0 0 14px;color:var(--muted);font-size:.9rem;line-height:1.4;}
body.page-media-admin .media-fetch-grid{display:grid;grid-template-columns:minmax(220px,.8fr) auto minmax(260px,1fr) auto;gap:12px;align-items:end;margin:10px 0 14px;}
body.page-media-admin .media-batch-box{border-top:1px solid rgba(255,255,255,.09);padding-top:14px;margin-top:12px;display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:center;}
body.page-media-admin .media-file-picker{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(10,12,16,.42);padding:8px 10px;color:var(--muted);}
body.page-media-admin .media-file-picker input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none;}
body.page-media-admin .media-file-picker span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 10px;border-radius:999px;border:1px solid rgba(120,205,255,.28);background:rgba(120,205,255,.08);color:var(--text);font-weight:850;white-space:nowrap;}
body.page-media-admin .media-file-picker em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;}
body.page-media-admin .media-long-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin-top:16px;}
body.page-media-admin .recipe-admin-list-head{gap:6px;}

body.page-media .series-card{grid-template-columns:104px minmax(0,1fr);align-items:start;}
body.page-media .series-card > div:last-child{min-width:0;}
body.page-media .series-card .media-kicker{line-height:1.35;}
body.page-media .series-card h2{overflow-wrap:anywhere;}
body.page-media .series-info-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px;}
body.page-media .series-info-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:8px 10px;background:rgba(255,255,255,.03);min-width:0;}
body.page-media .series-info-row span{min-width:0;color:var(--muted);font-size:.8rem;line-height:1.25;}
body.page-media .series-info-row strong{min-width:0;max-width:100%;font-size:.84rem;text-align:right;color:var(--text);white-space:normal;overflow-wrap:anywhere;}
body.page-media .series-info-row.wide{grid-template-columns:1fr;gap:4px;}
body.page-media .series-info-row.wide strong{text-align:left;font-size:.9rem;}
body.page-media .series-info-row.positive{border-color:rgba(183,247,212,.25);background:rgba(183,247,212,.08);}
body.page-media .media-progress{height:28px;}
body.page-media .media-stats .stat-value{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.1;}
@media(max-width:980px){body.page-media-admin .media-fetch-grid,body.page-media-admin .media-batch-box,body.page-media-admin .media-long-fields{grid-template-columns:1fr;} body.page-media-admin .media-fetch-grid .small-button{width:100%;}}
@media(max-width:900px){body.page-media .series-card{grid-template-columns:74px minmax(0,1fr);}}

/* Media Panel & Serienkarten Feinschliff · 0.8.5 */
body.page-media-admin .media-tmdb-panel{
  padding:20px;
  margin:22px 0 18px;
}
body.page-media-admin .panel-title-row p{
  max-width:60ch;
}
body.page-media-admin .media-fetch-stack{
  display:grid;
  gap:14px;
}
body.page-media-admin .media-fetch-block{
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(10,12,16,.34);
  padding:14px;
}
body.page-media-admin .media-fetch-block-head{
  display:grid;
  gap:4px;
  margin-bottom:10px;
}
body.page-media-admin .media-fetch-block-head strong{
  font-size:.95rem;
  letter-spacing:.01em;
}
body.page-media-admin .media-fetch-block-head span{
  color:var(--muted);
  font-size:.88rem;
  line-height:1.45;
}
body.page-media-admin .media-fetch-grid,
body.page-media-admin .media-upload-grid{
  display:grid;
  gap:12px;
  align-items:end;
}
body.page-media-admin .media-fetch-grid{
  grid-template-columns:minmax(240px,320px) minmax(0,1fr);
}
body.page-media-admin .media-upload-grid{
  grid-template-columns:minmax(0,1fr) auto;
}
body.page-media-admin .media-fetch-grid .small-button,
body.page-media-admin .media-upload-grid .small-button{
  width:100%;
}
body.page-media-admin .inline-field{
  display:grid;
  gap:8px;
  align-items:stretch;
  color:var(--muted);
  font-weight:800;
}
body.page-media-admin .inline-field select{
  min-width:0;
  width:100%;
}
body.page-media-admin .media-file-picker{
  min-width:0;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(10,12,16,.42);
  padding:10px 12px;
  color:var(--muted);
}
body.page-media-admin .media-file-picker input[type=file]{
  display:none!important;
}
body.page-media-admin .media-file-picker span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(120,205,255,.28);
  background:rgba(120,205,255,.08);
  color:var(--text);
  font-weight:850;
  white-space:nowrap;
}
body.page-media-admin .media-file-picker em{
  min-width:0;
  font-style:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.92rem;
}
body.page-media-admin .media-batch-box{
  border-top:1px solid rgba(255,255,255,.09);
  padding-top:16px;
  margin-top:16px;
  grid-template-columns:minmax(0,1fr) minmax(280px,auto);
  align-items:center;
}
body.page-media-admin .media-batch-box .small-button{
  width:100%;
}
body.page-media-admin .check-field{
  min-width:0;
}

body.page-media .series-card{
  grid-template-columns:120px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
body.page-media .series-side{
  display:grid;
  gap:12px;
  align-content:start;
}
body.page-media .series-card .media-poster{
  width:120px;
  height:180px;
}
body.page-media .series-side-meta{
  display:grid;
  gap:8px;
}
body.page-media .series-side-meta span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 10px;
  border:1px solid rgba(120,205,255,.18);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:var(--accent);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
  line-height:1.25;
}
body.page-media .series-main{
  min-width:0;
}
body.page-media .series-main h2{
  margin-bottom:8px;
}
body.page-media .series-main p{
  margin-bottom:12px;
}
body.page-media .series-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
body.page-media .series-info-row{
  min-height:64px;
  align-content:center;
  padding:10px 12px;
  border-radius:16px;
}
body.page-media .series-info-row span{
  font-size:.78rem;
  line-height:1.2;
}
body.page-media .series-info-row strong{
  font-size:.92rem;
  line-height:1.25;
}
body.page-media .series-info-row.wide{
  grid-column:1 / -1;
}
@media(max-width:980px){
  body.page-media-admin .media-fetch-grid,
  body.page-media-admin .media-upload-grid,
  body.page-media-admin .media-batch-box{
    grid-template-columns:1fr;
  }
}
@media(max-width:900px){
  body.page-media .series-card{
    grid-template-columns:88px minmax(0,1fr);
  }
  body.page-media .series-card .media-poster{
    width:88px;
    height:132px;
  }
  body.page-media .series-side-meta{
    gap:6px;
  }
  body.page-media .series-side-meta span{
    min-height:32px;
    padding:6px 8px;
    font-size:.72rem;
    letter-spacing:.05em;
  }
  body.page-media .series-info-grid{
    grid-template-columns:1fr;
  }
  body.page-media .series-info-row.wide{
    grid-column:auto;
  }
}

/* Serienkarten Rework · 0.8.6 */
body.page-media.page-series .media-grid{
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
}
body.page-media .series-card{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
body.page-media .series-card-top{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
body.page-media .series-side{
  display:grid;
  gap:12px;
  align-content:start;
}
body.page-media .series-card .media-poster{
  width:120px;
  height:180px;
}
body.page-media .series-side-meta{
  display:grid;
  gap:8px;
}
body.page-media .series-side-meta span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 10px;
  border:1px solid rgba(120,205,255,.18);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:var(--accent);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
  line-height:1.2;
}
body.page-media .series-main{
  min-width:0;
  display:grid;
  gap:10px;
  align-content:start;
}
body.page-media .series-main h2{
  margin:0;
  font-size:1.55rem;
  line-height:1.08;
}
body.page-media .series-main p{
  margin:0;
  color:var(--muted);
}
body.page-media .series-main .media-progress{
  margin:2px 0 0;
}
body.page-media .series-details{
  display:grid;
  gap:10px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:2px;
}
body.page-media .series-detail-row{
  display:grid;
  grid-template-columns:minmax(110px,160px) minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-width:0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  padding:11px 13px;
  background:rgba(255,255,255,.03);
}
body.page-media .series-detail-row span{
  color:var(--muted);
  font-size:.82rem;
  line-height:1.25;
}
body.page-media .series-detail-row strong{
  min-width:0;
  font-size:.92rem;
  line-height:1.3;
  text-align:right;
  color:var(--text);
  white-space:normal;
  overflow-wrap:anywhere;
}
body.page-media .series-detail-row.wide{
  grid-template-columns:1fr;
  gap:6px;
}
body.page-media .series-detail-row.wide strong{
  text-align:left;
  font-size:1rem;
}
@media(max-width:1100px){
  body.page-media.page-series .media-grid{
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  }
}
@media(max-width:700px){
  body.page-media.page-series .media-grid{
    grid-template-columns:1fr;
  }
  body.page-media .series-card-top{
    grid-template-columns:96px minmax(0,1fr);
    gap:14px;
  }
  body.page-media .series-card .media-poster{
    width:96px;
    height:144px;
  }
  body.page-media .series-side-meta span{
    min-height:34px;
    padding:7px 8px;
    font-size:.72rem;
    letter-spacing:.05em;
  }
  body.page-media .series-main h2{
    font-size:1.28rem;
  }
  body.page-media .series-detail-row{
    grid-template-columns:1fr;
    gap:6px;
  }
  body.page-media .series-detail-row strong{
    text-align:left;
  }
}

/* Serienkarten Compact Polish · 0.8.7 */
body.page-media.page-series .media-grid{
  grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
  gap:16px;
}
body.page-media.page-series .series-card{
  gap:14px;
  padding:14px;
  border-radius:22px;
}
body.page-media.page-series .series-card-top{
  grid-template-columns:108px minmax(0,1fr);
  gap:16px;
}
body.page-media.page-series .series-card .media-poster{
  width:108px;
  height:162px;
  border-radius:16px;
}
body.page-media.page-series .series-side{
  gap:10px;
}
body.page-media.page-series .series-side-meta{
  gap:7px;
}
body.page-media.page-series .series-side-meta span{
  min-height:34px;
  padding:7px 8px;
  border-radius:12px;
  font-size:.72rem;
  letter-spacing:.06em;
}
body.page-media.page-series .series-main{
  gap:8px;
}
body.page-media.page-series .series-main h2{
  font-size:1.38rem;
  line-height:1.08;
}
body.page-media.page-series .series-main p{
  font-size:.9rem;
}
body.page-media.page-series .media-progress{
  height:28px;
  margin:0;
}
body.page-media.page-series .media-progress strong{
  padding:5px 10px;
  font-size:.8rem;
}
body.page-media.page-series .series-details{
  gap:8px;
  padding-top:0;
}
body.page-media.page-series .series-detail-row{
  grid-template-columns:minmax(96px,132px) minmax(0,1fr);
  gap:12px;
  border-radius:14px;
  padding:9px 12px;
}
body.page-media.page-series .series-detail-row span{
  font-size:.78rem;
}
body.page-media.page-series .series-detail-row strong{
  font-size:.9rem;
  line-height:1.25;
}
body.page-media.page-series .series-detail-row.wide{
  gap:5px;
}
body.page-media.page-series .series-detail-row.wide strong{
  font-size:.96rem;
}
@media(max-width:1100px){
  body.page-media.page-series .media-grid{
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  }
}
@media(max-width:700px){
  body.page-media.page-series .series-card{
    padding:12px;
  }
  body.page-media.page-series .series-card-top{
    grid-template-columns:92px minmax(0,1fr);
    gap:12px;
  }
  body.page-media.page-series .series-card .media-poster{
    width:92px;
    height:138px;
  }
  body.page-media.page-series .series-side-meta span{
    min-height:30px;
    font-size:.69rem;
    letter-spacing:.04em;
  }
  body.page-media.page-series .series-main h2{
    font-size:1.2rem;
  }
  body.page-media.page-series .media-progress{
    height:26px;
  }
  body.page-media.page-series .series-detail-row{
    gap:5px;
    padding:9px 10px;
  }
}

/* Serienkarten Layout-Shift · 0.8.8 */
body.page-media.page-series .media-grid{
  grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
  gap:16px;
}
body.page-media.page-series .series-card{
  grid-template-columns:145px minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding:14px;
}
body.page-media.page-series .series-card-top{
  display:contents;
}
body.page-media.page-series .series-side{
  gap:10px;
}
body.page-media.page-series .series-card .media-poster{
  width:96px;
  height:144px;
  margin:0 auto;
}
body.page-media.page-series .series-side-meta{
  gap:6px;
}
body.page-media.page-series .series-side-meta span{
  min-height:30px;
  padding:6px 8px;
  border-radius:12px;
  font-size:.69rem;
  letter-spacing:.05em;
}
body.page-media.page-series .series-side-stats{
  display:grid;
  gap:8px;
}
body.page-media.page-series .series-side-stat{
  display:grid;
  gap:3px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  background:rgba(255,255,255,.03);
}
body.page-media.page-series .series-side-stat span{
  color:var(--muted);
  font-size:.72rem;
  line-height:1.15;
}
body.page-media.page-series .series-side-stat strong{
  font-size:.88rem;
  line-height:1.2;
  color:var(--text);
}
body.page-media.page-series .series-main{
  gap:10px;
}
body.page-media.page-series .series-main-head{
  display:grid;
  gap:6px;
}
body.page-media.page-series .series-main h2{
  font-size:1.34rem;
  line-height:1.08;
}
body.page-media.page-series .series-main p{
  font-size:.9rem;
}
body.page-media.page-series .media-progress{
  height:28px;
}
body.page-media.page-series .media-progress strong{
  padding:5px 10px;
  font-size:.8rem;
}
body.page-media.page-series .series-details{
  border-top:0;
  padding-top:0;
  gap:8px;
}
body.page-media.page-series .series-detail-row{
  grid-template-columns:minmax(90px,120px) minmax(0,1fr);
  gap:12px;
  padding:9px 12px;
  border-radius:14px;
}
body.page-media.page-series .series-detail-row span{
  font-size:.78rem;
}
body.page-media.page-series .series-detail-row strong{
  font-size:.9rem;
}
body.page-media.page-series .series-detail-row.wide strong{
  font-size:.95rem;
}
@media(max-width:1100px){
  body.page-media.page-series .media-grid{
    grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
  }
}
@media(max-width:700px){
  body.page-media.page-series .series-card{
    grid-template-columns:120px minmax(0,1fr);
    gap:12px;
    padding:12px;
  }
  body.page-media.page-series .series-card .media-poster{
    width:88px;
    height:132px;
  }
  body.page-media.page-series .series-side-meta span{
    min-height:28px;
    font-size:.66rem;
  }
  body.page-media.page-series .series-side-stat{
    padding:7px 8px;
  }
  body.page-media.page-series .series-side-stat strong{
    font-size:.82rem;
  }
  body.page-media.page-series .series-main h2{
    font-size:1.18rem;
  }
  body.page-media.page-series .series-detail-row{
    grid-template-columns:1fr;
    gap:5px;
    padding:8px 10px;
  }
  body.page-media.page-series .series-detail-row strong{
    text-align:left;
  }
}

/* Serienkarten Detail-Zeilen Cleanup · 0.8.9 */
body.page-media.page-series .series-details{
  gap:7px;
}
body.page-media.page-series .series-detail-row{
  min-height:58px;
}
body.page-media.page-series .series-detail-row.stacked{
  grid-template-columns:1fr;
  gap:4px;
  align-content:center;
}
body.page-media.page-series .series-detail-row.stacked span,
body.page-media.page-series .series-detail-row.stacked strong{
  text-align:left;
}
body.page-media.page-series .series-detail-row.stacked strong{
  white-space:normal;
  overflow-wrap:break-word;
}
body.page-media.page-series .series-detail-row:not(.stacked):not(.wide) strong{
  white-space:nowrap;
}
@media(max-width:700px){
  body.page-media.page-series .series-detail-row{
    min-height:0;
  }
}

/* Serienkarten Balanced Grid · 0.8.11 */
body.page-media.page-series .media-grid{
  grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
  gap:16px;
}
body.page-media.page-series .series-card{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  padding:14px;
}
body.page-media.page-series .series-header{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
body.page-media.page-series .series-side{
  display:grid;
  gap:10px;
  align-content:start;
}
body.page-media.page-series .series-card .media-poster{
  width:96px;
  height:144px;
  margin:0 auto;
}
body.page-media.page-series .series-side-meta{
  display:grid;
  gap:6px;
}
body.page-media.page-series .series-side-meta span{
  min-height:30px;
  padding:6px 8px;
  border-radius:12px;
  font-size:.69rem;
  letter-spacing:.05em;
}
body.page-media.page-series .series-side-stats{
  display:none;
}
body.page-media.page-series .series-main{
  display:grid;
  gap:10px;
  min-width:0;
  align-content:start;
}
body.page-media.page-series .series-main-head{
  display:grid;
  gap:6px;
}
body.page-media.page-series .series-main h2{
  margin:0;
  font-size:1.34rem;
  line-height:1.08;
}
body.page-media.page-series .series-main p{
  margin:0;
  font-size:.9rem;
}
body.page-media.page-series .media-progress{
  height:28px;
  margin:0;
}
body.page-media.page-series .media-progress strong{
  padding:5px 10px;
  font-size:.8rem;
}
body.page-media.page-series .series-details{
  display:none;
}
body.page-media.page-series .series-stats-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
body.page-media.page-series .series-stat-tile{
  display:grid;
  gap:4px;
  min-height:68px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  align-content:center;
}
body.page-media.page-series .series-stat-tile span{
  color:var(--muted);
  font-size:.76rem;
  line-height:1.2;
}
body.page-media.page-series .series-stat-tile strong{
  color:var(--text);
  font-size:1rem;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:anywhere;
}
body.page-media.page-series .series-stat-tile.wide{
  grid-column:1 / -1;
}
@media(max-width:700px){
  body.page-media.page-series .series-card{
    padding:12px;
    gap:12px;
  }
  body.page-media.page-series .series-header{
    grid-template-columns:104px minmax(0,1fr);
    gap:12px;
  }
  body.page-media.page-series .series-card .media-poster{
    width:88px;
    height:132px;
  }
  body.page-media.page-series .series-side-meta span{
    min-height:28px;
    font-size:.66rem;
    letter-spacing:.04em;
  }
  body.page-media.page-series .series-main h2{
    font-size:1.18rem;
  }
  body.page-media.page-series .series-stats-grid{
    grid-template-columns:1fr;
  }
  body.page-media.page-series .series-stat-tile,
  body.page-media.page-series .series-stat-tile.wide{
    grid-column:auto;
    min-height:0;
    padding:9px 10px;
  }
}

/* Serienkarten Meta-Row Feintuning · 0.8.12 */
body.page-media.page-series .series-header{
  grid-template-columns:104px minmax(0,1fr);
  gap:14px;
}
body.page-media.page-series .series-card .media-poster{
  width:88px;
  height:132px;
}
body.page-media.page-series .series-side{
  gap:0;
}
body.page-media.page-series .series-side-meta{
  display:none;
}
body.page-media.page-series .series-main{
  gap:9px;
}
body.page-media.page-series .series-main h2{
  font-size:1.32rem;
}
body.page-media.page-series .series-meta-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
body.page-media.page-series .series-meta-pill{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 8px;
  border:1px solid rgba(120,205,255,.18);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:var(--accent);
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-align:center;
  line-height:1.15;
}
body.page-media.page-series .series-stats-grid{
  margin-top:2px;
}
@media(max-width:700px){
  body.page-media.page-series .series-header{
    grid-template-columns:92px minmax(0,1fr);
    gap:12px;
  }
  body.page-media.page-series .series-card .media-poster{
    width:80px;
    height:120px;
  }
  body.page-media.page-series .series-main h2{
    font-size:1.16rem;
  }
  body.page-media.page-series .series-meta-row{
    grid-template-columns:1fr;
  }
}

/* Serien-Stats Ausbau · 0.8.13 */
body.page-media.page-series .media-stats{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
@media(max-width:1280px){
  body.page-media.page-series .media-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:900px){
  body.page-media.page-series .media-stats{
    grid-template-columns:1fr;
  }
}

/* Serien-Stats Watchtime Compact · 0.8.14 */
body.page-media.page-series .media-stats .stat{
  padding:16px 18px;
}
body.page-media.page-series .media-stats .stat-value{
  font-size:clamp(1.2rem,1.65vw,1.8rem);
  line-height:1.05;
  white-space:nowrap;
  letter-spacing:-.03em;
}
body.page-media.page-series .media-stats .stat-label{
  margin-top:4px;
}

/* Serien-Stats Combined Cards · 0.8.15 */
body.page-media.page-series .media-stats{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body.page-media.page-series .media-stats .stat{
  padding:16px 18px;
}
body.page-media.page-series .media-stats .stat-value{
  font-size:clamp(1.12rem,1.3vw,1.55rem);
  line-height:1.05;
  white-space:nowrap;
  letter-spacing:-.03em;
}
body.page-media.page-series .media-stats .stat-label{
  margin-top:4px;
}
body.page-media.page-series .media-stats .stat-meta{
  margin-top:3px;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.2;
}
@media(max-width:1280px){
  body.page-media.page-series .media-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:900px){
  body.page-media.page-series .media-stats{
    grid-template-columns:1fr;
  }
}

/* Media Rating & Movie Detail Cards · 0.8.16 */
body.page-media .media-rating-line{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:2px 0 0;
}
body.page-media .media-rating-line > span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 9px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:var(--muted);
  font-size:.78rem;
  font-weight:850;
}
body.page-media .media-rating-line .media-rating-badge{
  color:var(--accent)!important;
}
body.page-media.page-movies .movie-card{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
body.page-media.page-movies .movie-header{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
body.page-media.page-movies .movie-main{
  display:grid;
  gap:6px;
  min-width:0;
}
body.page-media.page-movies .movie-main .media-kicker,
body.page-media.page-movies .movie-main h2,
body.page-media.page-movies .movie-main p{
  margin:0;
}
@media(max-width:700px){
  body.page-media.page-movies .movie-header{
    grid-template-columns:74px minmax(0,1fr);
    gap:12px;
  }
}


/* Movies Grid & Detail Polish · 0.8.19 */
body.page-media.page-movies .media-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body.page-media.page-movies .series-stats-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:1200px){
  body.page-media.page-movies .media-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  body.page-media.page-movies .media-grid,
  body.page-media.page-movies .series-stats-grid{
    grid-template-columns:1fr;
  }
}

/* Movies Detail-Kacheln Rahmen-Fix · 0.8.20 */
body.page-media.page-movies .series-stats-grid{
  display:grid;
  gap:8px;
  margin-top:2px;
}
body.page-media.page-movies .series-stat-tile{
  display:grid;
  gap:4px;
  min-height:68px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  align-content:center;
}
body.page-media.page-movies .series-stat-tile span{
  color:var(--muted);
  font-size:.76rem;
  line-height:1.2;
}
body.page-media.page-movies .series-stat-tile strong{
  color:var(--text);
  font-size:1rem;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:anywhere;
}
body.page-media.page-movies .series-stat-tile.wide{
  grid-column:1 / -1;
}
@media(max-width:700px){
  body.page-media.page-movies .series-stat-tile,
  body.page-media.page-movies .series-stat-tile.wide{
    grid-column:auto;
    min-height:0;
    padding:9px 10px;
  }
}

/* Serien Season Ratings & Ratings Page Removal · 0.8.21 */
body.page-media.page-series .series-stat-tile small{
  margin-top:2px;
  color:var(--muted);
  font-size:.74rem;
  line-height:1.2;
  font-weight:750;
}
body.page-media.page-series .series-stat-tile:has(small){
  gap:3px;
}

/* Media Kicker Ratings & Season Count Fix · 0.8.22 */
body.page-media .media-kicker-line{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
body.page-media .media-kicker-line .media-rating-badge{
  font-size:.78rem;
  letter-spacing:0;
  text-transform:none;
}
body.page-media .media-kicker-line .media-soft-badge{
  display:none;
}

/* Media Kicker Separator · 0.8.23 */
body.page-media .media-kicker-line .media-rating-badge::before{
  content:"·";
  color:var(--muted);
  margin:0 8px 0 0;
  font-weight:800;
}

/* Season ratings hover details · 0.8.25 */
body.page-media.page-series .series-stat-tile strong em{
  display:inline-block;
  margin-left:8px;
  color:var(--accent);
  font-size:.84rem;
  font-style:normal;
  font-weight:850;
  white-space:nowrap;
}
body.page-media.page-series .series-stat-tile.interactive{
  position:relative;
  cursor:default;
  overflow:visible;
}
body.page-media.page-series .series-tile-tooltip{
  position:absolute;
  left:12px;
  right:12px;
  top:calc(100% + 8px);
  z-index:25;
  display:grid;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(120,205,255,.18);
  border-radius:14px;
  background:rgba(11,15,28,.96);
  box-shadow:0 16px 40px rgba(0,0,0,.35);
  opacity:0;
  transform:translateY(6px);
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
}
body.page-media.page-series .series-tile-tooltip strong{
  font-size:.84rem;
  line-height:1.2;
  color:var(--text);
}
body.page-media.page-series .series-tile-tooltip ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:6px;
}
body.page-media.page-series .series-tile-tooltip li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:.82rem;
  color:var(--muted);
}
body.page-media.page-series .series-tile-tooltip li b{
  color:var(--accent);
  font-size:.84rem;
  font-weight:850;
}
body.page-media.page-series .series-stat-tile.interactive:hover .series-tile-tooltip,
body.page-media.page-series .series-stat-tile.interactive:focus-within .series-tile-tooltip,
body.page-media.page-series .series-stat-tile.interactive:focus .series-tile-tooltip{
  opacity:1;
  transform:translateY(0);
}
@media(max-width:700px){
  body.page-media.page-series .series-stat-tile strong em{
    display:block;
    margin:4px 0 0;
  }
  body.page-media.page-series .series-tile-tooltip{
    left:10px;
    right:10px;
  }
}


/* Season rating separator tweak · 0.8.27 */
body.page-media.page-series .series-stat-tile strong .series-stat-sep{
  display:inline-block;
  margin:0 7px 0 8px;
  color:rgba(173, 215, 241, .55);
  font-style:normal;
  font-weight:700;
  vertical-align:baseline;
}
@media(max-width:700px){
  body.page-media.page-series .series-stat-tile strong .series-stat-sep{
    margin:0 6px;
  }
}

/* Media Panel Watch Workflow · 0.8.28 */
body.page-media-admin .media-watch-panel{
  margin:22px 0;
  padding:18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:rgba(255,255,255,.035);
}
body.page-media-admin .media-watch-next{
  margin:12px 0 14px;
  padding:12px 14px;
  border:1px solid rgba(120,205,255,.16);
  border-radius:16px;
  background:rgba(120,205,255,.055);
  color:var(--muted);
  line-height:1.45;
}
body.page-media-admin .media-watch-next strong{
  color:var(--text);
}
body.page-media-admin .media-watch-controls{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:end;
}
body.page-media-admin .media-watch-controls button{
  min-height:44px;
}
body.page-media-admin .media-history-row{
  grid-template-columns:minmax(150px,.8fr) minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
body.page-media-admin .media-history-row .small-button{
  min-height:32px;
  padding:6px 10px;
}
@media(max-width:900px){
  body.page-media-admin .media-watch-controls,
  body.page-media-admin .media-history-row{
    grid-template-columns:1fr;
  }
}
body.page-media-admin .media-history-row{display:grid;}

/* Media Panel Module Cleanup · 0.8.29 */
body.page-media-admin .media-module-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0 20px;
}
body.page-media-admin .media-module-nav a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 13px;
  border:1px solid rgba(120,205,255,.22);
  border-radius:999px;
  background:rgba(120,205,255,.06);
  color:var(--text);
  font-size:.88rem;
  font-weight:850;
  text-decoration:none;
}
body.page-media-admin .media-module-nav a:hover{
  background:rgba(120,205,255,.13);
  border-color:rgba(120,205,255,.42);
}
body.page-media-admin .media-module-card{
  scroll-margin-top:96px;
}
body.page-media-admin .media-batch-box{
  grid-template-columns:minmax(180px,.7fr) minmax(260px,1fr) auto;
}
body.page-media-admin .media-watch-panel[data-movie-watch-panel]{
  border-color:rgba(183,247,212,.16);
  background:rgba(183,247,212,.035);
}
@media(max-width:980px){
  body.page-media-admin .media-batch-box{
    grid-template-columns:1fr;
  }
}


/* Media Module Split · 0.8.30 */
body.page-media-admin .media-module-nav a.active{
  background:rgba(120,205,255,.18);
  border-color:rgba(120,205,255,.52);
  color:#fff;
}
body.page-media-admin[data-media-module] .media-module-card{
  display:none;
}
body.page-media-admin[data-media-module="tmdb"] #tmdb-fetch,
body.page-media-admin[data-media-module="batch"] #tmdb-batch,
body.page-media-admin[data-media-module="series-watch"] #series-watch,
body.page-media-admin[data-media-module="movie-watch"] #movie-watch{
  display:block;
}
body.page-media-admin[data-media-module="editor"] .media-history-panel,
body.page-media-admin[data-media-module="tmdb"] .media-history-panel,
body.page-media-admin[data-media-module="batch"] .media-history-panel{
  display:none;
}
body.page-media-admin[data-media-module="batch"] .media-long-fields{
  display:none;
}
body.page-media-admin[data-media-module="series-watch"] .media-long-fields,
body.page-media-admin[data-media-module="movie-watch"] .media-long-fields{
  display:none;
}
body.page-media-admin-hub .tool-note{
  margin-bottom:16px;
}

/* dnnspit Media Modules Polish · 0.8.35 */
body.page-media-admin[data-media-module="batch"] .media-admin-layout{
  display:block;
  max-width:980px;
  margin-inline:auto;
}
body.page-media-admin[data-media-module="batch"] .media-admin-sidebar,
body.page-media-admin[data-media-module="batch"] .media-admin-form > .form-grid,
body.page-media-admin[data-media-module="batch"] .media-history-panel,
body.page-media-admin[data-media-module="batch"] .media-long-fields{
  display:none!important;
}
body.page-media-admin[data-media-module="batch"] .media-admin-form{
  border:0;
  background:transparent;
  box-shadow:none;
  padding:0;
}
body.page-media-admin[data-media-module="batch"] #tmdb-batch{
  display:block;
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(120,205,255,.18);
  background:rgba(255,255,255,.04);
}
body.page-media-admin[data-media-module="batch"] .media-batch-box{
  margin-top:16px;
  display:grid;
  grid-template-columns:minmax(180px,.8fr) minmax(280px,1.2fr) auto;
  gap:14px;
  align-items:end;
}
body.page-media-admin .media-module-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin:14px 0 18px;
}
body.page-media-admin .media-module-actions .small-button{
  min-height:40px;
}
body.page-media-admin[data-media-module="series-watch"] .media-admin-form > .form-grid,
body.page-media-admin[data-media-module="movie-watch"] .media-admin-form > .form-grid,
body.page-media-admin[data-media-module="series-watch"] .media-long-fields,
body.page-media-admin[data-media-module="movie-watch"] .media-long-fields{
  display:none!important;
}
body.page-media-admin[data-media-module="series-watch"] .media-admin-form,
body.page-media-admin[data-media-module="movie-watch"] .media-admin-form{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
body.page-media-admin[data-media-module="series-watch"] .media-watch-panel,
body.page-media-admin[data-media-module="movie-watch"] .media-watch-panel,
body.page-media-admin[data-media-module="series-watch"] .media-history-panel,
body.page-media-admin[data-media-module="movie-watch"] .media-history-panel{
  margin-top:0;
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.04);
}
body.page-media-admin[data-media-module="series-watch"] .media-watch-controls,
body.page-media-admin[data-media-module="movie-watch"] .media-watch-controls{
  gap:14px;
}
body.page-media-admin[data-media-module="series-watch"] .media-watch-controls .primary,
body.page-media-admin[data-media-module="movie-watch"] .media-watch-controls .primary{
  min-height:46px;
  box-shadow:0 12px 30px rgba(74,171,226,.12);
}
body.page-media-admin[data-media-module="series-watch"] .media-history-panel,
body.page-media-admin[data-media-module="movie-watch"] .media-history-panel{
  margin-top:18px;
  border:1px solid rgba(255,255,255,.10);
}
body.page-media-admin[data-media-module="tmdb"] #tmdb-fetch{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(120,205,255,.16);
  background:rgba(255,255,255,.04);
}
body.page-media-admin[data-media-module="tmdb"] .media-history-panel,
body.page-media-admin[data-media-module="tmdb"] .media-long-fields{
  display:none!important;
}
body.page-media-admin[data-media-module="tmdb"] .media-admin-form{
  padding:18px;
}
body.page-media-admin[data-media-module="tmdb"] .media-admin-form > .form-grid label:not(:has([name="type"])):not(:has([name="title"])):not(:has([name="year"])):not(:has([name="tmdbId"])){
  display:none;
}
body.page-media-admin[data-media-module="tmdb"] .media-admin-form > .form-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body.page-media-admin .tools-hub-media-groups{
  display:grid;
  gap:18px;
}
body.page-media-admin .media-module-nav{
  margin-bottom:16px;
}
@media(max-width:980px){
  body.page-media-admin[data-media-module="batch"] .media-batch-box,
  body.page-media-admin[data-media-module="tmdb"] .media-admin-form > .form-grid{
    grid-template-columns:1fr;
  }
}

/* dnnspit Hub Media Grouping · 0.8.35 */
.tools-hub-media-groups{
  display:grid;
  gap:20px;
}
.tools-hub-subgroup{
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  background:rgba(255,255,255,.025);
}
.tools-hub-subgroup h3{
  margin:0 0 12px;
  color:var(--muted);
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.tools-hub-subgroup .tools-hub-grid{
  margin:0;
}

/* Season Ratings Module · 0.8.36 */
body.page-media-admin[data-media-module="season-ratings"] .media-admin-form > .form-grid,
body.page-media-admin[data-media-module="season-ratings"] .media-long-fields,
body.page-media-admin[data-media-module="season-ratings"] .media-history-panel{
  display:none!important;
}
body.page-media-admin[data-media-module="season-ratings"] .media-admin-form{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
body.page-media-admin[data-media-module="season-ratings"] #season-ratings{
  display:block;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(120,205,255,.16);
  background:rgba(255,255,255,.04);
}
body.page-media-admin .season-ratings-table{
  display:grid;
  gap:10px;
  margin-top:16px;
}
body.page-media-admin .season-rating-row{
  display:grid;
  grid-template-columns:72px minmax(130px,1fr) minmax(90px,130px) auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(0,0,0,.12);
}
body.page-media-admin .season-rating-row strong{
  color:var(--text);
  font-size:.95rem;
}
body.page-media-admin .season-rating-row span{
  color:var(--muted);
  font-size:.82rem;
}
body.page-media-admin .season-rating-row input{
  min-height:40px;
}
body.page-media-admin .media-module-actions.compact{
  margin-top:16px;
}
body.page-media-admin[data-media-module="season-ratings"] .media-admin-sidebar .media-actions [data-new-media],
body.page-media-admin[data-media-module="season-ratings"] .media-admin-sidebar .media-actions [data-add-watch],
body.page-media-admin[data-media-module="season-ratings"] .recipe-admin-export{
  display:none;
}
@media(max-width:760px){
  body.page-media-admin .season-rating-row{
    grid-template-columns:1fr;
  }
}


/* dnnspit Hub Media Grouping Flatten · 0.8.37 */
.tools-hub-subgroup{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.tools-hub-subgroup h3{
  margin:4px 0 12px;
}
body.page-media-admin .media-module-actions{
  margin:14px 0 18px;
}
body.page-media-admin .media-module-actions:empty{
  display:none;
}


/* Media module sidebar cleanup · 0.8.38 */
body.page-media-admin .recipe-admin-list-tools{
  display:grid;
  gap:12px;
}
body.page-media-admin .recipe-admin-list-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
body.page-media-admin .recipe-admin-list-head span{
  margin-left:8px;
  color:var(--muted);
  font-size:.82rem;
  white-space:nowrap;
}
body.page-media-admin .recipe-admin-list-tools input,
body.page-media-admin .recipe-admin-list-tools select{
  margin-top:0;
}
body.page-media-admin[data-media-module="season-ratings"] .media-admin-sidebar .media-actions{
  display:none;
}
body.page-media-admin[data-media-module="season-ratings"] .recipe-admin-list-tools{
  margin-top:0;
}
body.page-media-admin[data-media-module="season-ratings"] .media-history-panel,
body.page-media-admin[data-media-module="season-ratings"] .media-long-fields{
  display:none!important;
}


/* Media Module Focus Cleanup · 0.8.44 */
body.page-media-admin[data-media-module="movie-watch"] [data-movie-watch-summary]{
  display:none!important;
}
body.page-media-admin[data-media-module="batch"] #series-watch,
body.page-media-admin[data-media-module="batch"] #movie-watch{
  display:none!important;
}

/* dnnspit 0.8.44 · Media Statistik */
.media-stats-controls{display:grid;gap:1rem}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.media-stats-summary{margin-top:1.25rem}.media-stats-chart-card{margin-top:1.25rem;overflow:hidden}.media-stats-legend{display:flex;gap:1rem;flex-wrap:wrap;margin:.25rem 0 1rem;color:var(--muted,#6b7280);font-size:.95rem}.media-stats-legend span{display:inline-flex;align-items:center;gap:.4rem}.media-stats-legend i{width:.9rem;height:.9rem;border-radius:999px;display:inline-block}.media-stats-legend .series{background:#7c3aed}.media-stats-legend .movies{background:#f97316}.media-stats-chart{display:flex;align-items:flex-end;gap:.45rem;min-height:245px;overflow-x:auto;padding:.75rem .25rem .25rem}.media-stats-bar-wrap{min-width:34px;display:grid;grid-template-rows:auto 190px auto;align-items:end;justify-items:center;gap:.35rem}.media-stats-bar-value{font-size:.68rem;color:var(--muted,#6b7280);writing-mode:vertical-rl;transform:rotate(180deg);height:42px;white-space:nowrap}.media-stats-bar{width:22px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden;display:flex;flex-direction:column-reverse;justify-content:flex-start;box-shadow:inset 0 0 0 1px rgba(148,163,184,.2)}.bar-part{display:block;width:100%}.bar-part.series{background:#7c3aed}.bar-part.movies{background:#f97316}.media-stats-bar-day{font-size:.75rem;color:var(--muted,#6b7280)}.media-stats-panels{margin-top:1.25rem}.media-stats-list{display:grid;gap:.65rem}.media-stats-list-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem .8rem;border:1px solid rgba(148,163,184,.25);border-radius:16px;background:rgba(255,255,255,.04)}.media-stats-list-row span{color:var(--muted,#6b7280);white-space:nowrap}.media-stats-check-card{margin-top:1.25rem}.media-stats-check-summary{margin:.5rem 0 1rem;color:var(--muted,#6b7280)}.media-stats-table-wrap{overflow:auto}.media-stats-table{width:100%;border-collapse:collapse;font-size:.92rem}.media-stats-table th,.media-stats-table td{padding:.7rem;border-bottom:1px solid rgba(148,163,184,.22);text-align:left;vertical-align:top}.media-stats-table th{color:var(--muted,#6b7280);font-weight:600}@media(max-width:760px){.media-stats-list-row{display:grid}.media-stats-list-row span{white-space:normal}.media-stats-bar-wrap{min-width:30px}.media-stats-chart{gap:.3rem}}

/* dnnspit 0.8.44 · Media Statistik Cleanup */
body.page-media-admin .media-stats-page{max-width:1180px;margin:0 auto;}
body.page-media-admin .media-stats-controls{padding:22px;}
body.page-media-admin .media-stats-controls .compact-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:12px;align-items:end;}
body.page-media-admin .media-stats-controls label{display:grid;gap:8px;color:var(--muted,#aab4c2);font-size:.92rem;}
body.page-media-admin .media-stats-controls input,
body.page-media-admin .media-stats-controls select{width:100%;border:1px solid rgba(148,163,184,.22);background:rgba(6,8,14,.48);color:var(--text,#f8fafc);border-radius:14px;padding:13px 14px;font:inherit;}
body.page-media-admin .media-stats-controls .action-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin-top:16px;}
body.page-media-admin .media-stats-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:22px 0;}
body.page-media-admin .media-stats-summary .stat-card,
body.page-media-admin .media-stats-panels .stats-panel{border:1px solid rgba(148,163,184,.18);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border-radius:22px;padding:18px;box-shadow:0 18px 45px rgba(0,0,0,.16);}
body.page-media-admin .media-stats-summary .stat-card span{display:block;color:var(--muted,#aab4c2);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
body.page-media-admin .media-stats-summary .stat-card strong{display:block;font-size:clamp(1.25rem,2.6vw,2rem);line-height:1.05;color:var(--text,#f8fafc);}
body.page-media-admin .media-stats-summary .stat-card small{display:block;margin-top:7px;color:var(--muted,#aab4c2);font-size:.82rem;line-height:1.35;}
body.page-media-admin .media-stats-chart-card{padding:22px;}
body.page-media-admin .media-stats-chart{border-radius:20px;background:rgba(5,8,14,.22);border:1px solid rgba(148,163,184,.12);}
body.page-media-admin .media-stats-legend .series{background:linear-gradient(180deg,#8bd5ff,#5fa7d6);}
body.page-media-admin .media-stats-legend .movies{background:linear-gradient(180deg,#ffcf7a,#f59e0b);}
body.page-media-admin .bar-part.series{background:linear-gradient(180deg,#8bd5ff,#5fa7d6);}
body.page-media-admin .bar-part.movies{background:linear-gradient(180deg,#ffcf7a,#f59e0b);}
body.page-media-admin .media-stats-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;}
body.page-media-admin .media-stats-list-row{align-items:center;}
body.page-media-admin .media-stats-check-card{padding:22px;}
@media(max-width:980px){body.page-media-admin .media-stats-summary{grid-template-columns:repeat(3,minmax(0,1fr));}body.page-media-admin .media-stats-controls .compact-grid{grid-template-columns:1fr 1fr;}body.page-media-admin .media-stats-controls .action-row{grid-template-columns:1fr 1fr;}}
@media(max-width:680px){body.page-media-admin .media-stats-summary,body.page-media-admin .media-stats-panels,body.page-media-admin .media-stats-controls .compact-grid,body.page-media-admin .media-stats-controls .action-row{grid-template-columns:1fr;}body.page-media-admin .media-stats-page{padding-inline:12px;}}


/* 0.8.45 · Media Statistik: kompakter Monatschart ohne horizontale Scrollbar */
body.page-media-admin .media-stats-chart-card{padding:22px;}
body.page-media-admin .media-stats-chart{
  display:grid;
  grid-template-columns:repeat(var(--stats-days,31),minmax(0,1fr));
  align-items:end;
  gap:clamp(2px,.45vw,8px);
  min-height:184px;
  overflow:visible;
  padding:12px 10px 8px;
  border-radius:20px;
  background:rgba(5,8,14,.22);
  border:1px solid rgba(148,163,184,.12);
}
body.page-media-admin .media-stats-bar-wrap{
  min-width:0;
  width:100%;
  display:grid;
  grid-template-rows:136px 18px;
  align-items:end;
  justify-items:center;
  gap:6px;
}
body.page-media-admin .media-stats-bar-value{display:none;}
body.page-media-admin .media-stats-bar{
  width:min(16px,72%);
  min-width:5px;
  border-radius:999px;
}
body.page-media-admin .media-stats-bar-wrap:not(.has-watch) .media-stats-bar{
  width:min(14px,70%);
  opacity:.55;
}
body.page-media-admin .media-stats-bar-day{
  font-size:.72rem;
  line-height:1;
}
@media(max-width:760px){
  body.page-media-admin .media-stats-chart{gap:2px;padding-left:6px;padding-right:6px;}
  body.page-media-admin .media-stats-bar-wrap{grid-template-rows:112px 16px;}
  body.page-media-admin .media-stats-bar{width:min(10px,80%);min-width:3px;}
  body.page-media-admin .media-stats-bar-day{font-size:.62rem;}
}


/* 0.8.46 · Media Statistik: kompakte Button-Leiste */
body.page-media-admin .media-stats-controls .media-stats-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  margin-top:16px;
}
body.page-media-admin .media-stats-controls .media-stats-action-row .small-button{
  width:auto;
  min-width:180px;
  flex:0 0 auto;
  padding-inline:22px;
}
body.page-media-admin .media-stats-controls .media-stats-action-row .small-button.primary{
  min-width:220px;
}
@media(max-width:680px){
  body.page-media-admin .media-stats-controls .media-stats-action-row{display:grid;grid-template-columns:1fr;}
  body.page-media-admin .media-stats-controls .media-stats-action-row .small-button{width:100%;min-width:0;}
}


/* 0.8.49 · Media Statistik: Movie-Rating in Top Movies */
body.page-media-admin .media-stats-rating{
  display:inline-flex;
  align-items:center;
  margin-left:.45rem;
  padding:.14rem .42rem;
  border-radius:999px;
  font-style:normal;
  font-size:.78rem;
  line-height:1;
  color:var(--accent,#8bd5ff);
  background:rgba(139,213,255,.12);
  border:1px solid rgba(139,213,255,.22);
  white-space:nowrap;
}


/* 0.8.50 · Media Statistik: gewohnte Trennung zwischen Movie-Titel und Rating */
body.page-media-admin .media-stats-list-row strong{
  display:flex;
  align-items:center;
  gap:.5rem;
  min-width:0;
}
body.page-media-admin .media-stats-list-title{
  min-width:0;
}
body.page-media-admin .media-stats-title-separator{
  width:1px;
  height:1.05em;
  flex:0 0 auto;
  background:rgba(148,163,184,.34);
}
body.page-media-admin .media-stats-rating{
  margin-left:0;
}
@media(max-width:680px){
  body.page-media-admin .media-stats-list-row strong{flex-wrap:wrap;}
}


/* 0.8.52 · Media Statistik: cleaner Stats und Dot-Trennung */
body.page-media-admin .media-stats-summary{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
body.page-media-admin .media-stats-summary .stat-card{
  min-width:0;
  padding:16px 18px;
}
body.page-media-admin .media-stats-summary .stat-card span,
body.page-media-admin .media-stats-summary .stat-card strong,
body.page-media-admin .media-stats-summary .stat-card small{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.page-media-admin .media-stats-summary .stat-card strong{
  font-size:clamp(1.45rem,2.1vw,1.9rem);
  line-height:1;
  letter-spacing:-.02em;
}
body.page-media-admin .media-stats-summary .stat-card small{
  font-size:.78rem;
  line-height:1.2;
}
body.page-media-admin .media-stats-title-separator{
  width:auto;
  height:auto;
  background:transparent;
  color:rgba(148,163,184,.72);
  font-weight:800;
  line-height:1;
  transform:translateY(-1px);
}
@media(max-width:1180px){
  body.page-media-admin .media-stats-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:680px){
  body.page-media-admin .media-stats-summary{grid-template-columns:1fr 1fr;}
}


/* 0.8.52 · Media Statistik: kompakter stärkster Tag und Zeitwerte */
body.page-media-admin .media-stats-summary .stat-card strong[data-stat-total-time],
body.page-media-admin .media-stats-summary .stat-card strong[data-stat-best-day]{
  font-size:clamp(1.28rem,1.75vw,1.62rem);
  letter-spacing:-.015em;
}
body.page-media-admin .media-stats-summary .stat-card small[data-stat-best-day-note]{
  font-variant-numeric:tabular-nums;
}

/* 0.8.53 Public Media Statistik integration */
.media-stats-public-callout{margin-bottom:24px}
.media-stats-public-callout .section-head{align-items:center}
@media (max-width:720px){.media-stats-public-callout .section-head{align-items:flex-start}.media-stats-public-link{width:100%;justify-content:center}}

/* 0.8.58 · Public Media Übersicht veredelt */
body.page-media-overview .media-overview-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:22px 0 26px;
}
body.page-media-overview .media-overview-summary .stat-card{
  min-width:0;
  padding:18px 20px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.028));
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}
body.page-media-overview .media-overview-summary .stat-card span{
  display:block;
  color:var(--muted,#aab4c2);
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:8px;
}
body.page-media-overview .media-overview-summary .stat-card strong{
  display:block;
  color:var(--text,#f8fafc);
  font-size:clamp(1.55rem,2.4vw,2.1rem);
  line-height:1;
  letter-spacing:-.025em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.page-media-overview .media-overview-summary .stat-card small{
  display:block;
  margin-top:8px;
  color:var(--muted,#aab4c2);
  font-size:.82rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.page-media-overview .media-overview-panels{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:18px;
}
body.page-media-overview .media-overview-panels .stats-panel{
  border:1px solid rgba(148,163,184,.18);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  padding:22px;
}
body.page-media-overview .media-overview-row{
  align-items:center;
  padding:.78rem .9rem;
}
body.page-media-overview .media-overview-row strong{
  display:flex;
  align-items:center;
  gap:.45rem;
  min-width:0;
  flex-wrap:wrap;
}
body.page-media-overview .media-overview-row strong span:first-child{
  min-width:0;
}
body.page-media-overview .media-overview-dot{
  color:rgba(148,163,184,.72);
  font-weight:800;
  line-height:1;
}
body.page-media-overview .media-overview-rating{
  display:inline-flex;
  align-items:center;
  padding:.14rem .42rem;
  border-radius:999px;
  font-style:normal;
  font-size:.78rem;
  line-height:1;
  color:var(--accent,#8bd5ff);
  background:rgba(139,213,255,.12);
  border:1px solid rgba(139,213,255,.22);
  white-space:nowrap;
}
@media(max-width:900px){
  body.page-media-overview .media-overview-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.page-media-overview .media-overview-panels{grid-template-columns:1fr;}
}
@media(max-width:560px){
  body.page-media-overview .media-overview-summary{grid-template-columns:1fr;}
  body.page-media-overview .media-overview-row{display:grid;}
  body.page-media-overview .media-overview-row span{white-space:normal;}
}


/* 0.8.60 – Media polish and cleanup */
.media-page-links{display:flex;flex-wrap:wrap;gap:10px;margin:-10px 0 22px;}
.media-insight-panels{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin:18px 0 22px;}
.media-insight-panels .stats-panel{min-height:0;}
.compact-panel .section-head h2{font-size:1.1rem;margin-bottom:4px;}
.media-compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:rgba(255,255,255,.035);margin:8px 0;}
.media-compact-row strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text, #f8fafc);}
.media-compact-row span{white-space:nowrap;color:var(--muted, #b7c4d8);font-size:.92rem;}
.media-compact-row small{grid-column:1/-1;color:var(--muted, #b7c4d8);font-size:.84rem;margin-top:-4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.media-rating-badge{display:inline-flex;align-items:center;vertical-align:baseline;margin-left:.35em;}
.page-hub .tile[href="/tools/"]{border-style:dashed;background:linear-gradient(180deg,rgba(148,163,184,.08),rgba(15,23,42,.7));}
.page-hub .tile[href="/tools/"] .tile-kicker{color:#facc15;}
.media-overview-summary .stat-card strong,.media-stats-page .stat-card strong{letter-spacing:-.03em;}
@media (max-width: 900px){.media-insight-panels{grid-template-columns:1fr;}.media-compact-row{grid-template-columns:1fr;}.media-compact-row strong,.media-compact-row span{white-space:normal;}}

/* 0.8.60 · Recap polish, Serien-Insights und Statistik-Balken-Zähler */
body.page-recap .recap-page{max-width:1180px;margin:0 auto;}
body.page-recap .recap-hero{margin-bottom:8px;}
body.page-recap .recap-links{margin:0 0 22px;}
body.page-recap .recap-overview{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);gap:18px;margin:18px 0 22px;align-items:stretch;}
body.page-recap .recap-feature-card,
body.page-recap .recap-stat-card,
body.page-recap .recap-panel{border:1px solid rgba(148,163,184,.18);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-radius:26px;box-shadow:0 22px 60px rgba(0,0,0,.18);}
body.page-recap .recap-feature-card{padding:26px;display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;position:relative;overflow:hidden;}
body.page-recap .recap-feature-card:before{content:"";position:absolute;inset:-40% -20% auto auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(139,213,255,.22),rgba(139,213,255,0) 70%);pointer-events:none;}
body.page-recap .recap-label{display:block;color:var(--accent,#8bd5ff);font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;margin-bottom:10px;}
body.page-recap .recap-feature-card strong{display:block;font-size:clamp(3.6rem,8vw,6.8rem);line-height:.9;letter-spacing:-.08em;color:var(--text,#f8fafc);}
body.page-recap .recap-feature-card p{max-width:24rem;color:var(--muted,#b7c4d8);font-size:1rem;line-height:1.55;margin:14px 0 0;}
body.page-recap .recap-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
body.page-recap .recap-stat-card{padding:20px;min-width:0;}
body.page-recap .recap-stat-card span{display:block;color:var(--muted,#aab4c2);font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;font-weight:750;margin-bottom:9px;}
body.page-recap .recap-stat-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text,#f8fafc);font-size:clamp(1.55rem,3.2vw,2.35rem);line-height:1;letter-spacing:-.04em;}
body.page-recap .recap-stat-card small{display:block;margin-top:8px;color:var(--muted,#aab4c2);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.page-recap .recap-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;}
body.page-recap .recap-panel{padding:22px;min-width:0;}
body.page-recap .recap-panel-wide{grid-column:1/-1;}
body.page-recap .recap-list{gap:.65rem;}
body.page-recap .recap-row{margin:0;background:rgba(7,10,17,.34);}
body.page-recap .recap-row strong{display:flex;gap:.35rem;align-items:center;min-width:0;}
body.page-recap .media-rating-badge{padding:.14rem .44rem;border:1px solid rgba(139,213,255,.22);border-radius:999px;background:rgba(139,213,255,.1);color:var(--accent,#8bd5ff);font-size:.78rem;font-style:normal;white-space:nowrap;}
body.page-media-admin .media-stats-bar-wrap{grid-template-rows:18px 132px 18px;}
body.page-media-admin .media-stats-bar-count{align-self:end;min-height:16px;color:var(--muted,#aab4c2);font-size:.62rem;font-weight:800;line-height:1;white-space:nowrap;opacity:.9;}
body.page-media-admin .media-stats-bar-wrap:not(.has-watch) .media-stats-bar-count{opacity:0;}
body.page-media-admin .media-stats-bar-wrap.has-watch .media-stats-bar-count{color:var(--accent,#8bd5ff);}
@media(max-width:900px){body.page-recap .recap-overview{grid-template-columns:1fr;}body.page-recap .recap-panels{grid-template-columns:1fr;}body.page-recap .recap-panel-wide{grid-column:auto;}}
@media(max-width:560px){body.page-recap .recap-stat-grid{grid-template-columns:1fr;}body.page-recap .recap-feature-card{min-height:190px;}body.page-media-admin .media-stats-bar-wrap{grid-template-rows:16px 112px 16px;}body.page-media-admin .media-stats-bar-count{font-size:.55rem;}}

/* Serien Watch History Search · 0.8.70 */
body.page-media-admin[data-media-module="series-watch"] .media-history-panel .panel-title-row{
  margin-bottom:12px;
}
body.page-media-admin[data-media-module="series-watch"] .media-history-panel .panel-title-row p{
  margin:6px 0 0;
  color:var(--muted);
  line-height:1.45;
}
body.page-media-admin .media-history-search{
  width:100%;
  min-height:46px;
  margin:0 0 14px;
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  color:var(--text);
}
body.page-media-admin .media-history-search::placeholder{
  color:var(--muted);
}


/* Media tools: keep the save/export info visually separated from the previous workflow box */
.tool-note {
  margin-top: 2rem;
}

/* Season Ratings: optional whole-series rating box */
.season-series-rating-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(255,255,255,.015);
}

.season-series-rating-copy {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  min-width: 0;
}

.season-series-rating-copy strong {
  white-space: nowrap;
}

.season-series-rating-copy span {
  color: var(--muted);
  min-width: 0;
}

.season-series-rating-control {
  display: flex;
  align-items: center;
  gap: .65rem;
  flex: 0 0 auto;
}

.season-series-rating-input {
  width: 8rem;
  max-width: 100%;
}

.season-series-rating-scale {
  color: var(--muted);
  white-space: nowrap;
}

@media (max-width: 720px) {
  .season-series-rating-box,
  .season-series-rating-copy {
    align-items: stretch;
    flex-direction: column;
  }

  .season-series-rating-control {
    justify-content: flex-start;
  }
}

/* dnnspit 0.8.93: TMDb report grouping */
.tmdb-report-section{margin-top:1.25rem;}
.tmdb-report-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0:.65rem;font-size:1rem;}
.tmdb-report-section h4 span{font-size:.8rem;color:var(--muted);font-weight:700;}

/* dnnspit 0.8.95 · Live-Daten-Restore */
.restore-panel{
  margin:1.2rem 0;
  padding:1rem;
  border:1px solid rgba(148,163,184,.22);
  border-radius:1.1rem;
  background:rgba(15,23,42,.24);
  display:grid;
  gap:1rem;
}
.restore-copy{display:grid;gap:.35rem;color:var(--muted, #a7b0c0)}
.restore-copy strong{color:var(--text, #f4f7fb);font-size:1.02rem}
.restore-controls{display:grid;gap:1rem;grid-template-columns:minmax(220px,1fr) auto;align-items:end}
.restore-preview{display:grid;gap:.7rem}
.restore-preview-head{display:flex;gap:.75rem;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.75rem .85rem;border:1px solid rgba(148,163,184,.18);border-radius:.9rem;background:rgba(2,6,23,.2)}
.restore-preview-head strong{color:var(--text, #f4f7fb)}
.restore-preview-head span{color:var(--muted, #a7b0c0);font-size:.92rem}
.restore-file-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;max-height:18rem;overflow:auto}
.restore-file-list li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .7rem;border:1px solid rgba(148,163,184,.14);border-radius:.75rem;background:rgba(15,23,42,.18)}
.restore-file-list small{color:var(--muted, #a7b0c0);white-space:nowrap}
.restore-file-list.is-muted li{opacity:.72}
.restore-blocked summary{cursor:pointer;color:var(--muted, #a7b0c0);margin:.25rem 0 .5rem}
.editor-button.danger,.small-button.danger{border-color:rgba(248,113,113,.42)}
.editor-button.danger:not(:disabled):hover,.small-button.danger:not(:disabled):hover{border-color:rgba(248,113,113,.75)}
.editor-button:disabled{opacity:.55;cursor:not-allowed}
@media (max-width: 760px){.restore-controls{grid-template-columns:1fr}.restore-file-list li{display:grid}}

/* Backup-Auswahl · 0.9.02 */
body.page-dnnspit-backup .download-selected-backups.is-disabled{
  opacity:.48;
  pointer-events:none;
}
body.page-dnnspit-backup .backup-card{
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
}
body.page-dnnspit-backup .backup-select{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  white-space:nowrap;
}
body.page-dnnspit-backup .backup-select input{
  width:16px;
  height:16px;
  accent-color:var(--accent, #97f2da);
}
body.page-dnnspit-backup .backup-group-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
body.page-dnnspit-backup .backup-group-actions .small-button{
  padding:6px 9px;
}
@media(max-width:860px){
  body.page-dnnspit-backup .backup-card{grid-template-columns:1fr;align-items:start;}
  body.page-dnnspit-backup .backup-select{justify-self:start;}
  body.page-dnnspit-backup .backup-group-actions{justify-content:flex-start;}
}

/* Backup-Aufräumen · 0.9.03 */
body.page-dnnspit-backup #deleteSelectedBackups:disabled{
  opacity:.48;
  cursor:not-allowed;
}
body.page-dnnspit-backup .cleanup-backup-area{
  border-color:rgba(248,113,113,.38);
}


/* 0.9.06 · dnnspit Sicherheitsdashboard und TMDb-Komfort */
.security-dashboard{margin-top:1.25rem;}
.security-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;}
.security-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(0,0,0,.12);}
.security-card span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:6px;}
.security-card strong{display:block;font-size:1.35rem;line-height:1.15;}
.security-card small{display:block;color:var(--muted);margin-top:8px;line-height:1.35;}
.security-card.is-good{border-color:rgba(117,214,157,.35);background:rgba(117,214,157,.07);}
.security-dashboard-actions{margin-top:14px;align-items:center;gap:10px;flex-wrap:wrap;}
.security-dashboard-note{color:var(--muted);font-size:.9rem;}
.backup-routine-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:18px;padding:16px;margin:1rem 0;}
.backup-routine-card h2{margin-top:0;}
.backup-routine-card ol{margin:.75rem 0 0;padding-left:1.25rem;color:var(--muted);}
.tmdb-batch-filters,.tmdb-report-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;}
.tmdb-batch-filters .check-field{margin:0;}
.tmdb-report-filter{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:inherit;border-radius:999px;padding:7px 11px;cursor:pointer;}
.tmdb-report-filter.active{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34);}
.tmdb-report-section.is-hidden{display:none;}
.tmdb-report-section[data-status="check"],.tmdb-report-section[data-status="fail"]{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;margin-top:10px;background:rgba(255,255,255,.035);}


/* dnnspit Hub Sicherheitsdashboard Polish · 0.9.07 */
body.page-tools-hub .hero{
  margin-bottom:18px;
}
body.page-tools-hub .hero .lead,
body.page-tools-hub .tools-hub-nav-note{
  display:none;
}
body.page-tools-hub .security-dashboard-panel{
  margin:0 0 28px;
  padding:20px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:0 18px 44px rgba(0,0,0,.18);
}
body.page-tools-hub .security-dashboard-panel .tools-hub-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
body.page-tools-hub .security-dashboard-panel .tools-hub-section-head p{
  margin:0;
  padding:8px 11px;
  border:1px solid rgba(141,216,255,.18);
  border-radius:999px;
  background:rgba(141,216,255,.07);
  color:var(--text);
  font-size:.86rem;
  line-height:1.35;
  max-width:none;
}
body.page-tools-hub .security-dashboard-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
  padding:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(15,17,21,.42);
}
body.page-tools-hub .security-action-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);
  color:var(--text);
  font-size:.9rem;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
body.page-tools-hub .security-action-button.primary{
  border-color:rgba(141,216,255,.38);
  background:linear-gradient(135deg,rgba(141,216,255,.22),rgba(183,247,212,.12));
}
body.page-tools-hub .security-action-button.secondary{
  border-color:rgba(255,255,255,.14);
}
body.page-tools-hub .security-action-button:hover{
  transform:translateY(-1px);
  border-color:rgba(141,216,255,.48);
  background:rgba(141,216,255,.12);
}
body.page-tools-hub .security-dashboard-note{
  flex:1 1 280px;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.45;
}
@media (max-width:780px){
  body.page-tools-hub .security-dashboard-panel .tools-hub-section-head{
    display:block;
  }
  body.page-tools-hub .security-dashboard-panel .tools-hub-section-head p{
    display:inline-flex;
    margin-top:10px;
    border-radius:16px;
  }
  body.page-tools-hub .security-action-button{
    width:100%;
  }
}

/* dnnspit 0.9.82 media polish */
.season-ratings-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.75rem 0 0}
.season-ratings-filter-row select{width:100%;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.58);color:var(--text);border-radius:14px;padding:.7rem .85rem;font:inherit}
@media (max-width:720px){.season-ratings-filter-row{grid-template-columns:1fr}}
.media-stats-action-row{flex-wrap:wrap}
.media-stats-list-row strong{min-width:0}

/* dnnspit 0.9.82 · kleine Layout-Fixes */
body.page-media-admin .media-stats-summary [data-stat-best-day]{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:clamp(1.15rem,2.1vw,1.65rem);
}
body.page-media-admin .media-stats-controls .media-stats-action-row{
  flex-wrap:nowrap;
  gap:10px;
}
body.page-media-admin .media-stats-controls .media-stats-action-row .small-button{
  min-width:0;
  flex:1 1 0;
  padding-inline:14px;
  white-space:nowrap;
}
body.page-media-admin .media-stats-controls .media-stats-action-row .small-button.primary{
  min-width:0;
  flex:1.25 1 0;
}
@media(max-width:900px){
  body.page-media-admin .media-stats-controls .media-stats-action-row{
    flex-wrap:wrap;
  }
  body.page-media-admin .media-stats-controls .media-stats-action-row .small-button{
    flex:1 1 180px;
  }
}
body.page-dnnspit-backup .manager-flat-toolbar{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:start;
}
body.page-dnnspit-backup .manager-flat-toolbar > .manager-actions{
  justify-content:flex-start;
  flex-wrap:nowrap;
  overflow-x:auto;
  padding-bottom:2px;
  scrollbar-width:thin;
}
body.page-dnnspit-backup .manager-flat-toolbar > .manager-actions .editor-button{
  flex:0 0 auto;
  white-space:nowrap;
  padding-inline:14px;
}
@media(max-width:980px){
  body.page-dnnspit-backup .manager-flat-toolbar > .manager-actions{
    flex-wrap:wrap;
  }
}


/* Movie Lists · 0.9.21 */
body.page-media.page-movie-lists .media-toolbar{grid-template-columns:minmax(190px,1fr) 190px 140px 150px 160px 190px auto;}
body.page-media.page-movie-lists .media-card-faded{opacity:.42;filter:saturate(.55);}
body.page-media.page-movie-lists .media-card-faded:hover{opacity:.72;filter:saturate(.8);}
body.page-media .movie-list-info{margin:18px 0 0;}
body.page-media .movie-list-info h2{margin:0 0 8px;}
body.page-media .movie-list-info p{margin:0 0 12px;color:var(--muted);}
body.page-media .seen-badge{display:inline-flex!important;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px 7px;background:rgba(255,255,255,.04);font-size:.74rem;text-transform:none;letter-spacing:0;}
body.page-media-admin .media-admin-layout.compact{grid-template-columns:minmax(220px,300px) minmax(0,1fr);margin-top:12px;}
body.page-media-admin .media-admin-sidebar.compact,body.page-media-admin .media-admin-form.compact{padding:12px;border-radius:18px;}
body.page-media-admin .checkbox-line{display:flex!important;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);}
body.page-media-admin .checkbox-line input{width:auto!important;}
.soft-separator{border:0;border-top:1px solid var(--line);margin:22px 0;}
@media(max-width:1050px){body.page-media.page-movie-lists .media-toolbar{grid-template-columns:1fr 1fr;}body.page-media-admin .media-admin-layout.compact{grid-template-columns:1fr;}}
@media(max-width:700px){body.page-media.page-movie-lists .media-toolbar{grid-template-columns:1fr;}}

/* Watchlist & Movie Lists Polish · 0.9.22 */
body.page-media.page-watchlist .media-grid,
body.page-media.page-movie-lists .media-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body.page-media.page-watchlist .movie-card,
body.page-media.page-movie-lists .movie-card{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
body.page-media.page-watchlist .movie-header,
body.page-media.page-movie-lists .movie-header{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
body.page-media.page-watchlist .movie-main,
body.page-media.page-movie-lists .movie-main{
  display:grid;
  gap:6px;
  min-width:0;
}
body.page-media.page-watchlist .movie-main .media-kicker,
body.page-media.page-watchlist .movie-main h2,
body.page-media.page-watchlist .movie-main p,
body.page-media.page-movie-lists .movie-main .media-kicker,
body.page-media.page-movie-lists .movie-main h2,
body.page-media.page-movie-lists .movie-main p{
  margin:0;
}
body.page-media.page-watchlist .media-kicker-line .media-soft-badge,
body.page-media.page-movie-lists .media-kicker-line .media-soft-badge{
  display:inline-flex;
}
body.page-media.page-watchlist .watchlist-status-badge,
body.page-media.page-watchlist .watchlist-priority-badge{
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:3px 7px;
  background:rgba(255,255,255,.04);
  font-size:.74rem;
  text-transform:none;
  letter-spacing:0;
}
body.page-media.page-watchlist .series-stats-grid,
body.page-media.page-movie-lists .series-stats-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:2px;
}
body.page-media.page-watchlist .series-stat-tile,
body.page-media.page-movie-lists .series-stat-tile{
  display:grid;
  gap:4px;
  min-height:68px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  align-content:center;
}
body.page-media.page-watchlist .series-stat-tile span,
body.page-media.page-movie-lists .series-stat-tile span{
  color:var(--muted);
  font-size:.76rem;
  line-height:1.2;
}
body.page-media.page-watchlist .series-stat-tile strong,
body.page-media.page-movie-lists .series-stat-tile strong{
  color:var(--text);
  font-size:1rem;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:anywhere;
}
body.page-media.page-watchlist .series-stat-tile.wide,
body.page-media.page-movie-lists .series-stat-tile.wide{
  grid-column:1 / -1;
}
body.page-media.page-watchlist .media-poster,
body.page-media.page-movie-lists .media-poster{
  min-height:128px;
}
body.page-media.page-watchlist .media-card-note,
body.page-media.page-movie-lists .media-card-note{
  margin:0;
  color:var(--muted);
}
@media(max-width:1200px){
  body.page-media.page-watchlist .media-grid,
  body.page-media.page-movie-lists .media-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  body.page-media.page-watchlist .media-grid,
  body.page-media.page-watchlist .series-stats-grid,
  body.page-media.page-movie-lists .media-grid,
  body.page-media.page-movie-lists .series-stats-grid{
    grid-template-columns:1fr;
  }
  body.page-media.page-watchlist .movie-header,
  body.page-media.page-movie-lists .movie-header{
    grid-template-columns:74px minmax(0,1fr);
    gap:12px;
  }
}

/* Movie Lists Polish · 0.9.24 */
body.page-media.page-movie-lists .media-kicker-line{
  display:flex;
  flex-wrap:wrap;
  gap:0 8px;
  align-items:center;
}
body.page-media.page-movie-lists .media-kicker-separator{
  color:var(--muted);
  opacity:.7;
}
body.page-media.page-movie-lists .media-kicker-line .media-rating-badge{
  padding:0;
  border:0;
  background:transparent;
  color:var(--accent);
}


/* Movie Lists Statistik & Fade-Switch · 0.9.25 */
body.page-media.page-movie-lists .media-stats{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
body.page-media.page-movie-lists .media-toggle-button{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);
  color:var(--muted);
  border-radius:999px;
  padding:0 15px;
  min-height:48px;
  font:inherit;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
body.page-media.page-movie-lists .media-toggle-button.is-on{
  color:var(--text);
  border-color:rgba(141,216,255,.44);
  background:rgba(141,216,255,.12);
}
body.page-media.page-movie-lists .media-toggle-button:focus{
  border-color:rgba(141,216,255,.55);
  box-shadow:0 0 0 4px rgba(141,216,255,.10);
  outline:none;
}
@media(max-width:1050px){body.page-media.page-movie-lists .media-stats{grid-template-columns:1fr 1fr;}}
@media(max-width:700px){body.page-media.page-movie-lists .media-stats{grid-template-columns:1fr;}}


/* Movie Lists Fade-Button Platzierung · 0.9.26 */
body.page-media.page-movie-lists .movie-list-info-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
body.page-media.page-movie-lists .movie-list-info-head p{
  margin-bottom:0;
}
body.page-media.page-movie-lists .media-toggle-button-small{
  min-height:36px;
  padding:0 13px;
  font-size:.92rem;
  flex:0 0 auto;
}
@media(max-width:700px){
  body.page-media.page-movie-lists .movie-list-info-head{display:block;}
  body.page-media.page-movie-lists .media-toggle-button-small{margin-top:12px;}
}


/* Movie Lists Info Cleanup · 0.9.27 */
body.page-media.page-movie-lists .movie-list-info{
  display:grid;
  gap:12px;
}
body.page-media.page-movie-lists .movie-list-info h2{
  margin:0;
}
body.page-media.page-movie-lists .movie-list-info p{
  display:none;
}
body.page-media.page-movie-lists .movie-list-meta-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
body.page-media.page-movie-lists .movie-list-meta-row .media-toggle-button-small{
  min-height:30px;
  padding:0 11px;
  font-size:.82rem;
  margin-left:2px;
}


/* Movie Lists ohne doppelte Infobox · 0.9.28 */
body.page-media.page-movie-lists .movie-list-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}
body.page-media.page-movie-lists .movie-list-toolbar input[data-media-search]{
  flex:1 1 190px;
  min-width:180px;
}
body.page-media.page-movie-lists .movie-list-toolbar select{
  flex:0 1 auto;
}
body.page-media.page-movie-lists .movie-list-fade-button{
  flex:0 0 auto;
  min-height:40px;
  padding:0 14px;
  margin-left:auto;
}
@media(max-width:1050px){
  body.page-media.page-movie-lists .movie-list-fade-button{margin-left:0;}
}


/* Movie Lists zweizeilige Steuerleiste · 0.9.29 */
body.page-media.page-movie-lists .movie-list-toolbar{
  display:grid;
  grid-template-columns:repeat(5,minmax(120px,1fr)) auto;
  gap:12px;
  align-items:center;
}
body.page-media.page-movie-lists .movie-list-toolbar input[data-media-search]{
  grid-column:1 / span 3;
  min-width:0;
  width:100%;
}
body.page-media.page-movie-lists .movie-list-toolbar select[data-movie-list-select]{
  grid-column:4 / -1;
  width:100%;
}
body.page-media.page-movie-lists .movie-list-toolbar select[data-media-year-filter],
body.page-media.page-movie-lists .movie-list-toolbar select[data-media-rating-filter],
body.page-media.page-movie-lists .movie-list-toolbar select[data-media-seen-filter],
body.page-media.page-movie-lists .movie-list-toolbar select[data-media-sort]{
  width:100%;
}
body.page-media.page-movie-lists .movie-list-toolbar select[data-media-sort]{
  grid-column:4 / span 2;
}
body.page-media.page-movie-lists .movie-list-fade-button{
  grid-column:6;
  justify-self:end;
  min-height:40px;
  padding:0 14px;
  margin-left:0;
}
@media(max-width:980px){
  body.page-media.page-movie-lists .movie-list-toolbar{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.page-media.page-movie-lists .movie-list-toolbar input[data-media-search],
  body.page-media.page-movie-lists .movie-list-toolbar select[data-movie-list-select],
  body.page-media.page-movie-lists .movie-list-toolbar select[data-media-sort],
  body.page-media.page-movie-lists .movie-list-fade-button{
    grid-column:auto;
    width:100%;
  }
  body.page-media.page-movie-lists .movie-list-fade-button{
    justify-self:stretch;
  }
}
@media(max-width:640px){
  body.page-media.page-movie-lists .movie-list-toolbar{grid-template-columns:1fr;}
}


/* dnnspit Watchlist und Movie-Lists Backend Polish · 0.9.31 */
body.page-media-admin .media-admin-list-item{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  color:var(--text);
  display:grid;
  gap:5px;
  text-align:left;
  padding:11px 12px;
  margin:0 0 8px;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
body.page-media-admin .media-admin-list-item:hover,
body.page-media-admin .media-admin-list-item.active{
  background:rgba(120,205,255,.10);
  border-color:rgba(120,205,255,.40);
  transform:translateY(-1px);
}
body.page-media-admin .media-admin-list-item strong{
  display:block;
  color:var(--text);
  font-weight:900;
  line-height:1.25;
  overflow-wrap:anywhere;
}
body.page-media-admin .media-admin-list-item span,
body.page-media-admin .media-admin-list-item small{
  display:block;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.35;
  overflow-wrap:anywhere;
}
body.page-media-admin .media-admin-list-item small{
  color:var(--accent);
  font-weight:800;
}
body.page-media-admin .media-admin-list-note{
  color:var(--muted);
  font-size:.84rem;
  line-height:1.45;
  margin:10px 2px 0;
}
body.page-media-admin[data-media-module="watchlist"] .media-long-fields + .media-tmdb-panel{
  margin-top:30px;
}
body.page-media-admin .media-fetch-grid-compact{
  align-items:end;
}
body.page-media-admin .media-list-editor-actions{
  display:grid;
  grid-template-columns:minmax(220px,1fr) repeat(4,auto);
  gap:10px;
  align-items:center;
  margin:14px 0 16px;
}
body.page-media-admin .media-list-editor-actions input{
  width:100%;
  min-height:42px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.04);
  color:var(--text);
  font:inherit;
  padding:10px 12px;
  outline:none;
}
body.page-media-admin .form-actions.compact{
  margin-top:16px;
  justify-content:flex-start;
}
@media(max-width:980px){
  body.page-media-admin .media-list-editor-actions{
    grid-template-columns:1fr 1fr;
  }
  body.page-media-admin .media-list-editor-actions input{
    grid-column:1 / -1;
  }
}
@media(max-width:640px){
  body.page-media-admin .media-list-editor-actions{
    grid-template-columns:1fr;
  }
}


/* dnnspit Media Backend Polish · 0.9.33 */
body.page-media-admin .site-header{position:sticky;top:0;z-index:100;background:rgba(15,17,21,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);}
body.page-media-admin .brand img{width:38px;height:38px;border-radius:12px;object-fit:cover;display:block;box-shadow:0 10px 30px rgba(141,216,255,.18);}
body.page-media-admin .media-admin-list-entry{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025);padding:8px;display:grid;gap:10px;margin-bottom:10px;}
body.page-media-admin .media-admin-list-entry.active{border-color:rgba(120,205,255,.36);background:rgba(120,205,255,.07);}
body.page-media-admin .media-admin-list-entry .media-admin-list-item{width:100%;margin:0;border:0;background:transparent;text-align:left;padding:8px 8px 0;box-shadow:none;}
body.page-media-admin .media-admin-list-entry .media-admin-list-item:hover{transform:none;background:transparent;}
body.page-media-admin .media-admin-list-entry-actions{display:flex;gap:8px;justify-content:flex-start;padding:0 8px 6px;}
body.page-media-admin .small-button.micro{min-height:32px;padding:6px 10px;font-size:.78rem;}
body.page-media-admin[data-media-module="movie-lists"] .brand img{max-width:38px;max-height:38px;}


/* dnnspit Watchlist Übergabe · 0.9.33 */
body.page-media-admin[data-media-module="watchlist"] .watchlist-transition-panel{
  margin-top:28px;
  padding:18px;
  border:1px solid rgba(120,205,255,.22);
  border-radius:22px;
  background:rgba(120,205,255,.055);
  display:grid;
  gap:16px;
}
body.page-media-admin[data-media-module="watchlist"] .watchlist-transition-copy h2{
  margin:0 0 6px;
  font-size:1.05rem;
}
body.page-media-admin[data-media-module="watchlist"] .watchlist-transition-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}
body.page-media-admin[data-media-module="watchlist"] .watchlist-transition-grid{
  display:grid;
  grid-template-columns:auto minmax(180px,1fr) minmax(120px,.6fr) auto;
  gap:12px;
  align-items:end;
}
body.page-media-admin[data-media-module="watchlist"] .watchlist-transition-grid label{
  display:grid;
  gap:7px;
  color:var(--muted);
  font-size:.86rem;
  font-weight:800;
}
body.page-media-admin[data-media-module="watchlist"] .watchlist-transition-grid input{
  min-height:42px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.04);
  color:var(--text);
  font:inherit;
  padding:10px 12px;
  outline:none;
}
@media(max-width:980px){
  body.page-media-admin[data-media-module="watchlist"] .watchlist-transition-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:620px){
  body.page-media-admin[data-media-module="watchlist"] .watchlist-transition-grid{
    grid-template-columns:1fr;
  }
}

/* dnnspit Watchlist Übergabe Abstand · 0.9.34 */
body.page-media-admin[data-media-module="watchlist"] .watchlist-transition-panel + .form-actions{
  margin-top:24px;
}


/* dnnspit Movie Lists Backend Grid & Drag · 0.9.35 */
body.page-media-admin[data-media-module="movie-lists"] .movie-list-item-edit-form{
  margin-top:16px;
  padding:18px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:rgba(255,255,255,.025);
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-item-edit-form h3{
  margin:0 0 14px;
  font-size:1.05rem;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-grid-actions{
  grid-template-columns:minmax(260px,1fr) auto auto;
  margin-top:22px;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-items-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:12px;
  margin:14px 0 22px;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-item-card{
  appearance:none;
  -webkit-appearance:none;
  min-height:112px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  color:var(--text);
  padding:13px 14px 13px 38px;
  display:grid;
  align-content:start;
  gap:7px;
  text-align:left;
  position:relative;
  cursor:grab;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-item-card:active{cursor:grabbing;}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-item-card:hover,
body.page-media-admin[data-media-module="movie-lists"] .movie-list-item-card.active{
  background:rgba(120,205,255,.10);
  border-color:rgba(120,205,255,.40);
  transform:translateY(-1px);
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-item-card.is-dragging{
  opacity:.46;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-item-card.is-drop-target{
  border-color:rgba(120,205,255,.75);
  box-shadow:0 0 0 2px rgba(120,205,255,.18) inset;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-drag-handle{
  position:absolute;
  left:13px;
  top:14px;
  color:var(--muted);
  font-weight:900;
  letter-spacing:-4px;
  opacity:.75;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-item-card strong{
  line-height:1.25;
  font-weight:900;
  overflow-wrap:anywhere;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-item-card span{
  color:var(--muted);
  font-size:.86rem;
  line-height:1.35;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-item-card small{
  color:var(--accent);
  font-size:.8rem;
  line-height:1.35;
  font-weight:800;
}
@media(max-width:900px){
  body.page-media-admin[data-media-module="movie-lists"] .movie-list-grid-actions{grid-template-columns:1fr 1fr;}
  body.page-media-admin[data-media-module="movie-lists"] .movie-list-grid-actions input{grid-column:1 / -1;}
}
@media(max-width:620px){
  body.page-media-admin[data-media-module="movie-lists"] .movie-list-grid-actions,
  body.page-media-admin[data-media-module="movie-lists"] .movie-list-items-grid{grid-template-columns:1fr;}
}


/* 0.9.36 Movie Watch Movie-List-Zuordnung */
.media-watch-list-assign{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line);}
.media-watch-list-controls{margin-top:.85rem;}
.media-watch-list-controls select,.media-watch-list-controls input{min-width:180px;}
@media (max-width: 760px){.media-watch-list-controls select,.media-watch-list-controls input{min-width:0;width:100%;}}

/* dnnspit Hub kompakte Kacheln · 0.9.41 */
body.page-tools-hub .hero{
  margin-bottom:18px;
}
body.page-tools-hub .tools-hub-section{
  margin-bottom:20px;
}
body.page-tools-hub .tools-hub-section-head{
  margin-bottom:10px;
}
body.page-tools-hub .tools-hub-section-head h2{
  font-size:clamp(1.05rem,1.6vw,1.35rem);
}
body.page-tools-hub .tools-hub-section-head p{
  display:none;
}
body.page-tools-hub .grid.tools-hub-grid,
body.page-tools-hub .tools-hub-subgroup .grid.tools-hub-grid{
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr));
  gap:10px;
}
body.page-tools-hub .tile{
  min-height:86px;
  padding:13px 14px;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
body.page-tools-hub .tile p{
  display:none;
}
body.page-tools-hub .tile-icon,
body.page-tools-hub .link-icon{
  width:30px;
  height:30px;
  border-radius:10px;
  margin-bottom:8px;
  font-size:.76rem;
}
body.page-tools-hub .tile-icon svg{
  width:17px;
  height:17px;
}
body.page-tools-hub .tile-kicker{
  margin-bottom:4px;
  font-size:9.5px;
  letter-spacing:.07em;
}
body.page-tools-hub .tile h2{
  margin:0;
  font-size:16px;
  line-height:1.12;
  letter-spacing:-.025em;
}
body.page-tools-hub .tools-hub-media-groups{
  gap:12px;
}
body.page-tools-hub .tools-hub-subgroup{
  padding:12px;
  border-radius:18px;
}
body.page-tools-hub .tools-hub-subgroup h3{
  margin-bottom:8px;
  font-size:.72rem;
}
body.page-tools-hub .security-dashboard-panel{
  margin-top:10px;
}
@media(min-width:1180px){
  body.page-tools-hub .grid.tools-hub-grid,
  body.page-tools-hub .tools-hub-subgroup .grid.tools-hub-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
}
@media(max-width:780px){
  body.page-tools-hub .grid.tools-hub-grid,
  body.page-tools-hub .tools-hub-subgroup .grid.tools-hub-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* dnnspit Hub Compact Fix · 0.9.42 */
body.page-tools-hub .tools-hub-section{
  margin-bottom:18px;
}
body.page-tools-hub .tools-hub-section-head{
  margin-bottom:8px;
}
body.page-tools-hub .tools-hub-section-head h2{
  font-size:clamp(1.05rem,1.55vw,1.3rem);
}
body.page-tools-hub .tools-hub-section-head p{
  display:none;
}
body.page-tools-hub .grid.tools-hub-grid,
body.page-tools-hub .tools-hub-subgroup .grid.tools-hub-grid{
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:9px;
}
body.page-tools-hub .tile{
  min-height:78px;
  padding:11px 12px;
  border-radius:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
body.page-tools-hub .tile p{
  display:none!important;
}
body.page-tools-hub .tile-icon,
body.page-tools-hub .link-icon{
  width:28px;
  height:28px;
  border-radius:10px;
  margin-bottom:7px;
  font-size:.72rem;
}
body.page-tools-hub .tile-icon svg{
  width:16px;
  height:16px;
}
body.page-tools-hub .tile-kicker{
  margin-bottom:3px;
  font-size:9px;
  letter-spacing:.065em;
}
body.page-tools-hub .tile h2{
  margin:0;
  font-size:15px;
  line-height:1.1;
  letter-spacing:-.025em;
}
body.page-tools-hub .tools-hub-media-groups{
  gap:10px;
}
body.page-tools-hub .tools-hub-subgroup{
  padding:10px;
  border-radius:16px;
}
body.page-tools-hub .tools-hub-subgroup h3{
  margin-bottom:7px;
  font-size:.7rem;
}
@media(min-width:1180px){
  body.page-tools-hub .grid.tools-hub-grid,
  body.page-tools-hub .tools-hub-subgroup .grid.tools-hub-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
}
@media(max-width:780px){
  body.page-tools-hub .grid.tools-hub-grid,
  body.page-tools-hub .tools-hub-subgroup .grid.tools-hub-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Letterboxd Modul Vorschau · 0.9.42 */
.letterboxd-actions{
  align-items:center;
}
.letterboxd-preview-wrap{
  margin-top:1rem;
}
.letterboxd-preview-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:.7rem;
}
.letterboxd-preview-head h3{
  margin:0;
  font-size:1rem;
}
.letterboxd-preview-meta{
  color:var(--muted);
  font-size:.9rem;
}
.letterboxd-preview{
  min-height:130px;
  max-height:420px;
  overflow:auto;
  padding:10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(0,0,0,.16);
}
.letterboxd-preview-empty{
  min-height:108px;
  display:grid;
  place-items:center;
  color:var(--muted);
  text-align:center;
  border:1px dashed rgba(255,255,255,.16);
  border-radius:14px;
  padding:18px;
}
.letterboxd-preview-list{
  display:grid;
  gap:8px;
}
.letterboxd-preview-item{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.letterboxd-preview-order{
  color:var(--muted);
  font-weight:800;
  font-size:.85rem;
}
.letterboxd-preview-title{
  font-weight:850;
  line-height:1.25;
}
.letterboxd-preview-sub{
  margin-top:2px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.35;
}
.letterboxd-preview-badge{
  justify-self:end;
  max-width:210px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:.78rem;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(141,216,255,.16);
  background:rgba(141,216,255,.06);
}
@media(max-width:720px){
  .letterboxd-preview-item{grid-template-columns:34px minmax(0,1fr);}
  .letterboxd-preview-badge{grid-column:2;justify-self:start;max-width:100%;}
}


/* dnnspit Hub Scoped Compact · 0.9.44
   Nur für /tools/index.html über body.page-tools-hub. Öffentliche dnns.ch-Hub-Kacheln bleiben unberührt. */
body.page-tools-hub .hero{
  margin-bottom:18px !important;
}
body.page-tools-hub .tools-hub-section{
  margin-bottom:22px !important;
}
body.page-tools-hub .tools-hub-section-head{
  margin-bottom:10px !important;
}
body.page-tools-hub .tools-hub-section-head h2{
  font-size:clamp(1.25rem,1.65vw,1.55rem) !important;
  letter-spacing:-.02em !important;
}
body.page-tools-hub .tools-hub-section-head p:not([data-security-status]){
  display:none !important;
}
body.page-tools-hub .grid.tools-hub-grid,
body.page-tools-hub .tools-hub-subgroup .grid.tools-hub-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr)) !important;
  gap:12px !important;
  margin-top:0 !important;
}
body.page-tools-hub .tile{
  min-height:108px !important;
  padding:15px 16px !important;
  border-radius:18px !important;
  box-shadow:0 10px 26px rgba(0,0,0,.16) !important;
}
body.page-tools-hub .tile p{
  display:none !important;
}
body.page-tools-hub .tile-icon,
body.page-tools-hub .link-icon{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  margin-bottom:10px !important;
  font-size:.82rem !important;
}
body.page-tools-hub .tile-icon svg{
  width:18px !important;
  height:18px !important;
}
body.page-tools-hub .tile-kicker{
  margin-bottom:5px !important;
  font-size:10.5px !important;
  line-height:1.1 !important;
  letter-spacing:.08em !important;
  font-weight:850 !important;
}
body.page-tools-hub .tile h2{
  margin:0 !important;
  font-size:17px !important;
  line-height:1.16 !important;
  letter-spacing:-.018em !important;
  font-weight:850 !important;
}
body.page-tools-hub .tools-hub-media-groups{
  gap:12px !important;
}
body.page-tools-hub .tools-hub-subgroup{
  padding:12px !important;
  border-radius:18px !important;
}
body.page-tools-hub .tools-hub-subgroup h3{
  margin-bottom:9px !important;
  font-size:.78rem !important;
  letter-spacing:.08em !important;
}
body.page-tools-hub .security-dashboard-panel{
  margin-top:12px !important;
}
@media(min-width:1360px){
  body.page-tools-hub .grid.tools-hub-grid,
  body.page-tools-hub .tools-hub-subgroup .grid.tools-hub-grid{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  }
}
@media(max-width:1359px) and (min-width:1080px){
  body.page-tools-hub .grid.tools-hub-grid,
  body.page-tools-hub .tools-hub-subgroup .grid.tools-hub-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}
@media(max-width:1079px) and (min-width:820px){
  body.page-tools-hub .grid.tools-hub-grid,
  body.page-tools-hub .tools-hub-subgroup .grid.tools-hub-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:780px){
  body.page-tools-hub .grid.tools-hub-grid,
  body.page-tools-hub .tools-hub-subgroup .grid.tools-hub-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:520px){
  body.page-tools-hub .grid.tools-hub-grid,
  body.page-tools-hub .tools-hub-subgroup .grid.tools-hub-grid{
    grid-template-columns:1fr !important;
  }
}


/* dnnspit Hub Typography Tuning · 0.9.45
   Nur für /tools/index.html. Kacheln bleiben kompakt, aber die Schrift wirkt ruhiger und weniger gequetscht. */
body.page-tools-hub{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
body.page-tools-hub .tools-hub-section-head h2{
  font-size:clamp(1.32rem,1.7vw,1.62rem) !important;
  line-height:1.16 !important;
  letter-spacing:-.015em !important;
  font-weight:760 !important;
}
body.page-tools-hub .tile{
  min-height:112px !important;
  padding:16px 17px !important;
}
body.page-tools-hub .tile-kicker{
  margin-bottom:6px !important;
  font-size:10px !important;
  line-height:1.15 !important;
  letter-spacing:.065em !important;
  font-weight:720 !important;
  opacity:.86 !important;
}
body.page-tools-hub .tile h2{
  font-size:16px !important;
  line-height:1.22 !important;
  letter-spacing:-.006em !important;
  font-weight:720 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
body.page-tools-hub .tile-icon,
body.page-tools-hub .link-icon{
  width:36px !important;
  height:36px !important;
  margin-bottom:11px !important;
}

/* dnnspit Hub Struktur · 0.9.46
   Schnellstart entfällt. Im Media-Bereich stehen Pflege und Sync nebeneinander, Watch darunter. */
body.page-tools-hub .tools-hub-media-row{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}
body.page-tools-hub .tools-hub-media-row .tools-hub-subgroup{
  min-width:0 !important;
}
body.page-tools-hub .tools-hub-media-row .grid.tools-hub-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
@media(max-width:760px){
  body.page-tools-hub .tools-hub-media-row{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:520px){
  body.page-tools-hub .tools-hub-media-row .grid.tools-hub-grid{
    grid-template-columns:1fr !important;
  }
}

/* Öffentliche Hero-Beschreibungen neben der Überschrift · 0.9.50 */
body:not(.page-tools-hub) .hero > div:first-child{
  width: 100%;
}

@media (min-width: 900px){
  body:not(.page-tools-hub) .hero > div:first-child{
    display: grid;
    grid-template-columns: minmax(320px, .95fr) minmax(280px, 1fr);
    column-gap: clamp(28px, 5vw, 84px);
    row-gap: 10px;
    align-items: end;
  }

  body:not(.page-tools-hub) .hero > div:first-child > .eyebrow{
    grid-column: 1 / -1;
    margin-bottom: 0;
  }

  body:not(.page-tools-hub) .hero > div:first-child > .hero-title-row{
    grid-column: 1;
    margin-top: 0;
    margin-bottom: 0;
  }

  body:not(.page-tools-hub) .hero > div:first-child > .lead,
  body:not(.page-tools-hub) .hero > div:first-child > .hero-copy{
    grid-column: 2;
    align-self: end;
    max-width: 680px;
    margin: 0 0 clamp(4px, .8vw, 12px);
    line-height: 1.55;
  }
}

@media (max-width: 899px){
  body:not(.page-tools-hub) .hero > div:first-child > .lead,
  body:not(.page-tools-hub) .hero > div:first-child > .hero-copy{
    margin-top: 10px;
  }
}

/* Öffentliche Hero-Beschreibungen wirklich neben den Titel setzen · 0.9.52 */
@media (min-width: 900px){
  body:not(.page-tools-hub) main.page > section.hero{
    display:block !important;
  }
  body:not(.page-tools-hub) main.page > section.hero > div:first-child{
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(300px,.95fr) minmax(280px,1fr) !important;
    gap:8px clamp(28px,5vw,84px) !important;
    align-items:end !important;
  }
  body:not(.page-tools-hub) main.page > section.hero > div:first-child > .eyebrow{
    grid-column:1 / -1 !important;
    margin:0 !important;
  }
  body:not(.page-tools-hub) main.page > section.hero > div:first-child > .hero-title-row,
  body:not(.page-tools-hub) main.page > section.hero > div:first-child > h1{
    grid-column:1 !important;
    margin-top:4px !important;
    margin-bottom:0 !important;
  }
  body:not(.page-tools-hub) main.page > section.hero > div:first-child > .lead,
  body:not(.page-tools-hub) main.page > section.hero > div:first-child > .hero-copy{
    grid-column:2 !important;
    align-self:end !important;
    max-width:680px !important;
    margin:0 0 clamp(4px,.8vw,12px) !important;
    line-height:1.55 !important;
  }
}

/* Movie Lists: reine Alle-Listen-Übersicht · 0.9.52 */
body.page-movie-lists-overview .media-admin-layout{
  display:block !important;
}
body.page-movie-lists-overview .media-admin-sidebar{
  max-width:none !important;
  width:100% !important;
}
body.page-movie-lists-overview .media-admin-form,
body.page-movie-lists-overview .media-admin-layout > .content-card.media-admin-form,
body.page-movie-lists-overview .tool-note{
  display:none !important;
}
body.page-movie-lists-overview [data-movie-lists-list]{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
  margin-top:16px;
}
body.page-movie-lists-overview .movie-list-overview-card{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-height:108px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:inherit;
  text-decoration:none;
  box-shadow:0 16px 42px rgba(0,0,0,.18);
}
body.page-movie-lists-overview .movie-list-overview-card:hover{
  transform:translateY(-2px);
  border-color:rgba(183,247,212,.28);
}
body.page-movie-lists-overview .movie-list-overview-card strong{
  font-size:1.02rem;
  letter-spacing:-.02em;
}
body.page-movie-lists-overview .movie-list-overview-card span,
body.page-movie-lists-overview .movie-list-overview-card small{
  color:var(--muted);
  line-height:1.45;
}
.form-help{
  margin:8px 0 0;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.5;
}


/* 0.9.54 · dnns.ch-Hub bleibt großer klassischer Hero, Unterseiten bleiben Split-Hero */
@media (min-width: 900px){
  body.page-home-hub main.page > section.hero > div:first-child{
    display:block !important;
    max-width:980px !important;
  }
  body.page-home-hub main.page > section.hero > div:first-child > .eyebrow,
  body.page-home-hub main.page > section.hero > div:first-child > .hero-title-row,
  body.page-home-hub main.page > section.hero > div:first-child > .lead{
    grid-column:auto !important;
  }
  body.page-home-hub main.page > section.hero > div:first-child > .hero-title-row{
    margin-top:4px !important;
    margin-bottom:10px !important;
  }
  body.page-home-hub main.page > section.hero > div:first-child > .lead{
    margin-top:0 !important;
    max-width:820px !important;
    line-height:1.7 !important;
  }
}
body.page-timeline-index .timeline-hero{
  align-items:center;
}


/* Public Hub bleibt großer Hero, Unterseiten bleiben Split · 0.9.56 */
@media (min-width: 900px){
  body.page-home-hub main.page > section.hero > div:first-child{
    display:block !important;
    max-width:1100px;
  }
  body.page-home-hub main.page > section.hero > div:first-child > .lead{
    max-width:760px !important;
    margin-top:18px !important;
    line-height:1.6 !important;
  }
}

/* Timeline Status als Kennzahlenkarte · 0.9.55 */
body.page-timeline-index .timeline-summary{
  grid-template-columns: repeat(4, minmax(0,1fr));
}
body.page-timeline-index .timeline-summary article span{
  white-space: normal;
}
@media(max-width:920px){
  body.page-timeline-index .timeline-summary{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media(max-width:620px){
  body.page-timeline-index .timeline-summary{
    grid-template-columns: 1fr;
  }
}


/* Unterseiten-Hero Split und Timeline-Statistik kompakter · 0.9.56 */
@media (min-width: 900px){
  body:not(.page-tools-hub):not(.page-home-hub) main.page > section.hero > div:first-child{
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(300px,.95fr) minmax(280px,1fr) !important;
    gap:8px clamp(28px,5vw,84px) !important;
    align-items:end !important;
  }
  body:not(.page-tools-hub):not(.page-home-hub) main.page > section.hero > div:first-child > .eyebrow{
    grid-column:1 / -1 !important;
    margin:0 !important;
  }
  body:not(.page-tools-hub):not(.page-home-hub) main.page > section.hero > div:first-child > .hero-title-row,
  body:not(.page-tools-hub):not(.page-home-hub) main.page > section.hero > div:first-child > h1{
    grid-column:1 !important;
    margin-top:4px !important;
    margin-bottom:0 !important;
  }
  body:not(.page-tools-hub):not(.page-home-hub) main.page > section.hero > div:first-child > .lead,
  body:not(.page-tools-hub):not(.page-home-hub) main.page > section.hero > div:first-child > .hero-copy{
    grid-column:2 !important;
    align-self:end !important;
    max-width:680px !important;
    margin:0 0 clamp(4px,.8vw,12px) !important;
    line-height:1.55 !important;
  }
}
body.page-timeline-index .timeline-summary{
  gap:12px !important;
  margin:18px 0 20px !important;
}
body.page-timeline-index .timeline-summary article{
  min-height:84px !important;
  padding:16px 18px !important;
  border-radius:18px !important;
}
body.page-timeline-index .timeline-summary span{
  font-size:.72rem !important;
  letter-spacing:.055em !important;
}
body.page-timeline-index .timeline-summary strong{
  font-size:clamp(1.55rem,2.65vw,2.35rem) !important;
  line-height:1.05 !important;
  margin-top:8px !important;
  letter-spacing:-.04em !important;
}
@media(max-width:620px){
  body.page-timeline-index .timeline-summary article{
    min-height:76px !important;
    padding:14px 16px !important;
  }
}


/* ===== dnnspit docs/changelog polish 0.9.57 ===== */
body.page-tools-changelog .changelog-list{
  gap: 16px;
}
body.page-tools-changelog .changelog-entry p{
  color: var(--muted);
  line-height: 1.65;
  margin: 0 0 12px;
}
body.page-tools-changelog .changelog-entry .changelog-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
}
body.page-tools-changelog .changelog-entry .changelog-tag{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  color:var(--muted);
  background:rgba(255,255,255,.045);
  font-size:12px;
  font-weight:750;
}
body.page-tools-readme .readme-quick-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;
  margin:14px 0 20px;
}
body.page-tools-readme .readme-quick-card{
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:14px;
  background:rgba(255,255,255,.045);
}
body.page-tools-readme .readme-quick-card span{
  display:block;
  color:var(--muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:850;
  margin-bottom:6px;
}
body.page-tools-readme .readme-quick-card strong{
  display:block;
  font-size:18px;
  letter-spacing:-.02em;
}

/* 0.9.59 · Movie Lists / Letterboxd Polish */
.letterboxd-report-card h2,
.movie-list-tmdb-report strong{
  margin:0;
}
.letterboxd-report-empty{
  color:var(--muted);
  margin-top:8px;
}
.letterboxd-report-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  margin:14px 0;
}
.letterboxd-report-grid article{
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.04);
}
.letterboxd-report-grid span{
  display:block;
  color:var(--muted);
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:850;
  margin-bottom:6px;
}
.letterboxd-report-grid strong{
  font-size:1.6rem;
  letter-spacing:-.04em;
}
.letterboxd-open-list{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.09);
}
.letterboxd-open-list > div{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.letterboxd-open-list span,
.movie-list-tmdb-badge{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  border:1px solid rgba(255,188,117,.22);
  border-radius:999px;
  background:rgba(255,188,117,.08);
  color:#ffd7a8;
  font-size:.74rem;
  font-style:normal;
  font-weight:800;
  padding:4px 8px;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-item-card.tmdb-open{
  border-color:rgba(255,188,117,.22);
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-tmdb-badge{
  justify-self:start;
  margin-top:2px;
}
.movie-list-tmdb-report{
  margin:12px 0 0;
}
.movie-list-tmdb-report-inner{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  align-items:center;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:var(--muted);
}
.movie-list-tmdb-report-inner small{
  flex-basis:100%;
  color:#ffd7a8;
  line-height:1.45;
}
body.page-media.page-movie-lists .movie-list-info{
  margin:0 0 16px;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:22px;
  background:rgba(255,255,255,.04);
}
body.page-media.page-movie-lists .movie-list-info h2{
  margin:0 0 6px;
  font-size:clamp(1.25rem,2vw,1.8rem);
  letter-spacing:-.04em;
}
body.page-media.page-movie-lists .movie-list-info p{
  margin:0 0 9px;
  color:var(--muted);
  max-width:820px;
  line-height:1.55;
}
body.page-media.page-movie-lists .movie-list-meta-row{
  color:var(--muted);
  font-size:.9rem;
}
@media(max-width:760px){
  .letterboxd-report-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:520px){
  .letterboxd-report-grid{grid-template-columns:1fr;}
}

/* 0.9.59 · TMDb Offen Filter */
.movie-list-item-tools{
  display:flex;
  gap:.75rem;
  align-items:center;
  flex-wrap:wrap;
  min-width:min(100%, 24rem);
}
.movie-list-item-tools input[type="search"]{
  min-width:16rem;
  flex:1 1 16rem;
}
.check-field.compact.tmdb-open-filter,
.movie-list-item-tools .check-field.compact{
  font-size:.82rem;
  color:var(--muted);
  white-space:nowrap;
}
.tmdb-open-summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  border:1px solid var(--border);
  border-radius:999px;
  padding:.32rem .7rem;
  font-size:.8rem;
  color:var(--muted);
  background:rgba(255,255,255,.04);
}
.tmdb-open-summary.is-open,
.movie-list-tmdb-badge{
  color:#facc15;
}
.recipe-admin-row small + small{
  margin-left:.35rem;
}
@media (max-width: 720px){
  .movie-list-item-tools,
  .movie-list-item-tools input[type="search"]{
    width:100%;
    min-width:0;
  }
}

/* Movie Lists Public Entwurf · 0.9.62 */
body.page-media.page-movie-lists .movie-lists-overview{
  margin:22px 0 18px;
  display:grid;
  gap:16px;
}
body.page-media.page-movie-lists .movie-lists-overview-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
body.page-media.page-movie-lists .movie-lists-overview-head h2{
  margin:4px 0 6px;
  font-size:clamp(1.35rem,2vw,2rem);
}
body.page-media.page-movie-lists .movie-lists-overview-head p{
  margin:0;
  color:var(--muted);
  max-width:58ch;
}
body.page-media.page-movie-lists .media-mini-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:var(--text);
  text-decoration:none;
  font-size:.86rem;
}
body.page-media.page-movie-lists .movie-lists-overview-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body.page-media.page-movie-lists .movie-list-overview-card{
  position:relative;
  overflow:hidden;
  min-height:190px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  color:var(--text);
  text-decoration:none;
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:14px;
  padding:14px;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
body.page-media.page-movie-lists .movie-list-overview-card:hover,
body.page-media.page-movie-lists .movie-list-overview-card.is-active{
  transform:translateY(-2px);
  border-color:rgba(141,216,255,.35);
  background:linear-gradient(145deg,rgba(141,216,255,.12),rgba(255,255,255,.035));
}
body.page-media.page-movie-lists .movie-list-poster-stack{
  position:relative;
  min-height:160px;
}
body.page-media.page-movie-lists .movie-list-stack-poster,
body.page-media.page-movie-lists .movie-list-feature-poster{
  position:absolute;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);
  box-shadow:0 14px 30px rgba(0,0,0,.25);
}
body.page-media.page-movie-lists .movie-list-stack-poster img,
body.page-media.page-movie-lists .movie-list-feature-poster img{
  width:100%;height:100%;object-fit:cover;display:block;
}
body.page-media.page-movie-lists .movie-list-stack-poster span,
body.page-media.page-movie-lists .movie-list-feature-empty,
body.page-media.page-movie-lists .movie-list-stack-empty{
  width:100%;height:100%;display:grid;place-items:center;color:var(--muted);
}
body.page-media.page-movie-lists .movie-list-stack-poster.p1{left:4px;top:6px;width:72px;height:112px;z-index:4;}
body.page-media.page-movie-lists .movie-list-stack-poster.p2{left:42px;top:18px;width:68px;height:106px;z-index:3;opacity:.92;}
body.page-media.page-movie-lists .movie-list-stack-poster.p3{left:22px;top:54px;width:64px;height:98px;z-index:5;opacity:.96;}
body.page-media.page-movie-lists .movie-list-stack-poster.p4{left:70px;top:62px;width:52px;height:82px;z-index:2;opacity:.76;}
body.page-media.page-movie-lists .movie-list-stack-poster.p5{left:0;top:82px;width:50px;height:76px;z-index:1;opacity:.62;}
body.page-media.page-movie-lists .movie-list-stack-empty{
  min-height:160px;
  border:1px dashed rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
body.page-media.page-movie-lists .movie-list-overview-copy{
  display:grid;
  gap:8px;
  align-content:center;
  min-width:0;
}
body.page-media.page-movie-lists .movie-list-overview-copy h3{
  margin:0;
  font-size:1.16rem;
  line-height:1.15;
}
body.page-media.page-movie-lists .movie-list-overview-copy p{
  margin:0;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.page-media.page-movie-lists .movie-list-overview-meta,
body.page-media.page-movie-lists .movie-list-feature-meta,
body.page-media.page-movie-lists .movie-list-card-links{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
}
body.page-media.page-movie-lists .movie-list-overview-meta span,
body.page-media.page-movie-lists .movie-list-feature-meta span,
body.page-media.page-movie-lists .movie-list-card-links a{
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  padding:4px 8px;
  background:rgba(255,255,255,.035);
  color:var(--muted);
  font-size:.74rem;
  text-decoration:none;
}
body.page-media.page-movie-lists .movie-list-feature{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) 240px;
  gap:18px;
  align-items:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:linear-gradient(135deg,rgba(141,216,255,.10),rgba(255,255,255,.035));
  padding:20px;
}
body.page-media.page-movie-lists .movie-list-feature-copy{
  display:grid;
  gap:10px;
  min-width:0;
}
body.page-media.page-movie-lists .movie-list-feature-copy h2{
  font-size:clamp(1.55rem,3vw,2.4rem);
  letter-spacing:-.035em;
}
body.page-media.page-movie-lists .movie-list-feature-copy p{
  display:block;
  max-width:68ch;
  line-height:1.55;
}
body.page-media.page-movie-lists .movie-list-feature-posters{
  position:relative;
  min-height:160px;
}
body.page-media.page-movie-lists .movie-list-feature-poster.p1{right:84px;top:4px;width:86px;height:128px;z-index:4;}
body.page-media.page-movie-lists .movie-list-feature-poster.p2{right:24px;top:22px;width:82px;height:122px;z-index:3;opacity:.92;}
body.page-media.page-movie-lists .movie-list-feature-poster.p3{right:136px;top:42px;width:72px;height:108px;z-index:2;opacity:.75;}
body.page-media.page-movie-lists .movie-list-feature-poster.p4{right:0;top:70px;width:58px;height:88px;z-index:1;opacity:.66;}
body.page-media.page-movie-lists .movie-list-feature-poster.p5{right:56px;top:68px;width:68px;height:100px;z-index:5;}
body.page-media.page-movie-lists .movie-list-feature-poster.p6{right:166px;top:92px;width:52px;height:78px;z-index:1;opacity:.56;}
body.page-media.page-movie-lists .movie-list-card{
  position:relative;
  overflow:hidden;
}
body.page-media.page-movie-lists .movie-list-rank{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  padding:4px 9px;
  background:rgba(0,0,0,.24);
  color:var(--text);
  font-size:.78rem;
  font-weight:700;
}
body.page-media.page-movie-lists .movie-list-note{
  display:block;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:12px;
  font-size:.9rem;
  line-height:1.5;
}
body.page-media.page-movie-lists .movie-list-card-links{
  margin-top:-2px;
}
body.page-media.page-movie-lists .movie-list-card-links a:hover{
  color:var(--text);
  border-color:rgba(141,216,255,.32);
}
@media(max-width:1180px){
  body.page-media.page-movie-lists .movie-lists-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.page-media.page-movie-lists .movie-list-feature{grid-template-columns:minmax(0,1fr) 190px;}
}
@media(max-width:760px){
  body.page-media.page-movie-lists .movie-lists-overview-head{display:grid;align-items:start;}
  body.page-media.page-movie-lists .movie-lists-overview-grid{grid-template-columns:1fr;}
  body.page-media.page-movie-lists .movie-list-overview-card{grid-template-columns:110px minmax(0,1fr);}
  body.page-media.page-movie-lists .movie-list-feature{grid-template-columns:1fr;}
  body.page-media.page-movie-lists .movie-list-feature-posters{display:none;}
}

/* Movie Lists Detailseiten · 0.9.62 */
body.page-media.page-movie-lists .movie-list-open-link{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(141,216,255,.24);
  border-radius:999px;
  background:rgba(141,216,255,.08);
  color:var(--text);
  font-size:.78rem;
  font-weight:720;
}
body.page-media.page-movie-lists .movie-list-backline{
  margin-top:16px;
}
body.page-media.page-movie-list-detail .movie-list-info{
  scroll-margin-top:96px;
}

/* Movie Lists Public Polish · 0.9.63 */
body.page-media.page-movie-lists .movie-list-overview-card.is-active{
  transform:none;
  border-color:rgba(255,255,255,.10);
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
}
body.page-media.page-movie-lists .movie-list-overview-card:hover{
  transform:translateY(-2px);
  border-color:rgba(141,216,255,.35);
  background:linear-gradient(145deg,rgba(141,216,255,.12),rgba(255,255,255,.035));
}
body.page-media.page-movie-lists .series-stat-tile strong{
  color:var(--text);
  font-weight:760;
}
body.page-media.page-movie-lists .movie-main .media-kicker-line span{
  color:var(--text);
}
body.page-media.page-movie-lists .movie-main .media-kicker-line .media-kicker-separator{
  color:var(--muted);
  opacity:.65;
}
body.page-media.page-movie-lists .movie-list-note{
  display:none;
}

/* Movie Lists Rating-Dopplung Fix · 0.9.65 */
.movie-list-card .media-kicker-line {
  gap: .35rem;
}


/* Movie Lists Meta-Farbe Fix · 0.9.65 */
body.page-media.page-movie-lists .media-kicker-line span:not(.media-kicker-separator){
  color:var(--accent);
}
body.page-media.page-movie-lists .media-kicker-line{
  color:var(--accent);
}

/* 0.9.70 · Movie Lists Backend Komfort + Reihenlisten-Drag */
body.page-media-admin[data-media-module="movie-lists"] .movie-list-items-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin:14px 0 22px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.018);
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-sort-row{
  display:grid;
  grid-template-columns:54px 42px minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
  min-height:92px;
  padding:14px 14px 14px 12px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.018);
  color:var(--text);
  cursor:grab;
  transition:background .16s ease,border-color .16s ease,opacity .16s ease;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-sort-row:last-child{border-bottom:0;}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-sort-row:hover,
body.page-media-admin[data-media-module="movie-lists"] .movie-list-sort-row.active{
  background:rgba(120,205,255,.075);
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-sort-row.is-dragging{opacity:.45;}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-sort-row.is-drop-target{
  box-shadow:0 0 0 2px rgba(120,205,255,.24) inset;
  background:rgba(120,205,255,.11);
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-order-input{
  width:50px;
  min-height:50px;
  padding:0;
  text-align:center;
  border-radius:8px;
  font-size:1.12rem;
  font-weight:850;
  background:rgba(0,0,0,.18);
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-poster{
  width:36px;
  height:52px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  overflow:hidden;
  background:rgba(255,255,255,.04);
  display:grid;
  place-items:center;
  color:var(--muted);
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-poster img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-main{min-width:0;}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-title{
  display:flex;
  gap:7px;
  align-items:baseline;
  flex-wrap:wrap;
  line-height:1.15;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-title strong{
  font-size:1.05rem;
  letter-spacing:-.02em;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-title span,
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-meta{
  color:var(--muted);
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:5px;
  font-size:.82rem;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-rating{
  color:var(--accent);
  font-weight:850;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-main p{
  margin:.45rem 0 0;
  color:var(--muted);
  line-height:1.4;
  font-size:.86rem;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-note-button{
  margin-top:8px;
  width:max-content;
  border:1px solid rgba(120,205,255,.26);
  background:rgba(120,205,255,.06);
  color:var(--accent);
  border-radius:7px;
  padding:4px 7px;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:850;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-reasons{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:8px;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-reasons em{
  font-style:normal;
  color:#ffd7a8;
  border:1px solid rgba(255,188,117,.22);
  background:rgba(255,188,117,.08);
  border-radius:999px;
  padding:3px 7px;
  font-size:.72rem;
  font-weight:780;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-actions{
  display:flex;
  gap:7px;
  align-items:center;
  justify-content:flex-end;
  min-width:156px;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-actions button{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  border-radius:8px;
  padding:5px 8px;
  font-size:.74rem;
  font-weight:800;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-actions button:hover{
  color:var(--accent);
  border-color:rgba(120,205,255,.42);
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-sort-row .movie-list-drag-handle{
  position:static;
  letter-spacing:-3px;
  font-size:1rem;
  color:var(--muted);
  opacity:.8;
  cursor:grab;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-transfer-tools{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  align-items:center;
  margin:.9rem 0 0;
}
body.page-media-admin[data-media-module="movie-lists"] .movie-list-transfer-tools select{
  flex:1 1 220px;
  min-width:min(100%,220px);
}
@media(max-width:760px){
  body.page-media-admin[data-media-module="movie-lists"] .movie-list-sort-row{
    grid-template-columns:48px 38px minmax(0,1fr);
  }
  body.page-media-admin[data-media-module="movie-lists"] .movie-list-row-actions{
    grid-column:1 / -1;
    justify-content:flex-start;
    min-width:0;
    padding-left:62px;
  }
}


/* 0.9.70 · Movie Lists Backend Row-Layout Hard-Fix
   Greift bewusst zusätzlich ungescoped innerhalb page-media-admin,
   damit alte Grid-Regeln die neue Reihenlisten-Ansicht nicht mehr überlagern. */
body.page-media-admin .movie-list-items-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  margin:14px 0 22px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.018) !important;
}
body.page-media-admin .movie-list-sort-row{
  display:grid !important;
  grid-template-columns:54px 44px minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:start !important;
  width:100% !important;
  min-height:92px !important;
  padding:14px 14px 14px 12px !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
  border-radius:0 !important;
  background:rgba(255,255,255,.018) !important;
  color:var(--text) !important;
  cursor:grab !important;
  box-sizing:border-box !important;
}
body.page-media-admin .movie-list-sort-row:last-child{border-bottom:0 !important;}
body.page-media-admin .movie-list-sort-row:hover,
body.page-media-admin .movie-list-sort-row.active{
  background:rgba(120,205,255,.075) !important;
}
body.page-media-admin .movie-list-order-input{
  width:50px !important;
  min-width:50px !important;
  max-width:50px !important;
  min-height:50px !important;
  height:50px !important;
  padding:0 !important;
  text-align:center !important;
  border-radius:8px !important;
  font-size:1.05rem !important;
  font-weight:850 !important;
  box-sizing:border-box !important;
}
body.page-media-admin .movie-list-row-poster{
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:8px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.04) !important;
  display:grid !important;
  place-items:center !important;
}
body.page-media-admin .movie-list-row-poster img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
body.page-media-admin .movie-list-row-main{
  min-width:0 !important;
  overflow:hidden !important;
}
body.page-media-admin .movie-list-row-actions{
  display:flex !important;
  gap:7px !important;
  align-items:center !important;
  justify-content:flex-end !important;
  min-width:156px !important;
}
body.page-media-admin .movie-list-sort-row .movie-list-drag-handle{
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:1rem !important;
  letter-spacing:-3px !important;
  cursor:grab !important;
}
@media(max-width:760px){
  body.page-media-admin .movie-list-sort-row{
    grid-template-columns:48px 38px minmax(0,1fr) !important;
  }
  body.page-media-admin .movie-list-row-actions{
    grid-column:1 / -1 !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    padding-left:62px !important;
  }
}

/* 0.9.70 · Movie Lists Backend: keine Film-Beschreibungen in Reihenansicht */

/* 0.9.70 Media Bild-Cache */
.media-cache-grid{margin-top:1rem;}
.media-cache-stats .tool-note{margin-top:1rem;}


/* TMDb-Massenabgleich Polish · 0.9.72 */
body.page-media-admin .stack-field{display:grid;gap:6px;align-content:start;color:var(--muted);font-weight:800;}
body.page-media-admin .stack-field .field-note{font-size:.82rem;font-weight:600;line-height:1.35;color:var(--muted);opacity:.88;}
body.page-media-admin .stack-field select{width:100%;}
body.page-media-admin .media-batch-box.media-batch-box-polish{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.95fr);gap:14px;align-items:stretch!important;}
body.page-media-admin .media-batch-main{display:grid;gap:14px;}
body.page-media-admin .check-card{align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);min-height:100%;}
body.page-media-admin .check-card input{margin-top:3px;flex:0 0 auto;}
body.page-media-admin .check-card span{display:grid;gap:4px;min-width:0;}
body.page-media-admin .check-card strong{color:var(--text);font-size:.95rem;line-height:1.25;}
body.page-media-admin .check-card em{font-style:normal;color:var(--muted);font-size:.84rem;line-height:1.4;}
body.page-media-admin .tmdb-batch-filters-card{display:grid;gap:10px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);align-content:start;}
body.page-media-admin .tmdb-batch-filters-head{font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
body.page-media-admin .tmdb-batch-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0;}
body.page-media-admin .tmdb-batch-filters .check-field{margin:0;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(10,12,16,.36);color:var(--text);font-size:.88rem;align-items:flex-start;}
body.page-media-admin .tmdb-batch-filters .check-field input{margin-top:2px;}
body.page-media-admin .tmdb-batch-filters .check-field span{line-height:1.3;}
body.page-media-admin .tmdb-batch-actions{grid-column:1 / -1;margin:2px 0 0;justify-content:flex-start;}
body.page-media-admin .tmdb-batch-actions .small-button{width:auto;min-width:240px;}
@media(max-width:980px){
  body.page-media-admin .media-batch-box.media-batch-box-polish{grid-template-columns:1fr;}
  body.page-media-admin .tmdb-batch-actions .small-button{width:100%;min-width:0;}
}
@media(max-width:720px){
  body.page-media-admin .tmdb-batch-filters{grid-template-columns:1fr;}
}

/* 0.9.73 · TMDb-Massenabgleich als eigenständiges Arbeitsdashboard */
body.page-media-admin[data-media-module="batch"] .media-batch-page{display:grid;gap:18px;}
body.page-media-admin[data-media-module="batch"] .media-batch-hero{margin-bottom:0;}
body.page-media-admin[data-media-module="batch"] .media-batch-status{margin:0;}
body.page-media-admin[data-media-module="batch"] .media-batch-dashboard{display:grid;gap:18px;}
body.page-media-admin[data-media-module="batch"] .media-batch-command,
body.page-media-admin[data-media-module="batch"] .media-batch-filter-panel,
body.page-media-admin[data-media-module="batch"] .media-batch-action-panel,
body.page-media-admin[data-media-module="batch"] .media-batch-report-card{position:relative;overflow:hidden;}
body.page-media-admin[data-media-module="batch"] .media-batch-command:before,
body.page-media-admin[data-media-module="batch"] .media-batch-action-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,rgba(123,177,255,.9),rgba(255,255,255,.14));pointer-events:none;}
body.page-media-admin[data-media-module="batch"] .media-batch-command-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px;}
body.page-media-admin[data-media-module="batch"] .media-batch-command-head h2,
body.page-media-admin[data-media-module="batch"] .media-batch-section-title h2{margin:4px 0 6px;font-size:clamp(1.25rem,2vw,1.75rem);}
body.page-media-admin[data-media-module="batch"] .media-batch-command-head p,
body.page-media-admin[data-media-module="batch"] .media-batch-section-title p{margin:0;color:var(--muted);line-height:1.55;}
body.page-media-admin[data-media-module="batch"] .media-batch-kicker{display:inline-flex;align-items:center;width:max-content;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.045);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
body.page-media-admin[data-media-module="batch"] .media-batch-mode-pill{max-width:260px;border:1px solid rgba(123,177,255,.24);border-radius:18px;padding:11px 13px;background:rgba(123,177,255,.08);color:var(--text);font-size:.86rem;font-weight:800;line-height:1.35;}
body.page-media-admin[data-media-module="batch"] .media-batch-control-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch;}
body.page-media-admin[data-media-module="batch"] .media-batch-select-card,
body.page-media-admin[data-media-module="batch"] .media-batch-toggle-card{display:grid;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 18px 38px rgba(0,0,0,.12);}
body.page-media-admin[data-media-module="batch"] .media-batch-select-card span{font-size:.78rem;color:var(--muted);font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
body.page-media-admin[data-media-module="batch"] .media-batch-select-card strong{font-size:1.02rem;}
body.page-media-admin[data-media-module="batch"] .media-batch-select-card select{margin-top:4px;min-height:44px;}
body.page-media-admin[data-media-module="batch"] .media-batch-toggle-card{grid-template-columns:auto 1fr;align-content:start;}
body.page-media-admin[data-media-module="batch"] .media-batch-toggle-card input{margin-top:4px;}
body.page-media-admin[data-media-module="batch"] .media-batch-toggle-card span{display:grid;gap:5px;}
body.page-media-admin[data-media-module="batch"] .media-batch-toggle-card em{color:var(--muted);font-style:normal;line-height:1.45;}
body.page-media-admin[data-media-module="batch"] .media-batch-workflow-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;align-items:stretch;}
body.page-media-admin[data-media-module="batch"] .media-batch-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;}
body.page-media-admin[data-media-module="batch"] .media-batch-filter-chip{margin:0;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(10,12,16,.34);align-items:flex-start;transition:transform .16s ease,border-color .16s ease,background .16s ease;}
body.page-media-admin[data-media-module="batch"] .media-batch-filter-chip:hover{transform:translateY(-1px);border-color:rgba(123,177,255,.28);background:rgba(123,177,255,.06);}
body.page-media-admin[data-media-module="batch"] .media-batch-filter-chip input{margin-top:3px;}
body.page-media-admin[data-media-module="batch"] .media-batch-filter-chip span{display:grid;gap:3px;line-height:1.2;}
body.page-media-admin[data-media-module="batch"] .media-batch-filter-chip em{color:var(--muted);font-style:normal;font-size:.82rem;}
body.page-media-admin[data-media-module="batch"] .media-batch-action-panel{display:grid;gap:16px;align-content:start;}
body.page-media-admin[data-media-module="batch"] .media-batch-action-stack{display:grid;gap:10px;margin-top:2px;}
body.page-media-admin[data-media-module="batch"] .media-batch-action-stack .small-button{width:100%;justify-content:center;min-height:44px;}
body.page-media-admin[data-media-module="batch"] .media-batch-main-button{font-size:.95rem;}
body.page-media-admin[data-media-module="batch"] .media-batch-safety-note{display:grid;gap:4px;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:13px;background:rgba(255,255,255,.035);}
body.page-media-admin[data-media-module="batch"] .media-batch-safety-note strong{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
body.page-media-admin[data-media-module="batch"] .media-batch-safety-note span{font-size:.9rem;line-height:1.45;}
body.page-media-admin[data-media-module="batch"] .media-batch-report-card{display:grid;gap:14px;}
body.page-media-admin[data-media-module="batch"] .tmdb-batch-report{margin-top:0;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;background:rgba(10,12,16,.28);}
body.page-media-admin[data-media-module="batch"] .media-batch-report-empty p{margin:0;color:var(--muted);}
body.page-media-admin[data-media-module="batch"] .tmdb-batch-report h3{margin:0 0 4px;font-size:1.15rem;}
body.page-media-admin[data-media-module="batch"] .tmdb-batch-report>p{margin:0 0 12px;color:var(--muted);}
body.page-media-admin[data-media-module="batch"] .tmdb-report-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px;}
body.page-media-admin[data-media-module="batch"] .tmdb-report-filter{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.04);color:var(--text);padding:8px 11px;font-weight:800;cursor:pointer;}
body.page-media-admin[data-media-module="batch"] .tmdb-report-filter.active{border-color:rgba(123,177,255,.5);background:rgba(123,177,255,.13);}
body.page-media-admin[data-media-module="batch"] .tmdb-report-section{border-top:1px solid rgba(255,255,255,.08);padding-top:12px;margin-top:12px;}
body.page-media-admin[data-media-module="batch"] .tmdb-report-section h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:.98rem;}
body.page-media-admin[data-media-module="batch"] .tmdb-report-section h4 span{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;border-radius:999px;background:rgba(255,255,255,.07);font-size:.78rem;color:var(--muted);}
body.page-media-admin[data-media-module="batch"] .tmdb-report-list{display:grid;gap:8px;}
body.page-media-admin[data-media-module="batch"] .tmdb-report-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.6fr);gap:12px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.035);}
body.page-media-admin[data-media-module="batch"] .tmdb-report-row span{color:var(--muted);font-size:.88rem;}
body.page-media-admin[data-media-module="batch"] .tmdb-report-row.ok{border-color:rgba(90,214,150,.24);}
body.page-media-admin[data-media-module="batch"] .tmdb-report-row.check{border-color:rgba(255,205,105,.26);}
body.page-media-admin[data-media-module="batch"] .tmdb-report-row.fail{border-color:rgba(255,115,115,.28);}
@media(max-width:900px){
  body.page-media-admin[data-media-module="batch"] .media-batch-command-head,
  body.page-media-admin[data-media-module="batch"] .media-batch-control-grid,
  body.page-media-admin[data-media-module="batch"] .media-batch-workflow-grid{grid-template-columns:1fr;display:grid;}
  body.page-media-admin[data-media-module="batch"] .media-batch-mode-pill{max-width:none;}
}
@media(max-width:640px){
  body.page-media-admin[data-media-module="batch"] .media-batch-filter-grid,
  body.page-media-admin[data-media-module="batch"] .tmdb-report-row{grid-template-columns:1fr;}
}

/* 0.9.73 · TMDb-Massenabgleich: Schnellfilter wieder kompakt und sauber ausgerichtet */
body.page-media-admin[data-media-module="batch"] .media-batch-filter-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
body.page-media-admin[data-media-module="batch"] .media-batch-filter-chip{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px;
  min-height:0;
  margin:0;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:rgba(10,12,16,.34);
  text-align:left;
}
body.page-media-admin[data-media-module="batch"] .media-batch-filter-chip input{
  flex:0 0 auto;
  width:16px;
  height:16px;
  margin:0;
}
body.page-media-admin[data-media-module="batch"] .media-batch-filter-chip span{
  display:block;
  min-width:0;
  line-height:1.25;
}
body.page-media-admin[data-media-module="batch"] .media-batch-filter-chip strong{
  display:block;
  margin:0 0 2px;
}
body.page-media-admin[data-media-module="batch"] .media-batch-filter-chip em{
  display:block;
  color:var(--muted);
  font-style:normal;
  font-size:.84rem;
}
body.page-media-admin[data-media-module="batch"] .media-batch-filter-chip:has(input:checked){
  border-color:rgba(123,177,255,.42);
  background:rgba(123,177,255,.08);
}
@media (max-width:720px){
  body.page-media-admin[data-media-module="batch"] .media-batch-filter-grid{grid-template-columns:1fr;}
}


/* 0.9.75 · Media Bild-Cache Analyse + JSON Manager */
.media-cache-dashboard .tool-note code,.json-manager-card code{font-size:.9em}.cache-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.content-card.nested{padding:18px;background:rgba(10,14,22,.42)}.cache-file-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:4px}.cache-file-row{display:grid;gap:3px;padding:10px 12px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:rgba(2,6,23,.26)}.cache-file-row code{white-space:normal;word-break:break-word;color:#dbeafe}.cache-file-row small{color:var(--muted)}.pill.tiny{display:inline-flex;width:max-content;border-radius:999px;border:1px solid rgba(148,163,184,.25);padding:2px 8px;font-size:.72rem;color:var(--muted)}.mini-metrics{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.mini-metrics span{border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:8px 12px;color:var(--muted);background:rgba(2,6,23,.22)}.json-editor{width:100%;min-height:520px;margin-top:18px;border:1px solid rgba(148,163,184,.25);border-radius:18px;background:rgba(2,6,23,.55);color:#e5edf8;padding:16px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;resize:vertical}@media(max-width:980px){.cache-analysis-grid{grid-template-columns:1fr}.mini-metrics{justify-content:flex-start}}


/* 0.9.75 · Events/Sports JSON Manager */
.json-manager-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:18px;margin:18px 0}.json-manager-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.json-entry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.json-entry-form label{display:grid;gap:6px;color:var(--muted);font-size:.86rem}.json-entry-form input,.json-search-row input{width:100%;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:rgba(2,6,23,.46);color:#e5edf8;padding:11px 12px}.json-entry-form .form-actions{grid-column:1/-1}.json-field-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.json-field-chips span{border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:.78rem;background:rgba(2,6,23,.22)}.json-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:16px 0}.json-table{display:grid;gap:9px}.json-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(2,6,23,.25);padding:12px 14px}.json-row-main{display:grid;gap:3px;min-width:0}.json-row-main strong{color:#e5edf8;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.json-row-main small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.json-row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.small-button.danger{border-color:rgba(248,113,113,.38);color:#fecaca;background:rgba(127,29,29,.18)}.json-empty{border:1px dashed rgba(148,163,184,.25);border-radius:16px;padding:18px;color:var(--muted);text-align:center}.json-raw-details{margin-top:18px}.json-raw-details summary{cursor:pointer;color:#cbd5e1;margin-bottom:10px}.json-manager-card .json-editor{min-height:360px}@media(max-width:980px){.json-manager-dashboard{grid-template-columns:1fr}.json-entry-form{grid-template-columns:1fr}.json-search-row,.json-row{grid-template-columns:1fr}.json-row-actions,.json-field-chips{justify-content:flex-start}.json-row-main strong,.json-row-main small{white-space:normal}}


/* 0.9.76 · Events/Sports Manager Layout-Polish */
body.page-json-manager .small-button,
body.page-json-manager button.small-button{appearance:none;border:1px solid rgba(148,163,184,.28);border-radius:999px;background:rgba(15,23,42,.62);color:#dbeafe;padding:9px 14px;font:inherit;font-size:.9rem;font-weight:650;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;box-shadow:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
body.page-json-manager .small-button:hover,
body.page-json-manager button.small-button:hover{border-color:rgba(120,205,255,.5);background:rgba(30,41,59,.72);transform:translateY(-1px)}
body.page-json-manager .small-button.primary,
body.page-json-manager button.small-button.primary{border-color:rgba(120,205,255,.52);background:linear-gradient(135deg,rgba(56,189,248,.22),rgba(37,99,235,.16));color:#f8fbff}
body.page-json-manager .small-button.secondary,
body.page-json-manager button.small-button.secondary{background:rgba(2,6,23,.32);color:#cfe7ff}
body.page-json-manager .small-button.danger,
body.page-json-manager button.small-button.danger{border-color:rgba(248,113,113,.38);color:#fecaca;background:rgba(127,29,29,.18)}
body.page-json-manager .json-manager-dashboard{display:block;margin:18px 0}
body.page-json-manager .json-manager-card{margin-top:18px}
body.page-json-manager .json-manager-edit-wide{margin-top:18px}
body.page-json-manager .json-entry-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;align-items:end}
body.page-json-manager .json-entry-form label{display:grid;gap:7px;color:var(--muted);font-size:.86rem;min-width:0}
body.page-json-manager .json-entry-form input,
body.page-json-manager .json-search-row input{width:100%;border:1px solid rgba(148,163,184,.25);border-radius:15px;background:rgba(2,6,23,.48);color:#e5edf8;padding:12px 13px;min-height:46px}
body.page-json-manager .json-entry-form input:focus,
body.page-json-manager .json-search-row input:focus{outline:none;border-color:rgba(120,205,255,.55);box-shadow:0 0 0 3px rgba(56,189,248,.08)}
body.page-json-manager .json-form-buttons{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:2px;align-items:center}
body.page-json-manager .json-save-note{margin-top:16px}
body.page-json-manager .json-manager-migration-bottom{margin-top:22px}
body.page-json-manager .json-manager-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
body.page-json-manager .mini-metrics{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
body.page-json-manager .mini-metrics span{border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:8px 12px;color:var(--muted);background:rgba(2,6,23,.22)}
body.page-json-manager .json-field-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
body.page-json-manager .json-field-chips span{border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:.78rem;background:rgba(2,6,23,.22)}
body.page-json-manager .json-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:16px 0}
body.page-json-manager .json-table{display:grid;gap:9px}
body.page-json-manager .json-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(2,6,23,.25);padding:12px 14px}
body.page-json-manager .json-row-main{display:grid;gap:3px;min-width:0}
body.page-json-manager .json-row-main strong{color:#e5edf8;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.page-json-manager .json-row-main small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.page-json-manager .json-row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body.page-json-manager .json-empty{border:1px dashed rgba(148,163,184,.25);border-radius:16px;padding:18px;color:var(--muted);text-align:center}
body.page-json-manager .json-raw-details{margin-top:18px}
body.page-json-manager .json-raw-details summary{cursor:pointer;color:#cbd5e1;margin-bottom:10px}
body.page-json-manager .json-manager-card .json-editor{min-height:360px}
@media(max-width:1180px){body.page-json-manager .json-entry-form{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body.page-json-manager .json-entry-form{grid-template-columns:repeat(2,minmax(0,1fr))}body.page-json-manager .panel-title-row{align-items:flex-start}body.page-json-manager .mini-metrics,body.page-json-manager .json-field-chips{justify-content:flex-start}}
@media(max-width:640px){body.page-json-manager .json-entry-form,body.page-json-manager .json-search-row,body.page-json-manager .json-row{grid-template-columns:1fr}body.page-json-manager .json-row-actions{justify-content:flex-start}body.page-json-manager .json-row-main strong,body.page-json-manager .json-row-main small{white-space:normal}}


/* 0.9.78 · Events/Sports Manager Fehlerfix + Kopfzeile */
body.page-json-manager .json-manager-edit-wide > .panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}
body.page-json-manager .json-manager-edit-wide > .panel-title-row h2{margin:0}
body.page-json-manager .json-manager-edit-wide > .panel-title-row > div:first-child{min-width:0}
body.page-json-manager .json-manager-edit-wide > .panel-title-row .mini-metrics{align-items:center;flex:0 0 auto;white-space:nowrap}
@media(max-width:640px){body.page-json-manager .json-manager-edit-wide > .panel-title-row{align-items:flex-start;flex-direction:column}body.page-json-manager .json-manager-edit-wide > .panel-title-row .mini-metrics{white-space:normal;justify-content:flex-start}}


/* 0.9.82 · Events/Sports JSON Manager + öffentliche JSON-Ausrichtung */
/* 0.9.96 · Projekt-Cleanup, dnnspit-Navigation und Legacy-Layout-Fixes */
body.page-json-manager .json-edit-head{align-items:center}
body.page-json-manager .json-list-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(160px,.35fr) minmax(160px,.35fr) auto;gap:10px;margin:16px 0 8px;align-items:center}
body.page-json-manager .json-list-toolbar input,
body.page-json-manager .json-list-toolbar select{width:100%;border:1px solid rgba(148,163,184,.25);border-radius:15px;background:rgba(2,6,23,.48);color:#e5edf8;padding:12px 13px;min-height:46px}
body.page-json-manager .json-list-toolbar input:focus,
body.page-json-manager .json-list-toolbar select:focus{outline:none;border-color:rgba(120,205,255,.55);box-shadow:0 0 0 3px rgba(56,189,248,.08)}
body.page-json-manager .json-list-summary{color:var(--muted);font-size:.88rem;margin:0 0 14px}
body.page-json-manager .json-row.has-warning{border-color:rgba(251,191,36,.36);background:rgba(120,53,15,.12)}
body.page-json-manager .json-row.has-warning .json-row-main small{color:#fde68a}
body.page-events-index .source-stat .stat-value,
body.page-sports-index .source-stat .stat-value{font-size:1rem;line-height:1.15;color:#dbeafe;white-space:nowrap}
body.page-events-index .source-stat,
body.page-sports-index .source-stat{background:linear-gradient(135deg,rgba(56,189,248,.1),rgba(37,99,235,.08))}
@media(max-width:1100px){body.page-json-manager .json-list-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:640px){body.page-json-manager .json-list-toolbar{grid-template-columns:1fr}}

/* 0.9.96 · Legacy dnnspit tools wieder an normales Layout hängen */
body.page-tools-index.page-tools-hub .site-header,
body.page-tools-index.page-tools-hub .tools-site-header{
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(15,17,21,.86);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body.page-tools-index.page-tools-hub .brand img{
  width: 30px;
  height: 30px;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}
body.page-tools-index.page-tools-hub .brand{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
body.page-tools-index.page-tools-hub .hero,
body.page-tools-index.page-tools-hub .tool-hero{
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
body.page-tools-index.page-tools-hub .hero-title-row{
  display: flex;
  align-items: center;
  gap: 18px;
}
body.page-tools-index.page-tools-hub .hero-title-row h1,
body.page-tools-index.page-tools-hub .tool-hero h1{
  font-size: clamp(42px, 7vw, 88px);
  line-height: .92;
  letter-spacing: -.07em;
}
body.page-tools-index.page-tools-hub .hero-icon-badge{
  width: 78px;
  height: 78px;
  flex: 0 0 auto;
}
body.page-tools-index.page-tools-hub .hero-icon-badge svg{
  width: 32px;
  height: 32px;
}
body.page-tools-index.page-tools-hub .csv-editor,
body.page-tools-index.page-tools-hub .editor-shell,
body.page-tools-index.page-tools-hub .tool-wrap{
  max-width: 1180px;
}

/* 0.9.96 · Timeline Meta-Pill + Media-Hub-Aufräumung */
.timeline-entry-top{
  gap:8px;
}
.timeline-meta-separator{
  color:rgba(120,205,255,.58);
  font-weight:900;
  line-height:1;
}
.timeline-meta-pill{
  text-transform:none;
  letter-spacing:0;
  font-size:.82rem;
}
body.page-tools-hub .tools-hub-media-combo .grid.tools-hub-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
body.page-tools-hub .tools-hub-media-groups{
  gap:14px;
}
@media(max-width:1180px){
  body.page-tools-hub .tools-hub-media-combo .grid.tools-hub-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:780px){
  body.page-tools-hub .tools-hub-media-combo .grid.tools-hub-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:520px){
  body.page-tools-hub .tools-hub-media-combo .grid.tools-hub-grid{
    grid-template-columns:1fr;
  }
}
/* 0.9.96 · Timeline Meta-Pill Hotfix */
.timeline-entry-top{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.timeline-entry-top .timeline-pill,
.timeline-entry-top .timeline-meta-chip{
  display:inline-flex !important;
  align-items:center;
  border:1px solid rgba(120,205,255,.38) !important;
  background:rgba(120,205,255,.12) !important;
  color:var(--accent) !important;
  border-radius:999px;
  padding:5px 10px;
  font-weight:900;
}
.timeline-entry-top .timeline-type-chip{
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:.78rem;
}
.timeline-entry-top .timeline-meta-chip{
  text-transform:none;
  letter-spacing:0;
  font-size:.82rem;
}
.timeline-entry-top .timeline-meta-separator{
  display:inline-flex !important;
  align-items:center;
  color:rgba(120,205,255,.72);
  font-weight:900;
  line-height:1;
  transform:translateY(-1px);
}



/* 0.9.96 · dnnspit Navigation konsistent gruppiert */
body.page-tools-hub .tools-nav .nav-trigger{
  gap: 6px;
}
body.page-tools-hub .tools-nav .nav-link-note{
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(141,216,255,.24);
  color: var(--muted);
  font-size: 11px;
  line-height: 1.1;
}
body.page-tools-hub .tools-nav .nav-dropdown-link.active .nav-link-note{
  color: currentColor;
  border-color: currentColor;
}


/* 0.9.96 · Systemcheck Plus, Media-Bild-Cache-Audit und Recap-Vorbereitung */
body.page-recap .recap-controls{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:12px 14px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(255,255,255,.045);color:var(--muted,#aab4c2);}
body.page-recap .recap-controls label{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--accent,#8bd5ff);}
body.page-recap .recap-controls select{min-width:120px;border:1px solid rgba(148,163,184,.25);border-radius:999px;background:rgba(7,10,17,.75);color:var(--text,#f8fafc);padding:.5rem .75rem;}
body.page-recap .recap-controls span{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.page-systemcheck .systemcheck-version strong{font-size:1.15rem;}
body.page-media-admin .media-cache-grid{margin-bottom:16px;}
body.page-media-admin .cache-analysis-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px;}
body.page-media-admin .content-card.nested{box-shadow:none;background:rgba(7,10,17,.22);}
body.page-media-admin .cache-file-list{display:grid;gap:8px;margin-top:10px;}
body.page-media-admin .cache-file-row{display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(255,255,255,.035);}
body.page-media-admin .cache-file-row code{white-space:normal;word-break:break-word;}
body.page-media-admin .cache-file-row small{color:var(--muted,#aab4c2);}
@media(min-width:980px){body.page-media-admin .cache-analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:640px){body.page-recap .recap-controls{align-items:flex-start;flex-direction:column;}body.page-recap .recap-controls span{white-space:normal;}}


/* 0.9.96 · Recap Polish, Systemcheck Cleanup und Media Cache Audit */
body.page-recap .recap-year-note{color:var(--muted,#aab4c2);font-size:.92rem;margin:.4rem 0 0;}
body.page-recap .recap-month-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin:0 0 16px;}
body.page-recap .recap-month-cell{position:relative;overflow:hidden;min-height:70px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(7,10,17,.32);padding:10px;display:flex;flex-direction:column;justify-content:space-between;}
body.page-recap .recap-month-cell i{position:absolute;left:0;right:0;bottom:0;height:var(--recap-fill,8%);background:linear-gradient(180deg,rgba(139,213,255,.24),rgba(139,213,255,.08));pointer-events:none;}
body.page-recap .recap-month-cell span,body.page-recap .recap-month-cell strong{position:relative;z-index:1;}
body.page-recap .recap-month-cell span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#aab4c2);font-weight:800;}
body.page-recap .recap-month-cell strong{font-size:.78rem;color:var(--text,#f8fafc);font-weight:800;}
body.page-recap .recap-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.page-recap .recap-mini-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(7,10,17,.34);padding:14px;min-width:0;}
body.page-recap .recap-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:rgba(139,213,255,.11);color:var(--accent,#8bd5ff);font-weight:900;}
body.page-recap .recap-mini-card h3{font-size:.98rem;line-height:1.25;margin:0;color:var(--text,#f8fafc);}
body.page-recap .recap-mini-card h3 small{font-size:.78rem;color:var(--muted,#aab4c2);font-weight:700;}
body.page-recap .recap-mini-card p{margin:.25rem 0 0;color:var(--muted,#aab4c2);font-size:.86rem;}
body.page-recap .recap-moment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.page-recap .recap-moment-card{border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(7,10,17,.34);padding:14px 16px;display:flex;gap:14px;justify-content:space-between;align-items:flex-start;min-width:0;}
body.page-recap .recap-moment-card h3{margin:.45rem 0 .2rem;font-size:1rem;line-height:1.25;color:var(--text,#f8fafc);}
body.page-recap .recap-moment-card p{margin:0;color:var(--muted,#aab4c2);font-size:.86rem;line-height:1.4;}
body.page-recap .recap-moment-card time{white-space:nowrap;color:var(--accent,#8bd5ff);font-size:.85rem;}
body.page-recap .recap-type{display:inline-flex;align-items:center;border:1px solid rgba(139,213,255,.24);background:rgba(139,213,255,.1);border-radius:999px;color:var(--accent,#8bd5ff);font-size:.72rem;font-weight:850;letter-spacing:.04em;padding:.18rem .55rem;text-transform:uppercase;}
.systemcheck-row-meta .systemcheck-action{display:block;margin-top:.35rem;color:var(--muted,#aab4c2);font-size:.82rem;}
.systemcheck-summary-card.systemcheck-cleanup strong{color:var(--accent,#8bd5ff);}
.systemcheck-row-cleanup .systemcheck-badge{background:rgba(139,213,255,.12);color:var(--accent,#8bd5ff);}
.cache-file-row code + span{color:var(--muted,#aab4c2);}
@media(max-width:900px){body.page-recap .recap-month-strip{grid-template-columns:repeat(6,minmax(0,1fr));}body.page-recap .recap-card-grid,body.page-recap .recap-moment-grid{grid-template-columns:1fr;}}
@media(max-width:560px){body.page-recap .recap-month-strip{grid-template-columns:repeat(3,minmax(0,1fr));}body.page-recap .recap-moment-card{flex-direction:column;}body.page-recap .recap-moment-card time{white-space:normal;}}


/* 0.9.96 · Recap Monatsleiste und Systemcheck Layout-Fix */
body.page-recap .recap-month-strip{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:2px 2px 8px;
  margin:0 0 14px;
  scrollbar-width:thin;
}
body.page-recap .recap-month-cell{
  flex:0 0 66px;
  min-height:64px;
  padding:9px 10px;
  border-radius:18px;
}
body.page-recap .recap-month-cell span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  font-size:.66rem;
  line-height:1.1;
}
body.page-recap .recap-month-cell strong{
  display:block;
  white-space:normal;
  line-height:1.08;
  font-size:.76rem;
}
body.page-recap .recap-month-cell strong:empty{display:none;}
body.page-recap .recap-month-cell i{
  opacity:.85;
}
body.page-recap .recap-month-cell:not(.has-value){
  opacity:.72;
}
body.page-recap .recap-month-cell:not(.has-value) strong{
  color:rgba(170,180,194,.72);
}
body.page-recap .recap-list .recap-list-row,
body.page-recap [data-recap-months] .recap-list-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
body.page-recap [data-recap-months] .recap-list-row span:last-child{
  flex:0 0 auto;
  white-space:nowrap;
}
body.page-systemcheck .systemcheck-layout{
  display:block;
  max-width:1180px;
  margin:0 auto;
}
body.page-systemcheck .editor-panel.systemcheck-panel{
  width:100%;
  box-sizing:border-box;
  overflow:hidden;
}
body.page-systemcheck .systemcheck-toolbar,
body.page-systemcheck .manager-toolbar-head{
  width:100%;
  box-sizing:border-box;
}
body.page-systemcheck .manager-toolbar-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  flex-wrap:wrap;
}
body.page-systemcheck .systemcheck-title{
  min-width:260px;
  max-width:760px;
  flex:1 1 520px;
}
body.page-systemcheck .systemcheck-actions{
  flex:0 0 auto;
  margin-left:auto;
}
body.page-systemcheck .systemcheck-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px;
  width:100%;
  margin:14px 0 16px;
}
body.page-systemcheck .systemcheck-summary-card{
  min-width:0;
  padding:14px 16px;
}
body.page-systemcheck .systemcheck-summary-card strong{
  font-size:1.65rem;
  line-height:1.05;
}
body.page-systemcheck .systemcheck-list{
  width:100%;
}
body.page-systemcheck .systemcheck-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,360px);
  align-items:center;
  gap:18px;
}
body.page-systemcheck .systemcheck-row-main{
  min-width:0;
}
body.page-systemcheck .systemcheck-row-meta{
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
}
body.page-systemcheck #systemcheckStatus{
  box-sizing:border-box;
  max-width:100%;
}
@media(max-width:760px){
  body.page-recap .recap-month-cell{flex-basis:62px;min-height:60px;}
  body.page-systemcheck .systemcheck-actions,
  body.page-systemcheck #runSystemcheck{width:100%;}
  body.page-systemcheck .systemcheck-row{grid-template-columns:1fr;gap:8px;}
  body.page-systemcheck .systemcheck-row-meta{text-align:left;}
}


/* 0.9.96 · Recap Monate ohne doppelte Darstellung */
body.page-recap .recap-month-strip{display:none;}
body.page-recap [data-recap-months]{margin-top:0;}
body.page-recap [data-recap-months] .recap-list-row{min-height:44px;}

/* 0.9.96 · Systemcheck Wartung, Recap-Finalisierung und Public-Pill-Polish */
body.page-systemcheck .systemcheck-group{overflow:hidden;}
body.page-systemcheck details.systemcheck-group{padding:0;}
body.page-systemcheck .systemcheck-group-head{cursor:pointer;list-style:none;padding:16px 18px;}
body.page-systemcheck .systemcheck-group-head::-webkit-details-marker{display:none;}
body.page-systemcheck .systemcheck-group-head h2{margin:0;}
body.page-systemcheck .systemcheck-group-head p{margin:4px 0 0;color:var(--muted,#aab4c2);font-size:.86rem;line-height:1.4;}
body.page-systemcheck .systemcheck-group-body{border-top:1px solid rgba(148,163,184,.13);}
body.page-systemcheck .systemcheck-summary-card{min-width:0;}
body.page-systemcheck .systemcheck-row-main div{min-width:0;}
body.page-systemcheck .systemcheck-row-main strong{overflow-wrap:anywhere;}
body.page-systemcheck .systemcheck-row-main small,
body.page-systemcheck .systemcheck-row-meta{overflow-wrap:anywhere;word-break:break-word;}
body.page-systemcheck .systemcheck-filter-button[disabled]{opacity:.45;cursor:not-allowed;}

body.page-recap .recap-card-grid-single{grid-template-columns:1fr;}
body.page-recap .recap-soft-value{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(139,213,255,.2);background:rgba(139,213,255,.08);border-radius:999px;color:var(--accent,#8bd5ff);font-weight:900;font-size:.82rem;padding:.28rem .62rem;white-space:nowrap;}
body.page-recap .recap-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
body.page-recap .recap-filter-button{border:1px solid rgba(148,163,184,.2);background:rgba(7,10,17,.36);color:var(--muted,#aab4c2);border-radius:999px;padding:.45rem .75rem;font-weight:850;font-size:.78rem;cursor:pointer;}
body.page-recap .recap-filter-button.is-active{border-color:rgba(139,213,255,.55);background:rgba(139,213,255,.15);color:var(--accent,#8bd5ff);}
body.page-recap .recap-month-strip{display:none!important;}
body.page-recap .recap-moment-card{transition:transform .16s ease,border-color .16s ease,background .16s ease;}
body.page-recap .recap-moment-card:hover{transform:translateY(-1px);border-color:rgba(139,213,255,.28);background:rgba(7,10,17,.44);}

.timeline-entry-top .timeline-pill,
.event-card .timeline-pill,
.sports-card .timeline-pill,
body.page-recap .recap-type{min-height:26px;}
body.page-events .event-meta-pill,
body.page-sports .sport-meta-pill{display:inline-flex;align-items:center;border:1px solid rgba(139,213,255,.24);background:rgba(139,213,255,.1);border-radius:999px;color:var(--accent,#8bd5ff);font-size:.72rem;font-weight:850;letter-spacing:.04em;padding:.18rem .55rem;text-transform:uppercase;}

.media-cache-dashboard .form-actions.compact{flex-wrap:wrap;}
.cache-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;}
.cache-analysis-grid .content-card.nested{padding:16px;}
.cache-file-row small{overflow-wrap:anywhere;}
@media(max-width:760px){.cache-analysis-grid{grid-template-columns:1fr;}body.page-recap .recap-mini-card{grid-template-columns:auto 1fr;}body.page-recap .recap-soft-value{grid-column:2;justify-self:start;}}

/* dnnspit 0.9.96 · Systemcheck Cleanup */
body.page-systemcheck .systemcheck-cleanup-panel{
  border:1px solid rgba(139,213,255,.26);
  border-radius:18px;
  background:rgba(139,213,255,.06);
  padding:16px;
  margin:18px 0;
}
body.page-systemcheck .systemcheck-cleanup-panel[hidden]{display:none;}
body.page-systemcheck .systemcheck-cleanup-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:12px;
}
body.page-systemcheck .systemcheck-cleanup-head strong{display:block;font-size:1.05rem;}
body.page-systemcheck .systemcheck-cleanup-head span{display:block;color:var(--muted,#aab4c2);font-size:.9rem;line-height:1.45;margin-top:3px;}
body.page-systemcheck .systemcheck-cleanup-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}
body.page-systemcheck .systemcheck-cleanup-list{display:grid;gap:8px;}
body.page-systemcheck .systemcheck-cleanup-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:12px;
  background:rgba(11,15,23,.42);
}
body.page-systemcheck .systemcheck-cleanup-row input{margin-top:3px;}
body.page-systemcheck .systemcheck-cleanup-row strong{display:block;overflow-wrap:anywhere;}
body.page-systemcheck .systemcheck-cleanup-row small{display:block;color:var(--muted,#aab4c2);font-size:.82rem;line-height:1.4;overflow-wrap:anywhere;}
@media (max-width: 760px){
  body.page-systemcheck .systemcheck-cleanup-head{flex-direction:column;}
  body.page-systemcheck .systemcheck-cleanup-actions,
  body.page-systemcheck .systemcheck-cleanup-actions .editor-button{width:100%;}
}


/* 0.9.96 all-in-one polish */
.timeline-year-filter{max-width:180px}
.json-quality-card{border-color:rgba(132,216,242,.22)}.json-warning{color:#ffd18a}.json-row-main .pill.tiny{margin-right:.35rem}
.cache-cleanup-row{cursor:pointer}.cache-cleanup-row input{accent-color:var(--accent);margin-right:.4rem}.media-cache-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.home-live-panel{margin-bottom:1.5rem}.home-highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.home-highlight-card{display:flex;flex-direction:column;gap:.45rem;border:1px solid var(--line);border-radius:20px;padding:1rem;background:rgba(255,255,255,.035);text-decoration:none;color:inherit}.home-highlight-card span{color:var(--accent);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.home-highlight-card strong{font-size:1.02rem}.home-highlight-card small{color:var(--muted)}
.recap-grid-extended{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.recap-stat-card{min-width:0}
@media (max-width:720px){.timeline-controls{align-items:stretch}.timeline-year-filter{max-width:none}.home-highlight-grid{grid-template-columns:1fr}}

/* 0.9.96 · Home Highlights stabiler als echte Karten */
.home-highlight-grid{display:block;}
.home-highlight-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:stretch;}
.home-highlight-card{display:block;border:1px solid var(--line);border-radius:20px;padding:0;background:rgba(255,255,255,.035);overflow:hidden;}
.home-highlight-card>a{display:flex;min-height:132px;flex-direction:column;gap:.45rem;padding:1rem;text-decoration:none;color:inherit;}
.home-highlight-card span{color:var(--accent);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
.home-highlight-card strong{font-size:1.04rem;line-height:1.25;}
.home-highlight-card small{color:var(--muted);line-height:1.35;}
.home-highlight-meta{color:var(--accent-2)!important;}
@media (max-width:720px){.home-highlight-list{grid-template-columns:1fr}.home-highlight-card>a{min-height:auto}}

/* 1.0.00 · Recap-Dedupe, Top-Serien und Home-Highlights Polish */
body.page-recap .recap-series-card .media-rating-badge,
body.page-recap .recap-series-card .recap-soft-value{align-self:center;justify-self:end;min-width:60px;text-align:center;}
body.page-recap .recap-series-card p{max-width:42rem;}
body.page-recap .recap-moment-card h3{overflow-wrap:anywhere;}
body.page-home-hub .home-live-panel{position:relative;overflow:hidden;}
body.page-home-hub .home-live-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 0%,rgba(139,213,255,.08),transparent 34%),radial-gradient(circle at 95% 10%,rgba(167,243,208,.06),transparent 30%);}
body.page-home-hub .home-live-panel>*{position:relative;}
body.page-home-hub .home-highlight-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;align-items:stretch;}
body.page-home-hub .home-highlight-card{display:block;border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:0;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(7,10,17,.28));overflow:hidden;min-width:0;transition:transform .16s ease,border-color .16s ease,background .16s ease;}
body.page-home-hub .home-highlight-card:hover{transform:translateY(-1px);border-color:rgba(139,213,255,.32);background:linear-gradient(180deg,rgba(139,213,255,.085),rgba(7,10,17,.32));}
body.page-home-hub .home-highlight-card>a{display:flex;min-height:150px;flex-direction:column;gap:.7rem;padding:1rem 1.05rem;text-decoration:none;color:inherit;}
body.page-home-hub .home-highlight-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
body.page-home-hub .home-highlight-top span{color:var(--accent,#8bd5ff);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;}
body.page-home-hub .home-highlight-top b{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:rgba(139,213,255,.10);border:1px solid rgba(139,213,255,.18);font-size:1rem;}
body.page-home-hub .home-highlight-card strong{font-size:1.06rem;line-height:1.28;letter-spacing:-.01em;}
body.page-home-hub .home-highlight-details{display:flex;flex-direction:column;gap:.25rem;margin-top:auto;}
body.page-home-hub .home-highlight-card small{color:var(--muted,#aab4c2);line-height:1.35;}
body.page-home-hub .home-highlight-meta{color:var(--accent-2,#a7f3d0)!important;font-weight:750;}
body.page-home-hub .home-highlight-card em{display:inline-flex;align-items:center;gap:.3rem;color:var(--accent,#8bd5ff);font-size:.78rem;font-style:normal;font-weight:800;opacity:.85;}
body.page-home-hub .home-highlight-card em::after{content:"→";}
@media(max-width:720px){body.page-home-hub .home-highlight-list{grid-template-columns:1fr;}body.page-home-hub .home-highlight-card>a{min-height:auto;}body.page-recap .recap-series-card .media-rating-badge,body.page-recap .recap-series-card .recap-soft-value{grid-column:2;justify-self:start;}}

/* 1.0.00 · Stable: Timeline-Sport-Unterzeile vereinheitlicht, Highlight-Filter bleibt entfernt. */