#startseite .portal-magnetism { --maxwell-bg:#101111; --maxwell-text:#eeeae0; --maxwell-muted:#c9c8c3; --maxwell-edge:#b8d5df; }
:root[data-theme="light"] #startseite .portal-magnetism { --maxwell-bg:#fafafa; --maxwell-text:#292929; --maxwell-edge:#367088; }
#startseite .portal-magnetism .maxwell-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; align-items:start; margin-top:24px; }
#startseite .portal-magnetism .maxwell-usage { order:1; }
#startseite .portal-magnetism .maxwell-relationship { order:2; }
#startseite .portal-magnetism .maxwell-grid { order:3; }
#startseite .portal-magnetism .maxwell-details-body > p:not(.maxwell-source) { order:4; }
#startseite .portal-magnetism .maxwell-symbols { order:5; }
#startseite .portal-magnetism .maxwell-source { order:6; }
#startseite .portal-magnetism .maxwell-relationship { margin:0; padding:22px; border:1px solid color-mix(in srgb,var(--maxwell-edge) 35%,transparent); background:color-mix(in srgb,var(--maxwell-edge) 5%,var(--maxwell-bg)); }
#startseite .portal-magnetism .maxwell-relationship figcaption { margin-bottom:16px; color:var(--maxwell-text); font-size:20px; font-weight:800; }
#startseite .portal-magnetism .maxwell-relationship-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:stretch; }
#startseite .portal-magnetism .maxwell-relationship-flow > span { display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-rows:auto 1fr; gap:3px 10px; align-content:start; padding:14px; border:1px solid color-mix(in srgb,var(--maxwell-edge) 32%,transparent); background:var(--maxwell-bg); line-height:1.45; }
#startseite .portal-magnetism .maxwell-relationship-flow > span b { grid-row:1/3; }
#startseite .portal-magnetism .maxwell-relationship-flow strong { color:var(--maxwell-text); }
#startseite .portal-magnetism .maxwell-relationship-flow small { color:var(--maxwell-muted); font-size:14px; }
#startseite .portal-magnetism .maxwell-relationship-flow b,
#startseite .portal-magnetism .maxwell-relationship > p b { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border:1px solid var(--maxwell-edge); border-radius:50%; color:var(--maxwell-edge); }
#startseite .portal-magnetism .maxwell-relationship > p { display:flex; align-items:center; gap:14px; margin:14px 0 0; padding:14px; border:1px solid color-mix(in srgb,var(--maxwell-edge) 28%,transparent); color:var(--maxwell-muted); line-height:1.6; }
#startseite .portal-magnetism .maxwell-wave-link > b { width:auto; min-width:64px; padding:0 8px; border-radius:18px; }
#startseite .portal-magnetism .maxwell-wave-link span { display:flex; flex-direction:column; }
#startseite .portal-magnetism .maxwell-wave-link strong { color:var(--maxwell-text); }
#startseite .portal-magnetism .maxwell-details-body > p:not(.maxwell-source) { max-width:none; margin:16px 0 0; padding:18px; border:1px solid color-mix(in srgb,var(--maxwell-edge) 35%,transparent); border-left:3px solid var(--maxwell-edge); color:var(--maxwell-muted); line-height:1.7; }
#startseite .portal-magnetism .maxwell-symbols { margin-bottom:8px; }
#startseite .portal-magnetism .maxwell-explore:nth-child(1) { --law-accent:#e8c76f; }
#startseite .portal-magnetism .maxwell-explore:nth-child(2) { --law-accent:#83cbd8; }
#startseite .portal-magnetism .maxwell-explore:nth-child(3) { --law-accent:#d799ba; }
#startseite .portal-magnetism .maxwell-explore:nth-child(4) { --law-accent:#9fc99a; }
#startseite .portal-magnetism .maxwell-explore { padding:0; min-width:0; background:var(--maxwell-bg); color:var(--maxwell-text); border:0; }
#startseite .portal-magnetism .maxwell-explore > summary { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px 14px; align-items:center; box-sizing:border-box; width:100%; min-height:0; padding:22px; border:1px solid color-mix(in srgb,var(--law-accent) 38%,transparent); border-radius:5px; cursor:pointer; list-style:none; background:var(--maxwell-bg); }
#startseite .portal-magnetism .maxwell-explore > summary::before { content:""; position:absolute; inset:-2px; border-radius:inherit; padding:2.4px; pointer-events:none; background:conic-gradient(from var(--magnetare-button-angle),transparent 0 61%,color-mix(in srgb,var(--law-accent) 78%,white) 68%,white 73%,var(--law-accent) 78%,transparent 86%); mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0); animation:magnetare-button-edge 8s linear infinite; }
#startseite .portal-magnetism .maxwell-explore > summary::-webkit-details-marker { display:none; }
#startseite .portal-magnetism .maxwell-explore > summary:focus-visible { outline:3px solid var(--maxwell-text); outline-offset:3px; }
#startseite .portal-magnetism .maxwell-explore[open] > summary { background:color-mix(in srgb,var(--law-accent) 11%,var(--maxwell-bg)); border-color:var(--law-accent); }
#startseite .portal-magnetism .maxwell-explore > summary h4 { margin:2px 0 0; color:var(--maxwell-text); font-size:clamp(18px,1.6vw,22px); }
#startseite .portal-magnetism .maxwell-formula { grid-column:1/-1; display:block; box-sizing:border-box; width:100%; min-height:88px; padding:24px 18px; border:1px solid color-mix(in srgb,var(--law-accent) 35%,transparent); border-radius:4px; background:color-mix(in srgb,var(--law-accent) 7%,var(--maxwell-bg)); color:var(--maxwell-text); font-size:clamp(24px,2.6vw,34px); line-height:1.35; text-align:center; white-space:nowrap; overflow-x:auto; overflow-y:hidden; margin:8px 0 0; }
#startseite .portal-magnetism .maxwell-action { grid-column:1/-1; display:block; font-size:0; color:var(--law-accent); font-weight:750; }
#startseite .portal-magnetism .maxwell-action::after { content:"+ Abschnitt öffnen"; font-size:14px; }
#startseite .portal-magnetism .maxwell-explore[open] .maxwell-action::after { content:"− Abschnitt schließen"; }
#startseite .portal-magnetism .maxwell-explanation { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr); gap:0 28px; padding:22px; border:1px solid color-mix(in srgb,var(--law-accent) 28%,transparent); border-top:0; background:color-mix(in srgb,var(--law-accent) 4%,var(--maxwell-bg)); line-height:1.7; }
#startseite .portal-magnetism .maxwell-explanation > figure { grid-column:1; grid-row:1/7; align-self:start; }
#startseite .portal-magnetism .maxwell-explanation > :not(figure) { grid-column:2; }
#startseite .portal-magnetism .maxwell-explanation > p:first-child { margin-top:0; font-size:17px; color:var(--maxwell-text); }
#startseite .portal-magnetism .maxwell-explanation h5 { font-size:17px; margin:18px 0 6px; }
#startseite .portal-magnetism .maxwell-explanation figure { margin:20px 0; padding:14px; border:1px solid color-mix(in srgb,var(--law-accent) 24%,transparent); background:#0002; }
#startseite .portal-magnetism .maxwell-explanation svg { display:block; width:100%; max-height:170px; color:var(--law-accent); }
#startseite .portal-magnetism .maxwell-explanation figcaption { margin-top:8px; color:var(--maxwell-muted); font-size:14px; line-height:1.5; }
#startseite .portal-magnetism .maxwell-explore .formula-term-number { position:static; display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--law-accent); border-radius:50%; color:var(--law-accent); }
#startseite .portal-magnetism .maxwell-source { display:grid; grid-template-columns:180px minmax(0,1fr); gap:18px; align-items:center; margin:10px 0 0; padding:16px; border:1px solid color-mix(in srgb,var(--maxwell-edge) 35%,transparent); background:color-mix(in srgb,var(--maxwell-edge) 5%,var(--maxwell-bg)); color:var(--maxwell-muted); font-size:14px; }
#startseite .portal-magnetism .maxwell-source > span { font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
#startseite .portal-magnetism .maxwell-source a { display:flex; flex-direction:column; gap:3px; padding:12px 14px; border:1px solid color-mix(in srgb,var(--maxwell-edge) 55%,transparent); background:var(--maxwell-bg); color:var(--maxwell-text); text-decoration:none; }
#startseite .portal-magnetism .maxwell-source a:hover { border-color:var(--maxwell-edge); }
#startseite .portal-magnetism .maxwell-source small { color:var(--maxwell-muted); }
@media(max-width:720px) {
  #startseite .portal-magnetism .maxwell-explore > summary { min-height:0; padding:18px; }
  #startseite .portal-magnetism .maxwell-formula { min-height:74px; }
  #startseite .portal-magnetism .maxwell-explanation { padding:18px; }
  #startseite .portal-magnetism .maxwell-relationship-flow { grid-template-columns:1fr; }
  #startseite .portal-magnetism .maxwell-explanation { grid-template-columns:1fr; }
  #startseite .portal-magnetism .maxwell-explanation > figure,
  #startseite .portal-magnetism .maxwell-explanation > :not(figure) { grid-column:1; grid-row:auto; }
  #startseite .portal-magnetism .maxwell-explanation > figure { order:2; }
  #startseite .portal-magnetism .maxwell-source { grid-template-columns:1fr; gap:10px; }
  #startseite .portal-magnetism .maxwell-formula { font-size:clamp(16px,5.1vw,22px); padding-left:10px; padding-right:10px; }
}
@media(prefers-reduced-motion:reduce) { #startseite .portal-magnetism .maxwell-explore > summary::before { animation:none; } }