/* Floating pill menu used on every page. Colours are fixed on purpose: same in light and dark mode. */
.pillwrap{position:fixed;z-index:60;top:12px;left:0;right:0;padding:0 clamp(10px,2vw,22px);pointer-events:none}
header.pill.bar{pointer-events:auto;height:auto;max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;gap:clamp(10px,1.6vw,22px);padding:6px 7px 6px 16px;border-radius:999px;background:rgba(232,232,236,.74);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border:1px solid rgba(255,255,255,.75);box-shadow:0 12px 40px rgba(10,20,50,.16),inset 0 1px 0 rgba(255,255,255,.8)}
.pill .pb{display:flex;align-items:center;gap:10px;color:#202024;text-decoration:none;font-weight:700;font-size:16px;letter-spacing:-.02em;white-space:nowrap;order:0}
.pill .pb img{width:26px;height:26px;border-radius:50%}
.pill nav.pn{margin-left:auto;display:flex;align-items:center;gap:clamp(12px,1.5vw,22px);order:1}
.pill nav.pn a{color:#6c6c74;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;position:relative;transition:color .25s}
.pill nav.pn a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:#0a6cff;transform:scaleX(0);transition:transform .3s}
.pill nav.pn a:hover{color:#111}.pill nav.pn a:hover:after{transform:scaleX(1)}
.pill .pcta{order:2;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#202024;text-decoration:none;font-weight:600;font-size:14px;padding:8px 15px;border-radius:999px;box-shadow:0 2px 10px rgba(10,20,50,.12);border:1px solid rgba(0,0,0,.05);transition:transform .25s,box-shadow .25s,background .25s,color .25s}
.pill .pcta:hover{background:#0a6cff;color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(10,108,255,.3)}
.pill .themebtn{order:3;margin:0;background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(10,20,50,.12)}
.pill .themebtn svg{stroke:#202024!important}
.pill .pmenu{order:4;display:none;width:42px;height:42px;border-radius:50%;border:1px solid rgba(0,0,0,.05);background:#fff;box-shadow:0 2px 10px rgba(10,20,50,.12);position:relative;cursor:pointer;padding:0}
.pill .pmenu span,.pill .pmenu span:before{content:"";position:absolute;left:12px;right:12px;height:2px;background:#202024;border-radius:2px}
.pill .pmenu span{top:20px}.pill .pmenu span:before{left:0;right:0;top:-6px;box-shadow:0 12px 0 #202024}
.pdrop{display:none;pointer-events:auto;max-width:1080px;margin:8px auto 0;padding:10px;border-radius:26px;background:rgba(240,240,244,.92);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 50px rgba(10,20,50,.2)}
.pdrop a{display:block;padding:13px 16px;border-radius:16px;color:#202024;text-decoration:none;font-weight:600;font-size:16px}
.pdrop a:hover{background:#fff}
.pillwrap.open .pdrop{display:block}
@media(max-width:1080px){.pill nav.pn a:nth-child(n+5){display:none}}
@media(max-width:860px){.pill nav.pn{display:none}.pill .pcta{display:none}.pill .themebtn{margin-left:auto}.pill .pmenu{display:block}header.pill.bar{padding:6px 7px 6px 12px;gap:8px}.pillwrap{top:8px}.pill .pb{font-size:15px;gap:8px}.pill .pb img{width:26px;height:26px}.pill .pb span{font-size:15px}.pill .themebtn{width:34px;height:34px}.pill .themebtn svg{width:16px;height:16px}.pill .pmenu{width:34px;height:34px}.pill .pmenu span{top:16px;left:9px;right:9px}.pill .pmenu span:before{top:-5px;box-shadow:0 10px 0 #202024}.pdrop{margin-top:6px}.pdrop a{padding:11px 14px;font-size:15px}}

.pill .pcta svg{width:14px;height:14px}
.pill .themebtn{width:34px;height:34px}.pill .themebtn svg{width:16px;height:16px}
.pill nav.pn a[aria-current]{color:#111}.pill nav.pn a[aria-current]:after{transform:scaleX(1)}
body:not([data-page="index"]){padding-top:72px}
@media(max-width:860px){body:not([data-page="index"]){padding-top:60px}}