/* Checklists sub menu (partials/cksub.html): dark pill under the top menu on /checklists/ and its sub pages */
.cksub{position:relative;z-index:30;height:0}
.cksub-n{position:absolute;top:84px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:5px;background:#101820d9;border:1px solid #ffffff14;border-radius:30px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 30px #0003;font:500 12px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap}
.cksub-n a{color:#c9ced1;text-decoration:none;padding:9px 17px;border-radius:24px}
.cksub-n>a:hover,.cksub-t:hover,.cksub-n a[aria-current=page]{background:#ffffff14;color:#fff}
.cksub-dd{position:relative;display:inline-flex}
.cksub-t{display:inline-flex;align-items:center;gap:6px}
.cksub-t svg{transition:transform .2s}
.cksub-dd:hover .cksub-t svg,.cksub-dd:focus-within .cksub-t svg{transform:rotate(180deg)}
.cksub-m{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);min-width:240px;padding:8px;background:#10171cf7;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 50px #0008;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s}
.cksub-m::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.cksub-dd:hover .cksub-m,.cksub-dd:focus-within .cksub-m{opacity:1;visibility:visible;transform:translate(-50%,10px)}
.cksub-m a{padding:10px 14px;border-radius:10px}
.cksub-m a:hover{background:#ffffff12;color:#fff}
.cksub-m b{font-weight:700;color:#fff}
.sp .hero{padding-top:150px}
@media(max-width:760px){.cksub-n{top:80px;gap:0;padding:4px;font-size:10.5px}.cksub-n a{padding:8px 10px}.cksub-m{left:0;transform:translate(-30%,6px)}.cksub-dd:hover .cksub-m,.cksub-dd:focus-within .cksub-m{transform:translate(-30%,10px)}.sp .hero{padding-top:130px}}