.ask{display:grid;gap:1rem;margin-top:1.5rem;max-width:34rem;& .ask-lead{margin:0;padding:.85rem 1rem;border-radius:.75rem;background-color:color-mix(in srgb,var(--next-green) 14%,#fff);font-size:.95rem;color:var(--next-blue)}& .field{display:flex;flex-direction:column;gap:.3rem;& .label{font-size:.85rem;font-weight:600;color:var(--next-steel)}& input,& select,& textarea{width:100%;box-sizing:border-box;padding:.6rem .75rem;border:1px solid color-mix(in srgb,var(--next-blue) 22%,#fff);border-radius:.6rem;background-color:#fff;font:inherit;font-size:1rem;color:var(--text-color);transition:border-color .15s,box-shadow .15s;&:focus{outline:0;border-color:var(--next-green);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--next-green) 25%,transparent)}}& textarea{resize:vertical;min-height:7rem}&.bad{& input,& select,& textarea{border-color:var(--next-blue);background-color:color-mix(in srgb,var(--next-blue) 4%,#fff)}& .note{display:block}}& .note{display:none;font-size:.85rem;color:var(--next-blue)}}& .field.tick{flex-direction:row;align-items:flex-start;gap:.6rem;& input{width:1.15rem;height:1.15rem;flex:none;margin-top:.15rem;padding:0}& .label{font-weight:400;font-size:.9rem;color:var(--text-color);line-height:1.4}}& .actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}& .ask-done{margin:0;padding:.85rem 1rem;border-radius:.75rem;background-color:color-mix(in srgb,var(--next-green) 18%,#fff);color:var(--next-blue);&.bad{background-color:color-mix(in srgb,var(--next-blue) 10%,#fff)}}}.watch{margin-top:4rem;&>p{margin-top:.75rem;max-width:44rem}&.found{margin-top:3rem}}