@font-face{font-family:'Lilita One';src:url('./originals/Typsnitt/LilitaOne-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('./originals/Typsnitt/SourceSans3-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('./originals/Typsnitt/SourceSans3-Semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--l8-plum:#360034;--l8-navy:#000080;--l8-raspberry:#942146;--l8-ink:#24002C;--l8-accent:#91236D;--l8-light:#F2E5ED;--l8-medium:#F5ADE0;--l8-dark:#91236D;--l8-on-light-ui:var(--l8-dark);--l8-on-light:#000000;--l8-body-foreground:var(--l8-on-light);--l8-heading-foreground:#FFFFFF;--l8-icon-foreground:#FFFFFF;--l8-radius-panel:8px;--l8-radius-control:6px;--l8-indent:24px}
.l8-surface{font-family:'Source Sans 3',sans-serif;font-weight:400;line-height:1.5;color:var(--l8-body-foreground)}
.l8-surface :is(h1,h2){font-family:'Lilita One',sans-serif;font-weight:400;line-height:1.2}
.l8-surface :is(h3,h4){font-weight:600;line-height:1.3}
.l8-surface :where(h1,h2,h3,h4,h5,h6){color:var(--l8-on-light-ui)}
.l8-prose{color:var(--l8-body-foreground)}
.l8-on-dark{--l8-body-foreground:#FFFFFF;--l8-on-light-ui:#FFFFFF;color:var(--l8-body-foreground)}
.l8-panel{--l8-body-foreground:var(--l8-on-light);--l8-on-light-ui:var(--l8-dark);border:2px solid var(--l8-accent);border-radius:var(--l8-radius-panel);background:var(--l8-light);color:var(--l8-on-light);overflow:hidden;min-width:0}
.l8-panel__heading{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--l8-accent);color:var(--l8-heading-foreground);font:400 28px/1.2 'Lilita One',sans-serif;margin:0}
.l8-panel__heading :where(h1,h2,h3,h4,h5,h6){color:inherit}
.l8-panel__heading .l8-prose{color:var(--l8-on-accent,#FFFFFF)}
.l8-panel__heading .l8-header-organ-icons{color:var(--l8-icon-foreground)}
.l8-organ-icon{display:inline-block;flex:none;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.l8-panel--embedded>.l8-panel__heading .l8-header-organ-icons{color:var(--l8-on-light-ui)}
.l8-panel__heading img{width:64px;height:64px;object-fit:contain;flex:none}
.l8-panel__body{padding:24px;min-width:0;color:var(--l8-body-foreground)}
.l8-center-panel{--l8-body-foreground:var(--l8-on-light);--l8-on-light-ui:var(--l8-dark);border:2px solid var(--l8-accent);border-radius:var(--l8-radius-panel);background:var(--l8-light);color:var(--l8-on-light);min-width:0;overflow:hidden}
.l8-center-panel>.l8-panel{border:0;border-radius:0}
.l8-center-panel>.l8-panel__body{padding:24px}
.l8-panel__body>:first-child{margin-top:0}.l8-panel__body>:last-child{margin-bottom:0}
.l8-panel--embedded{border:0;border-radius:0;background:transparent;overflow:visible}
.l8-panel--embedded>.l8-panel__heading{padding:0 0 12px;background:transparent;color:var(--l8-on-light-ui);font:600 20px/1.3 'Source Sans 3',sans-serif}
.l8-panel--embedded>.l8-panel__heading :where(h1,h2,h3,h4,h5,h6){font:inherit}
.l8-panel--embedded>.l8-panel__body{padding:0}
.l8-group+.l8-group{margin-top:24px}.l8-group>h3{margin:0 0 12px;font-size:22px}
.l8-facts{display:flex;flex-wrap:wrap;gap:16px 24px;margin:0;padding:0}
.l8-facts>div{flex:1 1 120px;min-width:0}.l8-facts dt{font-weight:600;color:var(--l8-on-light-ui)}.l8-facts dd{color:var(--l8-body-foreground);margin:4px 0 0;overflow-wrap:anywhere}
.l8-note{margin:16px 0 0;font-size:.95em;line-height:1.5;color:inherit;background:transparent}
.l8-note__label{font-weight:600;color:var(--l8-on-light-ui);margin-inline-end:8px}
.l8-tree,.l8-tree ul{list-style:none;padding:0;margin:0}.l8-tree ul{padding-inline-start:var(--l8-indent)}
.l8-tree li{margin:0}.l8-tree summary,.l8-tree__item{min-height:44px;display:flex;align-items:center;gap:12px;padding:4px 0}
.l8-tree summary{list-style:none;cursor:pointer;font-weight:600;color:var(--l8-on-light-ui)}
.l8-tree__item{color:var(--l8-on-light-ui)}.l8-tree summary::-webkit-details-marker{display:none}
.l8-chevron{margin-inline-start:auto;width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.l8-tree details[open]>summary>.l8-chevron{transform:rotate(180deg)}
.l8-control{font:400 18px/1.3 'Source Sans 3',sans-serif;min-height:44px;padding:8px 12px;border:1px solid var(--l8-accent);border-radius:var(--l8-radius-control);background:var(--l8-light);color:var(--l8-on-light-ui);cursor:pointer}
.l8-control[aria-pressed=true]{background:var(--l8-medium);color:var(--l8-on-medium,#000000);font-weight:600}
.l8-tabs{color:var(--l8-on-light-ui);display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 16px;padding:0}
.l8-tab{font:400 18px/1.3 'Source Sans 3',sans-serif;min-height:44px;padding:8px 0;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:inherit;cursor:pointer}
.l8-tab[aria-selected=true],.l8-tab[aria-pressed=true]{font-weight:600;border-bottom-color:var(--l8-accent)}
.l8-viewer{margin:0;min-width:0}.l8-viewer__canvas{display:block;width:100%;background:transparent;min-height:120px;object-fit:contain}.l8-viewer figcaption{font-size:16px;margin-top:8px}
.l8-viewer--standalone{padding:16px;border:1px solid var(--l8-medium);border-radius:6px;background:#FFFFFF}
.l8-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.l8-table :is(th,td){padding:10px 12px;text-align:start;border-bottom:1px solid color-mix(in srgb,var(--l8-accent) 20%,transparent)}
.l8-table th{font-weight:600;background:var(--l8-medium)}
.l8-surface :is(button,a,summary,input,select,textarea):focus-visible{outline:2px solid var(--l8-ink);outline-offset:3px}
.l8-panel__heading :is(button,a):focus-visible{outline-color:var(--l8-heading-foreground)}
.l8-surface a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.l8-panel__heading,.l8-panel__body,.l8-center-panel>.l8-panel__body{padding:16px}.l8-panel__heading{font-size:25px;gap:12px}.l8-panel__heading :where(h1,h2,h3,h4,h5,h6){color:inherit}
.l8-panel__heading .l8-prose{color:var(--l8-on-accent,#FFFFFF)}
.l8-panel__heading img{width:48px;height:48px}.l8-facts{gap:12px 16px}}