#intro-notes-open{appearance:none;border:0;background:none;padding:4px 0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#intro-notes-open:disabled{opacity:.5;cursor:default}
#intro-notes-open:focus-visible,#intro-notes-dialog :focus-visible{outline:2px solid #a4e7f6;outline-offset:4px}
#intro-notes-dialog{box-sizing:border-box;width:min(680px,calc(100% - 24px));height:min(720px,calc(100vh - 32px));height:min(720px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #92bed04d;border-radius:12px;background:#0a1825f7;color:#dfebf1;box-shadow:0 24px 90px #0009;font-family:system-ui,sans-serif;overflow:hidden;touch-action:pan-y;color-scheme:dark}
#intro-notes-dialog[open]{display:flex;flex-direction:column}
#intro-notes-dialog::backdrop{background:#02091699}
.intro-notes-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:20px 24px;border-bottom:1px solid #92bed030}
.intro-notes-header p{margin:0 0 6px;color:#91bbc9;font-size:10px;letter-spacing:.16em}
#intro-notes-title{margin:0;font-size:20px;font-weight:600}
#intro-notes-close{flex-shrink:0;min-width:44px;min-height:44px;padding:6px;border:0;background:none;color:inherit;font:inherit;font-size:28px;line-height:1;cursor:pointer}
.intro-notes-body{min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:4px 24px 24px;scrollbar-gutter:stable;font-size:14px;line-height:1.85}
.intro-notes-body section+section{border-top:1px solid #92bed030;margin-top:22px;padding-top:4px}
.intro-notes-body h3{margin:20px 0 10px;font-size:16px;font-weight:600;color:#fff}
.intro-notes-body p{margin:10px 0}.intro-notes-body a{color:#a4e7f6;text-underline-offset:3px;overflow-wrap:anywhere}
@media(max-width:480px){.intro-notes-header{padding:14px 16px}.intro-notes-body{padding:2px 16px 20px}#intro-notes-title{font-size:18px}}
@media(max-height:400px){.intro-notes-header{padding:8px 16px}.intro-notes-header p{display:none}}