/* Workloop v2 overrides */
.ph{background:#fff3b0;color:#6b4e00;border:1px dashed #c99a00;border-radius:4px;padding:0 4px;font-weight:700;white-space:normal}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 26px}
.chips li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}
.chips li:before{content:'';width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.hero .cta{min-width:280px}
.hero-photo figcaption{display:none}
.task-types dd .note{display:block;margin-top:6px;font-size:12px;color:var(--accent)}
.not-allowed{margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--soft);font-size:13px;line-height:1.7;color:var(--ink)}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin:4px 0 16px}
.footer-links a{font-size:13px;font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.company{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:14px}
.footer>p.company{font-size:12px}
/* sticky CTA: hidden until hero CTA scrolled out */
@media(max-width:800px){
  .hero .cta{width:100%;min-width:0}
  .mobile-cta{transform:translateY(110%);transition:transform .25s ease;visibility:hidden}
  .mobile-cta.show{transform:none;visibility:visible}
  .chips li{font-size:12px;padding:6px 10px}
  .chips{margin-bottom:20px}
}
/* legal pages */
.legal{padding-block:48px 64px;max-width:820px}
.legal h1{font-size:clamp(30px,4vw,42px);line-height:1.15;letter-spacing:-.04em;margin-bottom:10px}
.legal .updated{font-size:13px;color:var(--muted);margin-bottom:28px}
.legal h2{font-size:21px;letter-spacing:-.02em;margin:32px 0 10px}
.legal p,.legal li{font-size:15px;line-height:1.75;color:var(--ink)}
.legal p+p{margin-top:10px}
.legal ul{padding-left:20px;margin:8px 0}
.back{display:inline-flex;min-height:44px;align-items:center;font-size:14px;font-weight:600;color:var(--accent)}
