/* --- Scoped Basis (nur innerhalb .meo-embed) --- */
.meo-embed, .meo-embed *,.meo-embed *::before,.meo-embed *::after{box-sizing:border-box}
.meo-embed{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:#fff}
@media (prefers-reduced-motion: reduce){
  .meo-embed *{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;scroll-behavior:auto!important}
}

/* --- Design-Variablen & Container --- */
.meo-embed{
  --meo-fg:#0b1020;--meo-muted:#4b5563;--meo-ring:rgba(67,56,202,.25);
  --meo-brand:#0d3b66;--meo-brand-hover:#132b52;
  --seg-bg:#ffffff; --seg-border:#d1d5db; --seg-text:#111827;
  --seg-bg-hover:#f3f4f6; --seg-active:#0d6efd; --seg-active-text:#ffffff;
  max-width:700px;margin:0 auto;padding:16px;background:transparent;color:var(--meo-fg);
  font:13px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;isolation:isolate
}

/* Aufklappbare Sektionen */
.meo-embed .meo-details{margin:10px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden}
.meo-embed .meo-details[open]{box-shadow:0 3px 10px rgba(0,0,0,.1)}
.meo-embed .meo-summary{cursor:pointer;padding:10px 14px;background:rgba(0,0,0,0.04);font-weight:600;font-size:.95rem;list-style:none;position:relative;text-align:left}
.meo-embed .meo-summary::-webkit-details-marker{display:none}
.meo-embed .meo-summary:after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:700;font-size:1rem;color:var(--meo-brand);transition:all .2s ease}
.meo-embed .meo-details[open] .meo-summary:after{content:"–";color:var(--meo-brand-hover)}

/* Inhalt: Definition-Grid */
.meo-embed .meo-dl{margin:0;padding:8px 14px;font-size:.82rem;text-align:left}
.meo-embed .meo-row{display:grid;grid-template-columns:160px 1fr;gap:6px;padding:6px 0;border-bottom:1px solid #eee}
.meo-embed .meo-row:last-child{border-bottom:none}
.meo-embed .meo-term{color:var(--meo-muted)}
.meo-embed .meo-val{color:var(--meo-fg)}

/* --- Wählbare Längen Buttons --- */
.meo-embed .meo-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}
.meo-embed .meo-chips.lengths a{
  background:var(--seg-bg);
  color:var(--seg-text);
  border:1px solid var(--seg-border);
  border-radius:2px;
  padding:6px 12px;
  font-weight:600;
  text-decoration:none;
  line-height:1.2;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.meo-embed .meo-chips.lengths a:hover{background:var(--seg-bg-hover)}
.meo-embed .meo-chips.lengths a.is-active{
  background:var(--seg-active);
  color:var(--seg-active-text);
  border-color:var(--seg-active);
}

/* --- Downloads: Buttons in Marineblau (#10396f) --- */
.meo-embed .meo-grid .meo-btn{
  background:#10396f;
  color:#fff;
  border:none;
  border-radius:2px;
  padding:5px 10px;
  font-size:0.75rem;
  font-weight:600;
  text-decoration:none;
  display:inline-block;
  line-height:1.2;
  transition:background .15s ease, transform .1s ease;
}
.meo-embed .meo-grid .meo-btn:hover{background:#1b4f9e}
.meo-embed .meo-grid .meo-btn:focus-visible{outline:0;box-shadow:0 0 0 3px var(--meo-ring)}

/* Kartenraster */
.meo-embed .meo-grid{display:grid;gap:10px;padding:10px 14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));justify-content:flex-start;text-align:left}
.meo-embed .meo-card{background:transparent;border:1px solid #ddd;border-radius:4px;padding:10px;display:flex;gap:8px;align-items:flex-start;transition:box-shadow .2s ease,transform .2s ease}
.meo-embed .meo-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.1)}
.meo-embed .meo-icon{flex:0 0 24px;height:24px;display:grid;place-items:center;border-radius:4px;background:var(--meo-brand);color:#fff;font-size:13px}
.meo-embed .meo-content{flex:1 1 auto;min-width:0}
.meo-embed .meo-title{font-weight:500;font-size:.85rem;margin:0 0 2px;color:var(--meo-fg)}
.meo-embed .meo-meta{color:var(--meo-muted);font-size:.72rem;margin-bottom:4px}

/* Hilfsklassen (scoped) */
.meo-embed .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}