html { scroll-behavior: smooth; scroll-padding-top: 6.5rem; }
.site-loading { align-items: center; background: #eef6e2; display: flex; inset: 0; justify-content: center; opacity: 0; pointer-events: none; position: fixed; transition: opacity .55s ease, visibility .55s ease; visibility: hidden; z-index: 999999; }
.site-loading img { animation: site-loading-pulse 1.4s ease-in-out infinite; filter: drop-shadow(0 8px 24px rgba(102, 141, 55, .18)); height: auto; width: min(300px, 68vw); }
.site-loading.is-visible { opacity: 1; pointer-events: auto; visibility: visible; }
.site-loading.is-visible.is-leaving { opacity: 0; pointer-events: none; visibility: hidden; }
@keyframes site-loading-pulse { 0%, 100% { opacity: .72; transform: scale(.98); } 50% { opacity: 1; transform: scale(1); } }
.site-quick-header { box-sizing: border-box; max-width: calc(100vw - 2rem); position: fixed; right: 1rem; top: 1rem; width: min(980px, calc(100vw - 2rem)); z-index: 10000; }
.site-quick-nav { background: rgba(252, 255, 248, .97); border: 1px solid rgba(168, 207, 106, .38); border-radius: 999px; box-shadow: 0 8px 30px rgba(102, 141, 55, .16); overflow-x: auto; overflow-y: hidden; padding: .5rem; scrollbar-color: rgba(168, 207, 106, .62) transparent; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.site-quick-nav::-webkit-scrollbar { height: 4px; }
.site-quick-nav::-webkit-scrollbar-thumb { background: rgba(168, 207, 106, .62); border-radius: 999px; }
.site-quick-nav ul { align-items: center; display: flex; gap: .25rem; list-style: none; margin: 0; min-width: max-content; padding: 0; }
.site-quick-nav a { border-radius: 999px; color: #668d37; display: block; font-size: .8rem; font-weight: 700; letter-spacing: .02em; padding: .65rem .9rem; text-decoration: none; transition: background-color .2s ease, color .2s ease; white-space: nowrap; }
.site-quick-nav a:hover, .site-quick-nav a:focus-visible { background: #a8cf6a; color: #fff; outline: none; }
.site-quick-nav .site-quick-nav__logo { align-items: center; display: flex; height: 100%; padding: .28rem .9rem; position: relative; }
.site-quick-nav__logo img { display: block; height: auto; transition: opacity .2s ease; width: 135px; }
.site-quick-nav__logo-normal { position: relative; top: -4px; }
.site-quick-nav__logo-white { left: .9rem; opacity: 0; position: absolute; top: calc(50% - 4px); transform: translateY(-50%); }
.site-quick-nav__logo:hover .site-quick-nav__logo-normal, .site-quick-nav__logo:focus-visible .site-quick-nav__logo-normal { opacity: 0; }
.site-quick-nav__logo:hover .site-quick-nav__logo-white, .site-quick-nav__logo:focus-visible .site-quick-nav__logo-white { opacity: 1; }
.admin-bar .site-quick-header { top: calc(1rem + 32px); }
@media (max-width: 782px) {
	html { scroll-padding-top: 5.5rem; }
	.site-quick-header { max-width: calc(100vw - 1rem); right: .5rem; top: .5rem; width: calc(100vw - 1rem); }
	.site-quick-nav { border-radius: 1.4rem; padding: .4rem; }
	.site-quick-nav a { font-size: .75rem; padding: .6rem .8rem; }
	.site-quick-nav__logo img { width: 115px; }
	.admin-bar .site-quick-header { top: calc(.5rem + 46px); }
}
@media (prefers-reduced-motion: reduce) { .site-loading { transition-duration: .01ms; } .site-loading img { animation: none; } }