:root{--accent: #d9660f;--accent-soft: #fbe7d7;--card-w: max(16rem, min(26rem, calc(100vw - 2.5rem) ));--step-x: 2.5rem;--overlap-up: 2.5rem;--overlap-down: 1.2rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;font-size:16px;line-height:1.5;color:#111;background:#fff}.page{max-width:40rem;margin:0 auto;padding:2rem 1.25rem}nav{margin-bottom:2.5rem}nav a{margin-right:1rem;color:#111}nav a[aria-current=page]{font-weight:600}h1{margin:0 0 .75rem;font-size:1.5rem}p{margin:0 0 1rem}.cite-wrap{position:relative}.cite{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;transition:color .15s ease}.cite sup{margin-left:1px;font-size:.65em;color:#888;transition:color .15s ease}.cite:hover,.cite:hover sup,.cite:focus-visible,.cite:focus-visible sup{color:var(--accent)}.cite:active{transform:translateY(1px)}.note{position:absolute;z-index:1;display:block;width:var(--card-w);padding:.5rem .85rem .7rem;border:1px solid var(--edge);border-radius:14px;background:linear-gradient(170deg,var(--fill-top),var(--fill));box-shadow:0 1px 2px #1018280d,0 12px 28px -10px var(--shade);font-size:.95rem;font-weight:400;line-height:1.5;color:#111;text-align:left;animation:note-in .18s ease-out both}.note[data-dir-y=up]{bottom:calc(100% - var(--overlap-up))}.note[data-dir-y=down]{top:calc(100% - var(--overlap-down));--rise: -6px}.note[data-dir-x=left]{left:calc(var(--step-x) * -1)}.note[data-dir-x=right]{right:calc(var(--step-x) * -1)}.note.floating[data-dir-y=up]{bottom:calc(100% + .4rem)}.note.floating[data-dir-y=down]{top:calc(100% + .4rem)}.note.floating{left:calc(-1.5rem + var(--shift-x, 0px));right:auto}.note.closing{animation:note-out .09s ease-in both}@keyframes note-in{0%{opacity:0;transform:translateY(var(--rise, 6px)) scale(.98)}}@keyframes note-out{to{opacity:0;transform:translateY(calc(var(--rise, 6px) * .7)) scale(.98)}}.note[data-tint="0"]{--fill-top: #fffaf4;--fill: #fdf1e6;--edge: #f7e5d4;--shade: rgba(198, 142, 84, .2)}.note[data-tint="1"]{--fill-top: #fbfcff;--fill: #eff4fd;--edge: #e1eaf9;--shade: rgba(96, 126, 194, .18)}.note[data-tint="2"]{--fill-top: #fafdfa;--fill: #edf8ef;--edge: #ddeee1;--shade: rgba(84, 154, 100, .17)}.note[data-tint="3"]{--fill-top: #fefbfe;--fill: #f7f0f9;--edge: #ece0f1;--shade: rgba(150, 104, 170, .17)}.note-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.note-number{padding:0 .45rem;border-radius:6px;background:var(--accent-soft);font-size:.75rem;font-weight:600;color:var(--accent)}.note-close{padding:0 .2rem;border:0;background:none;font-size:1.1rem;line-height:1;color:var(--accent);cursor:pointer;opacity:.6;transition:opacity .15s ease}.note-close:hover,.note-close:focus-visible{opacity:1}.note-body{display:block}@media(prefers-reduced-motion:reduce){.note,.note.closing{animation-duration:.01ms}.cite:active{transform:none}}