/* Shared primary action, visible in portfolio and article navigation. */
.navlinks a.hk-idea-link,.blog-nav>div>a.hk-idea-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border:2px solid #22221f;border-radius:30px;background:#ffc452;color:#22221f;box-shadow:4px 4px #22221f;font-size:11px;font-weight:700;line-height:1.25;letter-spacing:.3px;text-decoration:none;white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s}
.hk-idea-link>span{font-size:22px;line-height:.8}
.navlinks a.hk-idea-link:hover,.blog-nav>div>a.hk-idea-link:hover{background:#ffda78;transform:translate(-2px,-2px);box-shadow:6px 6px #22221f}
.navlinks a.hk-idea-link:active,.blog-nav>div>a.hk-idea-link:active{transform:translate(2px,2px);box-shadow:2px 2px #22221f}
.navlinks a.hk-idea-link:focus-visible,.blog-nav>div>a.hk-idea-link:focus-visible{outline:3px solid #151681;outline-offset:5px}
.navlinks{gap:16px;flex-wrap:wrap;justify-content:flex-end}.navlinks .hk-idea-link{order:1}.navlinks .mode{order:2}
@media(min-width:701px) and (max-width:1250px){.navlinks a[href="#decks"],.navlinks a[href="#carousels"],.navlinks a[href="#updates"]{display:none}}
@media(max-width:700px){nav:has(.navlinks){flex-wrap:wrap;border-radius:26px;gap:14px;padding:16px}.navlinks{display:contents}nav .brand{order:0}nav .navlinks a.hk-blog-link{order:1;display:inline-block;margin-left:auto}nav .navlinks .mode{order:2;margin-left:0}nav .navlinks a.hk-idea-link{order:3;flex:1 0 100%;padding:13px 18px;font-size:12px}.blog-nav{flex-wrap:wrap;border-radius:26px}.blog-nav>div{flex:1 0 100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}.blog-nav>div>a[href^="mailto:"]{display:none}.blog-nav>div>a.hk-idea-link{display:inline-flex;flex:1 0 100%;font-size:12px;padding:13px 18px}}
@media(prefers-reduced-motion:reduce){.hk-idea-link{transition:none!important}}
/* Keep the site notification compact and separate from the two corner controls. */
.scroll-pop{right:20px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:300px;max-width:calc(100vw - 40px);background:#fff8ea;border:1.5px solid #22221f;border-radius:13px;box-shadow:0 4px 14px #22221f20;animation:none;z-index:50}
.scroll-pop-bar{position:absolute;right:7px;top:7px;padding:0;background:transparent;color:#22221f;font-family:inherit}.scroll-pop-bar>span{display:none}.scroll-pop-bar button{width:32px;height:32px;border:0;box-shadow:none;background:transparent;color:#22221f;font:24px/1 Arial,sans-serif}
.scroll-pop-body{padding:16px 38px 14px 16px;font:13px/1.4 'Space Grotesk',Arial,sans-serif}.scroll-pop-body strong{margin:0 0 5px;color:#22221f;font-size:12px;line-height:1.4}.scroll-pop-body>span{display:none}.scroll-pop-body br{display:none}.scroll-pop-body a{margin:0;padding:0;border:0;background:transparent;font:12px/1.5 'Space Grotesk',Arial,sans-serif;text-decoration:none}.scroll-top{left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:48px;height:48px;font-size:24px;box-shadow:3px 3px #22221f}.hk-music-open .scroll-pop{display:none!important}
@media(max-width:700px){.scroll-pop{left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:auto;max-width:none}.scroll-pop-body{padding:14px 40px 14px 16px;font-size:12px}.scroll-top{left:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:48px;height:48px}}