/* Food Forest Plans additions on top of the prototype stylesheet (same colour tokens). */
.ffp-spin{display:inline-block;width:18px;height:18px;border-radius:9999px;border:2.5px solid currentColor;border-right-color:transparent;animation:ffp-spin .8s linear infinite;flex-shrink:0}
@keyframes ffp-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ffp-spin{animation-duration:2.4s}}
.ffp-card-link{transition:box-shadow .2s,transform .2s,border-color .2s;text-decoration:none}
.ffp-card-link:hover{border-color:rgb(var(--c-outline-variant));box-shadow:0 10px 24px -8px rgba(7,36,23,.18);transform:translateY(-2px)}
.ffp-card-link:focus-visible{outline:2px solid rgb(var(--c-secondary));outline-offset:3px}
button[disabled]{cursor:not-allowed;opacity:.55}
button[aria-busy=true]{opacity:.85}
select{appearance:auto}
/* Utilities used by the new pages that the prototype stylesheet did not include. */
.h-11{height:2.75rem}.pt-10{padding-top:2.5rem}.pl-6{padding-left:1.5rem}.list-disc{list-style-type:disc}
.bg-error-container{background-color:rgb(var(--c-error-container))}.text-on-error-container{color:rgb(var(--c-on-error-container))}
@media (min-width:640px){.sm\:items-end{align-items:flex-end}.sm\:w-72{width:18rem}}
@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

#q-next:disabled,#q-next.ffp-locked{opacity:.45;filter:grayscale(1);cursor:not-allowed;pointer-events:none}