/* Version 3: white ground, blue to pink. Loaded after site.css. */
:root{--bg:#FFFFFF;--ink:#151515;--muted:#666666;--line:#E2E2E6;--accent:#D93A52;--accent-dark:#B82C43;--blue:#4F68B8}
body{background:radial-gradient(60% 40% at 88% 0%,rgba(240,80,98,.10),transparent 70%),radial-gradient(45% 35% at 28% 0%,rgba(96,120,196,.10),transparent 70%),var(--bg);background-repeat:no-repeat}
.top,.rule{border-color:var(--line)}
.wordmark{gap:14px}
.mark{display:block;flex:0 0 auto}
a:hover{color:var(--blue)}
.set-when,.tile-tag{color:var(--blue)}
.noimg{background:#F1F1F4;color:var(--ink)}
.tile:hover .noimg{background:#E6E6EC}
.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{border-color:#BDBDC6}

/* animated logo */
@keyframes cf-wave{0%,100%{opacity:.25;transform:translateX(-1.5px)}50%{opacity:1;transform:translateX(1.5px)}}
.mark{overflow:visible}
.mark polygon{animation:cf-wave 3.4s ease-in-out infinite}
.mark polygon:nth-child(1){animation-delay:0.00s}
.mark polygon:nth-child(2){animation-delay:0.18s}
.mark polygon:nth-child(3){animation-delay:0.36s}
.mark polygon:nth-child(4){animation-delay:0.54s}
.mark polygon:nth-child(5){animation-delay:0.72s}
.mark polygon:nth-child(6){animation-delay:0.90s}
.mark polygon:nth-child(7){animation-delay:1.08s}
@media (prefers-reduced-motion:reduce){.mark polygon{animation:none}}